52: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"] 53: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"] 54:T2aef,'use client'; import * as React from 'react'; import { Menu as MenuPrimitive } from '@base-ui-components/react/menu'; import { AnimatePresence, motion, type HTMLMotionProps } from 'motion/react'; import { Highlight, HighlightItem, type HighlightItemProps, type HighlightProps, } from '@/components/animate-ui/primitives/effects/highlight'; import { getStrictContext } from '@/lib/get-strict-context'; import { useControlledState } from '@/hooks/use-controlled-state'; import { useDataState } from '@/hooks/use-data-state'; type MenuActiveValueContextType = { highlightedValue: string | null; setHighlightedValue: (value: string | null) => void; }; type MenuContextType = { isOpen: boolean; setIsOpen: MenuProps['onOpenChange']; }; const [MenuActiveValueProvider, useMenuActiveValue] = getStrictContext('MenuActiveValueContext'); const [MenuProvider, useMenu] = getStrictContext('MenuContext'); type MenuProps = React.ComponentProps; function Menu(props: MenuProps) { const [isOpen, setIsOpen] = useControlledState({ value: props?.open, defaultValue: props?.defaultOpen, onChange: props?.onOpenChange, }); const [highlightedValue, setHighlightedValue] = React.useState( null, ); return ( ); } type MenuTriggerProps = React.ComponentProps; function MenuTrigger(props: MenuTriggerProps) { return ; } type MenuPortalProps = Omit< React.ComponentProps, 'keepMounted' >; function MenuPortal(props: MenuPortalProps) { const { isOpen } = useMenu(); return ( {isOpen && ( )} ); } type MenuGroupProps = React.ComponentProps; function MenuGroup(props: MenuGroupProps) { return ; } type MenuGroupLabelProps = React.ComponentProps< typeof MenuPrimitive.GroupLabel >; function MenuGroupLabel(props: MenuGroupLabelProps) { return ; } type MenuSubmenuProps = React.ComponentProps; function MenuSubmenu(props: MenuSubmenuProps) { const [isOpen, setIsOpen] = useControlledState({ value: props?.open, defaultValue: props?.defaultOpen, onChange: props?.onOpenChange, }); return ( ); } type MenuSubmenuTriggerProps = Omit< React.ComponentProps, 'render' > & HTMLMotionProps<'div'> & { disabled?: boolean; }; function MenuSubmenuTrigger({ label, id, nativeButton, ...props }: MenuSubmenuTriggerProps) { const { setHighlightedValue } = useMenuActiveValue(); const [, highlightedRef] = useDataState( 'highlighted', undefined, (value) => { if (value === true) { const el = highlightedRef.current; const v = el?.dataset.value || el?.id || null; if (v) setHighlightedValue(v); } }, ); return ( ); } type MenuHighlightProps = Omit< HighlightProps, 'controlledItems' | 'enabled' | 'hover' > & { animateOnHover?: boolean; }; function MenuHighlight({ transition = { type: 'spring', stiffness: 350, damping: 35 }, ...props }: MenuHighlightProps) { const { highlightedValue } = useMenuActiveValue(); return ( ); } type MenuHighlightItemProps = HighlightItemProps; function MenuHighlightItem(props: MenuHighlightItemProps) { return ; } type MenuPositionerProps = React.ComponentProps< typeof MenuPrimitive.Positioner >; function MenuPositioner(props: MenuPositionerProps) { return ; } type MenuPopupProps = Omit< React.ComponentProps, 'render' > & HTMLMotionProps<'div'>; function MenuPopup({ finalFocus, id, transition = { duration: 0.2 }, style, ...props }: MenuPopupProps) { return ( } /> ); } type MenuItemProps = Omit< React.ComponentProps, 'render' > & HTMLMotionProps<'div'>; function MenuItem({ disabled, label, closeOnClick, nativeButton, id, ...props }: MenuItemProps) { const { setHighlightedValue } = useMenuActiveValue(); const [, highlightedRef] = useDataState( 'highlighted', undefined, (value) => { if (value === true) { const el = highlightedRef.current; const v = el?.dataset.value || el?.id || null; if (v) setHighlightedValue(v); } }, ); return ( ); } type MenuCheckboxItemProps = Omit< React.ComponentProps, 'render' >; function MenuCheckboxItem({ label, defaultChecked, checked, onCheckedChange, disabled, closeOnClick, nativeButton, id, ...props }: MenuCheckboxItemProps) { const { setHighlightedValue } = useMenuActiveValue(); const [, highlightedRef] = useDataState( 'highlighted', undefined, (value) => { if (value === true) { const el = highlightedRef.current; const v = el?.dataset.value || el?.id || null; if (v) setHighlightedValue(v); } }, ); return ( ); } type MenuCheckboxItemIndicatorProps = Omit< React.ComponentProps, 'render' > & HTMLMotionProps<'div'>; function MenuCheckboxItemIndicator({ keepMounted, ...props }: MenuCheckboxItemIndicatorProps) { return ( } /> ); } type MenuRadioGroupProps = React.ComponentProps< typeof MenuPrimitive.RadioGroup >; function MenuRadioGroup(props: MenuRadioGroupProps) { return ; } type MenuRadioItemProps = Omit< React.ComponentProps, 'render' >; function MenuRadioItem({ value, disabled, label, closeOnClick, nativeButton, id, ...props }: MenuRadioItemProps) { const { setHighlightedValue } = useMenuActiveValue(); const [, highlightedRef] = useDataState( 'highlighted', undefined, (value) => { if (value === true) { const el = highlightedRef.current; const v = el?.dataset.value || el?.id || null; if (v) setHighlightedValue(v); } }, ); return ( ); } type MenuRadioItemIndicatorProps = Omit< React.ComponentProps, 'render' > & HTMLMotionProps<'div'>; function MenuRadioItemIndicator({ keepMounted, ...props }: MenuRadioItemIndicatorProps) { return ( } /> ); } type MenuShortcutProps = React.ComponentProps<'span'>; function MenuShortcut(props: MenuShortcutProps) { return ; } type MenuArrowProps = React.ComponentProps; function MenuArrow(props: MenuArrowProps) { return ; } type MenuSeparatorProps = React.ComponentProps; function MenuSeparator(props: MenuSeparatorProps) { return ; } export { Menu, MenuTrigger, MenuPortal, MenuPositioner, MenuPopup, MenuArrow, MenuItem, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuGroup, MenuGroupLabel, MenuSeparator, MenuShortcut, MenuHighlight, MenuHighlightItem, MenuSubmenu, MenuSubmenuTrigger, useMenuActiveValue, useMenu, type MenuProps, type MenuTriggerProps, type MenuPortalProps, type MenuPositionerProps, type MenuPopupProps, type MenuArrowProps, type MenuItemProps, type MenuCheckboxItemProps, type MenuCheckboxItemIndicatorProps, type MenuRadioItemProps, type MenuRadioItemIndicatorProps, type MenuRadioGroupProps, type MenuGroupProps, type MenuGroupLabelProps, type MenuSeparatorProps, type MenuShortcutProps, type MenuHighlightProps, type MenuHighlightItemProps, type MenuSubmenuProps, type MenuSubmenuTriggerProps, type MenuActiveValueContextType, type MenuContextType, }; 51:["$","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","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","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":"motion"}]]}]}],["$","li","@base-ui-components/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui-components%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-components/react"}]]}]}]]}],["$","$L52",null,{"namespace":"@animate-ui","registryDependencies":["@animate-ui/primitives-effects-highlight","@animate-ui/lib-get-strict-context","@animate-ui/hooks-use-controlled-state","@animate-ui/hooks-use-data-state"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/primitives/base/menu/index.tsx","content":"$54","type":"registry:ui","target":"components/animate-ui/primitives/base/menu.tsx"}],"className":"h-[70svh] min-h-80"}]]}]