style(studio): format the files the repo formatter listed

Author: miguel-heygen

packages/studio/src/components/dock/Dock.tsx

@@ -289,10 +289,7 @@ function WindowMenu() {
         Window
       </button>
       {open && (
-        <div
-          role="menu"
-          className={`${menuClasses.panel} absolute right-0 top-8 z-50 w-44`}
-        >
+        <div role="menu" className={`${menuClasses.panel} absolute right-0 top-8 z-50 w-44`}>
           {panels.map((id) => (
             <button
               key={id}

packages/studio/src/components/sidebar/AssetContextMenu.tsx

@@ -95,8 +95,7 @@ export function ContextMenu({
     onClose();
   }, [renameDraft, asset, onRename, onClose]);
 
-  const itemCls =
-    `${menuClasses.row} ${menuClasses.rowEnabled} active:bg-neutral-700/70 transition-colors`;
+  const itemCls = `${menuClasses.row} ${menuClasses.rowEnabled} active:bg-neutral-700/70 transition-colors`;
 
   return (
     <div

packages/studio/src/components/ui/menuStyle.ts

@@ -1,13 +1,10 @@
 /** The one owner of context menu spacing: rows touch the panel, which clips to its rounded corners. */
 export const menuClasses = {
-  panel:
-    "overflow-hidden rounded-md border border-neutral-700 bg-neutral-900 shadow-lg",
+  panel: "overflow-hidden rounded-md border border-neutral-700 bg-neutral-900 shadow-lg",
   group: "empty:hidden border-b border-neutral-700/60",
   divider: "border-t border-neutral-700/60",
   row: "w-full px-3 py-1.5 text-left text-xs outline-hidden",
-  rowEnabled:
-    "text-neutral-300 hover:bg-neutral-800 focus-visible:bg-neutral-800 cursor-pointer",
-  rowDanger:
-    "text-danger-ink hover:bg-danger/25 focus-visible:bg-danger/25 cursor-pointer",
+  rowEnabled: "text-neutral-300 hover:bg-neutral-800 focus-visible:bg-neutral-800 cursor-pointer",
+  rowDanger: "text-danger-ink hover:bg-danger/25 focus-visible:bg-danger/25 cursor-pointer",
   rowDisabled: "text-neutral-600 cursor-not-allowed",
 } as const;

packages/studio/src/player/components/clipMenuToolItems.test.tsx

@@ -101,9 +101,7 @@ describe("ClipMenuToolItems", () => {
 
   it("opens its submenu at the row's edge in window pixels, and flips left near the window's right edge", () => {
     const rowAt = (rect: { top: number; left: number; right: number }) =>
-      vi
-        .spyOn(HTMLElement.prototype, "getBoundingClientRect")
-        .mockReturnValue(rect as DOMRect);
+      vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockReturnValue(rect as DOMRect);
     const spy = rowAt({ top: 50, left: 100, right: 300 });
     renderItems("sound", video);
     openSubmenu("Voice");
@@ -112,7 +110,11 @@ describe("ClipMenuToolItems", () => {
     expect([menu.style.top, menu.style.left]).toEqual(["50px", "300px"]);
     act(() => root?.unmount());
     document.body.innerHTML = "";
-    spy.mockReturnValue({ top: 50, left: window.innerWidth - 200, right: window.innerWidth - 10 } as DOMRect);
+    spy.mockReturnValue({
+      top: 50,
+      left: window.innerWidth - 200,
+      right: window.innerWidth - 10,
+    } as DOMRect);
     renderItems("sound", video);
     openSubmenu("Voice");
     menu = document.querySelector<HTMLElement>('[role="menu"]')!;