50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T463c,import { Menu as BaseMenu } from "@base-ui/react/menu"; import { Menubar as BaseMenubar } from "@base-ui/react/menubar"; import { cn } from "@/lib/utils"; import { solidSurface, type SurfaceLevel, } from "@/registry/default/lib/elevated"; import { HugeiconsIcon } from "@hugeicons/react"; import { CheckIcon, ChevronRightIcon } from "@hugeicons/core-free-icons"; import { SwitchVisual, type SwitchVisualProps, } from "@/registry/default/switch/switch"; // Shared shell for checkbox and radio items. Padding matches the plain menu // item so labels line up across every item type; the indicator lives in a // reserved right-hand column so toggling never shifts the label. const toggleItemClasses = "group/switch data-highlighted:bg-surface-hover data-highlighted:text-accent-foreground grid cursor-default items-center rounded-md px-2.5 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-60 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"; // The check draws itself in. `pathLength` restates the path as 1 unit // long, so the dash values are fractions of the stroke and survive a HugeIcons // reshape. Deriving the icon array is the only way to reach the path. const checkIcon = CheckIcon.map(([tag, attrs]) => [ tag, { ...attrs, pathLength: 1 }, ]) as typeof CheckIcon; const checkmarkClasses = "[&_path]:ease-out-expo [&_path]:transition-[stroke-dashoffset] [&_path]:duration-150 [&_path]:[stroke-dasharray:1] in-data-checked:[&_path]:[stroke-dashoffset:0] in-data-unchecked:[&_path]:[stroke-dashoffset:1] motion-reduce:[&_path]:transition-none"; function Menubar({ className, level = 2, shadowLevel = 2, ...props }: React.ComponentProps & { /** Surface elevation level (1-8). Defaults to 2 — a subtle inline toolbar that sits just above the page. */ level?: SurfaceLevel; /** Shadow weight (1-8). Defaults to 2. */ shadowLevel?: SurfaceLevel; }) { return ( ); } function MenubarMenu({ ...props }: React.ComponentProps) { return ; } function MenubarGroup({ ...props }: React.ComponentProps) { return ; } function MenubarPortal({ ...props }: React.ComponentProps) { return ; } function MenubarRadioGroup({ ...props }: React.ComponentProps) { return ; } function MenubarTrigger({ className, delay = 0, closeDelay = 0, ...props }: React.ComponentProps) { return ( ); } function MenubarContent({ className, children, align = "start", alignOffset = -4, sideOffset = 8, level = 3, shadowLevel = 3, ...props }: React.ComponentProps & { align?: BaseMenu.Positioner.Props["align"]; alignOffset?: BaseMenu.Positioner.Props["alignOffset"]; sideOffset?: BaseMenu.Positioner.Props["sideOffset"]; /** Surface elevation level for the popup bg (1-8). Bump when nesting inside a Dialog or other elevated container. Defaults to 3. */ level?: SurfaceLevel; /** Shadow weight (1-8). Pinned to 3 by default so the menu reads the same regardless of nesting depth. */ shadowLevel?: SurfaceLevel; }) { return ( {/* No guard here, unlike DropdownMenu: there one positioner is shared by detached triggers and physically travels between them. Each MenubarMenu mounts its own, with no previous position to animate from. */} {/* Kept for sizing, not for content transitions. Base UI runs the popup auto-resize from inside the Viewport, and that is what writes --positioner-width / --positioner-height (plus --popup-width / --popup-height, which sit at `auto` between resizes). The positioner above sizes off those, so dropping the Viewport leaves them unset and its explicit box collapses. Deliberately carries no morph styling. A menubar can't morph: each MenubarMenu is its own Menu.Root, so moving from File to Edit mounts a new popup rather than swapping content within one, and data-current / data-previous / data-activation-direction never appear. (Verified: two distinct popup elements across a switch.) */} {children} ); } function MenubarItem({ className, inset, variant = "default", ...props }: React.ComponentProps & { inset?: boolean; variant?: "default" | "destructive"; }) { return ( ); } function MenubarLinkItem({ className, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( ); } function MenubarCheckboxItem({ className, children, checked, inset, indicator = "check", switchColor = "primary", switchShape = "circle", switchSize = "xs", switchMotion = "default", ...props }: React.ComponentProps & { inset?: boolean; /** Which indicator sits in the right-hand column. `"switch"` is visual only — the item keeps the `menuitemcheckbox` role. */ indicator?: "check" | "switch"; /** Checked track colour, when `indicator="switch"`. */ switchColor?: SwitchVisualProps["color"]; /** Thumb silhouette, when `indicator="switch"`. */ switchShape?: SwitchVisualProps["shape"]; /** Thumb size, when `indicator="switch"`. Defaults to `xs`, which matches the row's text. */ switchSize?: SwitchVisualProps["size"]; /** How the thumb travels, when `indicator="switch"`. */ switchMotion?: SwitchVisualProps["motion"]; }) { return ( {children} {indicator === "switch" ? ( // Visual only: the row carries the role and the click target, so a real // Switch here would nest a focusable control inside a menuitemcheckbox. // Base UI's indicator supplies the aria-hidden. } /> ) : ( )} ); } function MenubarRadioItem({ className, children, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( {children} ); } function MenubarLabel({ className, inset, ...props }: React.ComponentProps<"div"> & { inset?: boolean; }) { return (

); } function MenubarGroupLabel({ className, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( ); } function MenubarSeparator({ className, ...props }: React.ComponentProps) { return ( ); } function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function MenubarSub({ ...props }: React.ComponentProps) { return ; } function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( {children} ); } function MenubarSubContent({ className, children, sideOffset = 8, level = 5, shadowLevel = 3, ...props }: React.ComponentProps & { sideOffset?: BaseMenu.Positioner.Props["sideOffset"]; /** Surface elevation level for the submenu bg (1-8). Defaults to 5 — one tier above the parent menu's default of 3. */ level?: SurfaceLevel; /** Shadow weight (1-8). Pinned to 3 by default so the submenu reads the same dropdown weight as its parent. */ shadowLevel?: SurfaceLevel; }) { return ( {/* The popup above is capped at --available-height and clips, so the scroll container has to live here or a tall submenu silently truncates. The main popups get this from Menu.Viewport; a submenu has none, so it is spelled out. */}

{children}

); } export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarGroupLabel, MenubarLabel, MenubarItem, MenubarLinkItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@hugeicons/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/react"}]]}]}],["$","li","@hugeicons/core-free-icons",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Fcore-free-icons","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/core-free-icons"}]]}]}]]}],["$","$L50",null,{"namespace":"@cubby-ui","registryDependencies":["@cubby-ui/switch","@cubby-ui/elevated"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"registry/default/menubar/menubar.tsx","content":"$52","type":"registry:ui","target":"components/ui/cubby-ui/menubar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]