4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T2519,import * as React from "react" import { Menu as MenuPrimitive } from "@base-ui/react/menu" import { CheckIcon, ChevronRightIcon } from "lucide-react" import { ThemeContext } from "@/components/theme-context" import { cn } from "@/lib/utils" import { dropdownMenuContentVariants, dropdownMenuItemVariants, dropdownMenuSelectableItemVariants, dropdownMenuSubTriggerVariants, type DropdownMenuPresentation, } from "./dropdown-menu-variants" const DropdownMenuPresentationContext = React.createContext("standard") function DropdownMenu(props: MenuPrimitive.Root.Props) { return } function DropdownMenuPortal({ className, ...props }: MenuPrimitive.Portal.Props) { const theme = React.use(ThemeContext) return ( ) } /** * Click-triggered by default. `openOnHover` switches it to the navigation-menu * shape, where requiring a click at every level is tedious. * * Hover alone would leave keyboard users with a menu they cannot reach the same * way, so when `openOnHover` is set, moving focus to the trigger opens it too. * That is done by clicking the trigger rather than by driving the open state * from outside: the click goes through the primitive's own path, so it behaves * identically to a real one and works whether the menu is controlled or not. * * The pointer travelling diagonally from the trigger toward the menu is the * other classic failure — it leaves the trigger before it reaches the popup, so * a naive implementation closes half way. The primitive covers that with a * safe-area polygon; `closeDelay` is the belt to its braces. */ function DropdownMenuTrigger({ closeDelay, onFocus, openOnHover, ...props }: MenuPrimitive.Trigger.Props) { return ( { onFocus?.(event) if (!openOnHover || event.defaultPrevented) return const trigger = event.currentTarget // Only keyboard focus. A click also focuses, and opening from that // would immediately fight the click's own toggle. if (!trigger.matches(":focus-visible")) return // The primitive's trigger toggles, so opening an already-open menu // would close it — which is what happens when focus returns from the // popup. if (trigger.getAttribute("data-popup-open") !== null) return trigger.click() }} {...props} /> ) } function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, variant = "standard", className, children, ...props }: MenuPrimitive.Popup.Props & Pick< MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" > & { variant?: DropdownMenuPresentation }) { return ( {children} ) } function DropdownMenuGroup({ className, ...props }: MenuPrimitive.Group.Props) { return ( ) } function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & { inset?: boolean }) { const presentation = React.use(DropdownMenuPresentationContext) return ( ) } function DropdownMenuItem({ className, inset, variant = "default", ...props }: MenuPrimitive.Item.Props & { inset?: boolean variant?: "default" | "destructive" }) { return ( ) } function DropdownMenuSub(props: MenuPrimitive.SubmenuRoot.Props) { return } function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }) { const presentation = React.use(DropdownMenuPresentationContext) return ( {children} ) } function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }: React.ComponentProps) { const presentation = React.use(DropdownMenuPresentationContext) return ( ) } function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & { inset?: boolean }) { const presentation = React.use(DropdownMenuPresentationContext) return ( {children} ) } function DropdownMenuRadioGroup(props: MenuPrimitive.RadioGroup.Props) { return ( ) } function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & { inset?: boolean }) { const presentation = React.use(DropdownMenuPresentationContext) return ( {children} ) } function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props) { const presentation = React.use(DropdownMenuPresentationContext) return ( ) } function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) { const presentation = React.use(DropdownMenuPresentationContext) return ( ) } export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } 4f:Td7f,import { cva } from "class-variance-authority" /** Material 3 action-menu surfaces from the current design kit. */ export const dropdownMenuContentVariants = cva( [ "z-(--m3-z-menu) max-h-(--available-height) w-(--anchor-width) min-w-52", // Kit: a 16dp-radius container at elevation 3 holding 8dp-radius group // cards 2dp apart. "flex flex-col gap-0.5 overflow-x-hidden overflow-y-auto rounded-m3-lg", "text-m3-label-lg shadow-m3-3 outline-none", "duration-(--m3-spring-effects-fast-duration) ease-(--m3-spring-effects-fast)", "data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0", ], { variants: { presentation: { standard: "bg-m3-surface-container-low text-m3-on-surface", vibrant: "bg-m3-tertiary-container text-m3-on-tertiary-container", }, }, defaultVariants: { presentation: "standard" }, }, ) const menuItemBase = [ "relative isolate flex h-12 cursor-default items-center gap-2 px-4", "outline-none select-none", "before:pointer-events-none before:absolute before:inset-x-1 before:inset-y-0.5 before:-z-20 before:rounded-m3-xs before:opacity-0", "after:pointer-events-none after:absolute after:inset-x-1 after:inset-y-0.5 after:-z-10 after:rounded-m3-xs after:bg-current after:opacity-0", "after:transition-opacity after:duration-(--m3-spring-effects-fast-duration) after:ease-(--m3-spring-effects-fast)", "hover:not-data-disabled:after:opacity-8 focus-visible:not-data-disabled:after:opacity-10 active:not-data-disabled:after:opacity-10", // Kit focus indicator: a 2dp Secondary stroke 4dp outside the state layer. "focus-visible:before:opacity-100 focus-visible:before:-inset-x-0 focus-visible:before:-inset-y-0 focus-visible:before:rounded-[6px] focus-visible:before:ring-2 focus-visible:before:ring-m3-secondary focus-visible:data-checked:before:rounded-[14px]", "data-disabled:pointer-events-none data-disabled:opacity-38", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5", "data-inset:pl-10", ] export const dropdownMenuItemVariants = cva(menuItemBase, { variants: { variant: { default: "", destructive: "text-m3-error", }, }, defaultVariants: { variant: "default" }, }) export const dropdownMenuSelectableItemVariants = cva( [ ...menuItemBase, "pr-11 data-checked:before:rounded-m3-md data-checked:before:opacity-100 data-checked:after:rounded-m3-md", ], { variants: { presentation: { standard: "data-checked:before:bg-m3-tertiary-container data-checked:text-m3-on-tertiary-container", vibrant: "data-checked:before:bg-m3-tertiary data-checked:text-m3-on-tertiary", }, }, defaultVariants: { presentation: "standard" }, }, ) export const dropdownMenuSubTriggerVariants = cva( [ ...menuItemBase, "data-popup-open:before:rounded-m3-md data-popup-open:before:opacity-100 data-popup-open:after:rounded-m3-md", ], { variants: { presentation: { standard: "data-popup-open:before:bg-m3-tertiary-container data-popup-open:text-m3-on-tertiary-container", vibrant: "data-popup-open:before:bg-m3-tertiary data-popup-open:text-m3-on-tertiary", }, }, defaultVariants: { presentation: "standard" }, }, ) export type DropdownMenuPresentation = "standard" | "vibrant" 4b:["$","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","@base-ui/react@^1.7.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%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":"@base-ui/react@^1.7.0"}]]}]}],["$","li","class-variance-authority@^0.7.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","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":"class-variance-authority@^0.7.1"}]]}]}],["$","li","lucide-react@^1.33.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react@^1.33.0"}]]}]}]]}],["$","$L4c",null,{"namespace":"@materialcn","registryDependencies":["https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json","https://guillermo-rebolledo.github.io/materialcn/r/theme-context.json","https://guillermo-rebolledo.github.io/materialcn/r/utils.json"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"src/components/ui/dropdown-menu.tsx","content":"$4e","type":"registry:ui"},{"path":"src/components/ui/dropdown-menu-variants.ts","content":"$4f","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]