@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Nav/NavTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavTrigger.js","names":[],"sources":["../../../src/components/Nav/NavTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\nexport interface NavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst chevron = (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst triggerClasses = [\n  \"inline-flex items-center gap-(--space-1)\",\n  \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n  \"text-sm font-medium\",\n  \"text-(--nuka-text-base)\",\n  \"select-none\",\n  \"hover:bg-(--nuka-bg-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"focus-visible:outline-(--nuka-border-focus)\",\n] as const;\n\nconst NavTrigger = React.forwardRef<HTMLButtonElement, NavTriggerProps>(\n  ({ asChild = false, className, children, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          type=\"button\"\n          aria-haspopup=\"true\"\n          className={cn(...triggerClasses, className)}\n          {...props}\n        >\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-haspopup=\"true\"\n        className={cn(...triggerClasses, className)}\n        {...props}\n      >\n        {children}\n        {chevron}\n      </button>\n    );\n  },\n);\n\nNavTrigger.displayName = \"NavTrigger\";\n\nexport { NavTrigger };\n"],"mappings":";;;;;;AASA,IAAM,IACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACrB,CAAA;CACD,CAAA,EAGH,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEK,IAAa,EAAM,YACtB,EAAE,aAAU,IAAO,cAAW,aAAU,GAAG,KAAS,MAC/C,IAEA,kBAAC,GAAD;CACO;CACL,MAAK;CACL,iBAAc;CACd,WAAW,EAAG,GAAG,GAAgB,EAAU;CAC3C,GAAI;CAEH;CACI,CAAA,GAKT,kBAAC,UAAD;CACO;CACL,MAAK;CACL,iBAAc;CACd,WAAW,EAAG,GAAG,GAAgB,EAAU;CAC3C,GAAI;WALN,CAOG,GACA,EACM;GAGd;AAED,EAAW,cAAc"}
+{"version":3,"file":"NavTrigger.js","names":[],"sources":["../../../src/components/Nav/NavTrigger.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\nexport interface NavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nconst chevron = (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst triggerClasses = [\n  \"inline-flex items-center gap-(--space-1)\",\n  \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n  \"text-sm font-medium\",\n  \"text-(--nuka-text-base)\",\n  \"select-none\",\n  \"hover:bg-(--nuka-bg-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"focus-visible:outline-(--nuka-border-focus)\",\n] as const;\n\nfunction NavTrigger({\n  ref,\n  asChild = false,\n  className,\n  children,\n  ...props\n}: NavTriggerProps) {\n  if (asChild) {\n    return (\n      <Slot\n        ref={ref}\n        type=\"button\"\n        aria-haspopup=\"true\"\n        className={cn(...triggerClasses, className)}\n        {...props}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-haspopup=\"true\"\n      className={cn(...triggerClasses, className)}\n      {...props}\n    >\n      {children}\n      {chevron}\n    </button>\n  );\n}\n\nNavTrigger.displayName = \"NavTrigger\";\n\nexport { NavTrigger };\n"],"mappings":";;;;;;;AAYA,IAAM,IACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;EACrB,CAAA;CACD,CAAA,EAGH,IAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAW,EAClB,QACA,aAAU,IACV,cACA,aACA,GAAG,KACe;AAelB,QAdI,IAEA,kBAAC,GAAD;EACO;EACL,MAAK;EACL,iBAAc;EACd,WAAW,EAAG,GAAG,GAAgB,EAAU;EAC3C,GAAI;EAEH;EACI,CAAA,GAKT,kBAAC,UAAD;EACO;EACL,MAAK;EACL,iBAAc;EACd,WAAW,EAAG,GAAG,GAAgB,EAAU;EAC3C,GAAI;YALN,CAOG,GACA,EACM;;;AAIb,EAAW,cAAc"}

package/dist/components/NavigationMenu/NavigationMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),o=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),s=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),c=require(`../../hooks/use-focus-first-interactive.cjs`),l=require(`./NavigationMenu.context.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=u.forwardRef(({className:e,children:n,"aria-label":r=`Main navigation`,...i},a)=>{let[o,s]=u.useState(null),c=u.useRef(new Map),f=u.useRef([]),p=u.useRef(new Map),[m,h]=u.useState(null),g=u.useCallback(e=>{s(e)},[]),_=u.useCallback(()=>{s(null)},[]),v=u.useCallback((e,t)=>{t?(c.current.set(e,t),f.current.includes(e)||(f.current.push(e),h(t=>t??e))):(c.current.delete(e),f.current=f.current.filter(t=>t!==e))},[]);return(0,d.jsx)(l.NavigationMenuContext,{value:u.useMemo(()=>({activeValue:o,openMenu:g,closeMenu:_,registerItem:v,itemValues:f,itemRefs:c,itemLabels:p,rovingValue:m,setRovingValue:h}),[o,g,_,v,m]),children:(0,d.jsx)(`nav`,{ref:a,"aria-label":r,className:t.cn(`relative`,e),...i,children:n})})});f.displayName=`NavigationMenu`;var p=u.forwardRef(({className:e,...n},r)=>(0,d.jsx)(`ul`,{ref:r,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,e),...n}));p.displayName=`NavigationMenuList`;var m=u.forwardRef(({value:e,placement:n=`bottom-start`,className:r,children:i,...c},f)=>{let p=l.useNavigationMenuContext(),m=p.activeValue===e,h=u.useId(),g=u.useCallback(t=>{if(t)p.openMenu(e);else{p.closeMenu();let t=p.itemRefs.current.get(e);t&&(t.tabIndex=0,p.setRovingValue(e),t.focus())}},[p,e]),{refs:_,floatingStyles:v,context:y}=s.useFloating({open:m,onOpenChange:g,placement:n,middleware:[o.offset(4),o.flip(),o.shift({padding:8})],whileElementsMounted:a.autoUpdate}),{getReferenceProps:b,getFloatingProps:x}=s.useInteractions([s.useClick(y),s.useDismiss(y),s.useRole(y,{role:`dialog`})]);return(0,d.jsx)(l.NavigationMenuItemContext,{value:u.useMemo(()=>({value:e,open:m,onOpenChange:g,contentId:h,refs:_,floatingStyles:v,getReferenceProps:b,getFloatingProps:x}),[e,m,g,h,_,v,b,x]),children:(0,d.jsx)(`li`,{ref:f,role:`none`,className:t.cn(`relative`,r),...c,children:i})})});m.displayName=`NavigationMenuItem`;function h(e,t,n){let r=e.itemValues.current,i=r.indexOf(t);if(i===-1)return;let a=r[(i+n+r.length)%r.length];if(a===void 0)return;let o=e.itemRefs.current.get(a);if(o){let n=e.itemRefs.current.get(t);n&&(n.tabIndex=-1),o.tabIndex=0,e.setRovingValue(a),o.focus()}return o}var g=u.forwardRef(({className:e,children:i,onClick:a,onKeyDown:o,...s},c)=>{let u=l.useNavigationMenuContext(),f=l.useNavigationMenuItemContext(),p=n.composeRefs(c,f.refs.setReference,e=>{u.registerItem(f.value,e),e?u.itemLabels.current.set(f.value,e.textContent.trim()||f.value):u.itemLabels.current.delete(f.value)}),m=e=>{f.onOpenChange(!f.open),a?.(e)},g=e=>{if(o?.(e),!e.defaultPrevented)switch(e.key){case`ArrowRight`:e.preventDefault(),f.open&&f.onOpenChange(!1),h(u,f.value,1);break;case`ArrowLeft`:e.preventDefault(),f.open&&f.onOpenChange(!1),h(u,f.value,-1);break;case`ArrowDown`:f.open||(e.preventDefault(),f.onOpenChange(!0));break}},_=f.getReferenceProps({...s,onClick:m,onKeyDown:g});return(0,d.jsxs)(`button`,{ref:p,type:`button`,"aria-haspopup":`dialog`,"aria-expanded":f.open,"aria-controls":f.contentId,className:t.cn(`inline-flex items-center gap-(--space-1)`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm font-medium`,`text-(--nuka-text-base)`,`select-none`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`data-[state=open]:bg-(--nuka-bg-muted)`,e),"data-state":f.open?`open`:`closed`,..._,tabIndex:f.value===u.rovingValue?0:-1,children:[i,(0,d.jsx)(r.Icon,{size:`sm`,className:t.cn(`transition-transform duration-200`,f.open&&`rotate-180`),children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})});g.displayName=`NavigationMenuTrigger`;var _=u.forwardRef(({portal:e=!1,className:r,children:a,...o},s)=>{let f=l.useNavigationMenuContext(),p=l.useNavigationMenuItemContext(),m=u.useRef(null),h=n.composeRefs(s,m,p.refs.setFloating);c.useFocusFirstInteractive(m,p.open);let g=p.getFloatingProps(o),_=(0,d.jsx)(l.NavigationMenuContentContext,{value:!0,children:(0,d.jsx)(`div`,{ref:h,id:p.contentId,role:`dialog`,"aria-label":f.itemLabels.current.get(p.value)??p.value,"aria-hidden":!p.open,tabIndex:-1,style:p.floatingStyles,...g,className:t.cn(`z-(--nuka-z-dropdown) min-w-48`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-4)`,`focus-visible:outline-none`,p.open?`visible pointer-events-auto`:`invisible pointer-events-none`,r),children:a})});return e?(0,d.jsx)(i.Portal,{children:_}):_});_.displayName=`NavigationMenuContent`;var v=u.forwardRef(({asChild:e=!1,active:r=!1,className:i,onKeyDown:a,...o},s)=>{let c=l.useNavigationMenuContext(),u=l.useNavigationMenuItemContext(),f=l.useIsInsideContent(),p=e?n.Slot:`a`,m=n.composeRefs(s,f?void 0:e=>{c.registerItem(u.value,e)}),g=f?a:e=>{if(a?.(e),!e.defaultPrevented)switch(e.key){case`ArrowRight`:e.preventDefault(),h(c,u.value,1);break;case`ArrowLeft`:e.preventDefault(),h(c,u.value,-1);break;case`Escape`:e.preventDefault(),c.activeValue!==null&&c.closeMenu();break}},_=f?{}:{tabIndex:u.value===c.rovingValue?0:-1};return(0,d.jsx)(p,{ref:m,"aria-current":r?`page`:void 0,className:t.cn(`inline-flex items-center`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm font-medium`,`text-(--nuka-text-base)`,`select-none`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,r&&`text-(--nuka-accent-text)`,i),..._,onKeyDown:g,...o})});v.displayName=`NavigationMenuLink`,exports.NavigationMenu=f,exports.NavigationMenuContent=_,exports.NavigationMenuItem=m,exports.NavigationMenuLink=v,exports.NavigationMenuList=p,exports.NavigationMenuTrigger=g;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./NavigationMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,children:o,"aria-label":s=`Main navigation`,...c}){let[l,u]=r.useState(null),d=r.useRef(new Map),f=r.useRef([]),p=r.useRef(new Map),[m,h]=r.useState(null),g=r.useCallback(e=>{u(e)},[]),_=r.useCallback(()=>{u(null)},[]),v=r.useCallback((e,t)=>{t?(d.current.set(e,t),f.current.includes(e)||(f.current.push(e),h(t=>t??e))):(d.current.delete(e),f.current=f.current.filter(t=>t!==e))},[]);return(0,i.jsx)(n.NavigationMenuContext,{value:r.useMemo(()=>({activeValue:l,openMenu:g,closeMenu:_,registerItem:v,itemValues:f,itemRefs:d,itemLabels:p,rovingValue:m,setRovingValue:h}),[l,g,_,v,m]),children:(0,i.jsx)(`nav`,{ref:e,"aria-label":s,className:t.cn(`relative`,a),...c,children:o})})}a.displayName=`NavigationMenu`,exports.NavigationMenu=a;
 //# sourceMappingURL=NavigationMenu.cjs.map

package/dist/components/NavigationMenu/NavigationMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  NavigationMenuContext,\n  NavigationMenuItemContext,\n  NavigationMenuContentContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  useIsInsideContent,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  (\n    {\n      className,\n      children,\n      \"aria-label\": ariaLabel = \"Main navigation\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [activeValue, setActiveValue] = React.useState<string | null>(null);\n    const itemRefs = React.useRef(new Map<string, HTMLElement>());\n    const itemValues = React.useRef<string[]>([]);\n    const itemLabels = React.useRef(new Map<string, string>());\n    const [rovingValue, setRovingValue] = React.useState<string | null>(null);\n\n    const openMenu = React.useCallback((value: string) => {\n      setActiveValue(value);\n    }, []);\n\n    const closeMenu = React.useCallback(() => {\n      setActiveValue(null);\n    }, []);\n\n    const registerItem = React.useCallback(\n      (value: string, el: HTMLElement | null) => {\n        if (el) {\n          itemRefs.current.set(value, el);\n          if (!itemValues.current.includes(value)) {\n            itemValues.current.push(value);\n            setRovingValue((prev) => prev ?? value);\n          }\n        } else {\n          itemRefs.current.delete(value);\n          itemValues.current = itemValues.current.filter((v) => v !== value);\n        }\n      },\n      [],\n    );\n\n    const contextValue = React.useMemo(\n      () => ({\n        activeValue,\n        openMenu,\n        closeMenu,\n        registerItem,\n        itemValues,\n        itemRefs,\n        itemLabels,\n        rovingValue,\n        setRovingValue,\n      }),\n      [activeValue, openMenu, closeMenu, registerItem, rovingValue],\n    );\n\n    return (\n      <NavigationMenuContext value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label={ariaLabel}\n          className={cn(\"relative\", className)}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext>\n    );\n  },\n);\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<\n  HTMLUListElement,\n  NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex items-center gap-(--space-1)\", \"list-none\", className)}\n    {...props}\n  />\n));\n\nNavigationMenuList.displayName = \"NavigationMenuList\";\n\nexport interface NavigationMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  value: string;\n  placement?: Placement;\n}\n\nconst NavigationMenuItem = React.forwardRef<\n  HTMLLIElement,\n  NavigationMenuItemProps\n>(\n  (\n    { value, placement = \"bottom-start\", className, children, ...props },\n    ref,\n  ) => {\n    const rootCtx = useNavigationMenuContext();\n    const open = rootCtx.activeValue === value;\n    const contentId = React.useId();\n\n    const handleOpenChange = React.useCallback(\n      (next: boolean) => {\n        if (next) {\n          rootCtx.openMenu(value);\n        } else {\n          rootCtx.closeMenu();\n          const itemEl = rootCtx.itemRefs.current.get(value);\n          if (itemEl) {\n            itemEl.tabIndex = 0;\n            rootCtx.setRovingValue(value);\n            itemEl.focus();\n          }\n        }\n      },\n      [rootCtx, value],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open,\n      onOpenChange: handleOpenChange,\n      placement,\n      middleware: [offset(4), flip(), shift({ padding: 8 })],\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      click,\n      dismiss,\n      role,\n    ]);\n\n    const itemContextValue = React.useMemo(\n      () => ({\n        value,\n        open,\n        onOpenChange: handleOpenChange,\n        contentId,\n        refs,\n        floatingStyles,\n        getReferenceProps,\n        getFloatingProps,\n      }),\n      [\n        value,\n        open,\n        handleOpenChange,\n        contentId,\n        refs,\n        floatingStyles,\n        getReferenceProps,\n        getFloatingProps,\n      ],\n    );\n\n    return (\n      <NavigationMenuItemContext value={itemContextValue}>\n        <li\n          ref={ref}\n          role=\"none\"\n          className={cn(\"relative\", className)}\n          {...props}\n        >\n          {children}\n        </li>\n      </NavigationMenuItemContext>\n    );\n  },\n);\n\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nfunction navigateToAdjacentItem(\n  rootCtx: ReturnType<typeof useNavigationMenuContext>,\n  currentValue: string,\n  direction: -1 | 1,\n): HTMLElement | undefined {\n  const values = rootCtx.itemValues.current;\n  const currentIndex = values.indexOf(currentValue);\n  if (currentIndex === -1) return undefined;\n  const nextIndex = (currentIndex + direction + values.length) % values.length;\n  const nextValue = values[nextIndex];\n  if (nextValue === undefined) return undefined;\n  const nextEl = rootCtx.itemRefs.current.get(nextValue);\n  if (nextEl) {\n    const currentEl = rootCtx.itemRefs.current.get(currentValue);\n    if (currentEl) currentEl.tabIndex = -1;\n    nextEl.tabIndex = 0;\n    rootCtx.setRovingValue(nextValue);\n    nextEl.focus();\n  }\n  return nextEl;\n}\n\nconst NavigationMenuTrigger = React.forwardRef<\n  HTMLButtonElement,\n  NavigationMenuTriggerProps\n>(({ className, children, onClick, onKeyDown, ...props }, ref) => {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const composedRef = composeRefs(\n    ref,\n    itemCtx.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      rootCtx.registerItem(itemCtx.value, el);\n      if (el) {\n        rootCtx.itemLabels.current.set(\n          itemCtx.value,\n          el.textContent.trim() || itemCtx.value,\n        );\n      } else {\n        rootCtx.itemLabels.current.delete(itemCtx.value);\n      }\n    },\n  );\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    itemCtx.onOpenChange(!itemCtx.open);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n        break;\n      }\n      case \"ArrowDown\": {\n        if (!itemCtx.open) {\n          e.preventDefault();\n          itemCtx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const triggerProps = itemCtx.getReferenceProps({\n    ...props,\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={itemCtx.open}\n      aria-controls={itemCtx.contentId}\n      className={cn(\n        \"inline-flex items-center gap-(--space-1)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-state={itemCtx.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      tabIndex={itemCtx.value === rootCtx.rovingValue ? 0 : -1}\n    >\n      {children}\n      <Icon\n        size=\"sm\"\n        className={cn(\n          \"transition-transform duration-200\",\n          itemCtx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n});\n\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  portal?: boolean;\n}\n\nconst NavigationMenuContent = React.forwardRef<\n  HTMLDivElement,\n  NavigationMenuContentProps\n>(({ portal = false, className, children, ...props }, ref) => {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, itemCtx.refs.setFloating);\n\n  useFocusFirstInteractive(contentRef, itemCtx.open);\n\n  const floatingProps = itemCtx.getFloatingProps(props);\n\n  const content = (\n    <NavigationMenuContentContext value={true}>\n      <div\n        ref={composedRef}\n        id={itemCtx.contentId}\n        role=\"dialog\"\n        aria-label={\n          rootCtx.itemLabels.current.get(itemCtx.value) ?? itemCtx.value\n        }\n        aria-hidden={!itemCtx.open}\n        tabIndex={-1}\n        style={itemCtx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) min-w-48\",\n          \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-4)\",\n          \"focus-visible:outline-none\",\n          itemCtx.open\n            ? \"visible pointer-events-auto\"\n            : \"invisible pointer-events-none\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </NavigationMenuContentContext>\n  );\n\n  return portal ? <Portal>{content}</Portal> : content;\n});\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n  active?: boolean;\n}\n\nconst NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavigationMenuLinkProps\n>(\n  (\n    { asChild = false, active = false, className, onKeyDown, ...props },\n    ref,\n  ) => {\n    const rootCtx = useNavigationMenuContext();\n    const itemCtx = useNavigationMenuItemContext();\n    const insideContent = useIsInsideContent();\n    const Comp = asChild ? Slot : \"a\";\n\n    const composedRef = composeRefs(\n      ref,\n      insideContent\n        ? undefined\n        : (el: HTMLAnchorElement | null) => {\n            rootCtx.registerItem(itemCtx.value, el);\n          },\n    );\n\n    const handleKeyDown = insideContent\n      ? onKeyDown\n      : (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n          onKeyDown?.(e);\n          if (e.defaultPrevented) return;\n\n          switch (e.key) {\n            case \"ArrowRight\": {\n              e.preventDefault();\n              navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n              break;\n            }\n            case \"ArrowLeft\": {\n              e.preventDefault();\n              navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n              break;\n            }\n            case \"Escape\": {\n              e.preventDefault();\n              if (rootCtx.activeValue !== null) {\n                rootCtx.closeMenu();\n              }\n              break;\n            }\n          }\n        };\n\n    const menubarProps = insideContent\n      ? {}\n      : {\n          tabIndex: itemCtx.value === rootCtx.rovingValue ? 0 : -1,\n        };\n\n    return (\n      <Comp\n        ref={composedRef}\n        aria-current={active ? \"page\" : undefined}\n        className={cn(\n          \"inline-flex items-center\",\n          \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n          \"text-sm font-medium\",\n          \"text-(--nuka-text-base)\",\n          \"select-none\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          active && \"text-(--nuka-accent-text)\",\n          className,\n        )}\n        {...menubarProps}\n        onKeyDown={handleKeyDown}\n        {...props}\n      />\n    );\n  },\n);\n\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n};\n"],"mappings":"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"}
+{"version":3,"file":"NavigationMenu.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { NavigationMenuContext } from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction NavigationMenu({\n  ref,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavigationMenuProps) {\n  const [activeValue, setActiveValue] = React.useState<string | null>(null);\n  const itemRefs = React.useRef(new Map<string, HTMLElement>());\n  const itemValues = React.useRef<string[]>([]);\n  const itemLabels = React.useRef(new Map<string, string>());\n  const [rovingValue, setRovingValue] = React.useState<string | null>(null);\n\n  const openMenu = React.useCallback((value: string) => {\n    setActiveValue(value);\n  }, []);\n\n  const closeMenu = React.useCallback(() => {\n    setActiveValue(null);\n  }, []);\n\n  const registerItem = React.useCallback(\n    (value: string, el: HTMLElement | null) => {\n      if (el) {\n        itemRefs.current.set(value, el);\n        if (!itemValues.current.includes(value)) {\n          itemValues.current.push(value);\n          setRovingValue((prev) => prev ?? value);\n        }\n      } else {\n        itemRefs.current.delete(value);\n        itemValues.current = itemValues.current.filter((v) => v !== value);\n      }\n    },\n    [],\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      activeValue,\n      openMenu,\n      closeMenu,\n      registerItem,\n      itemValues,\n      itemRefs,\n      itemLabels,\n      rovingValue,\n      setRovingValue,\n    }),\n    [activeValue, openMenu, closeMenu, registerItem, rovingValue],\n  );\n\n  return (\n    <NavigationMenuContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cn(\"relative\", className)}\n        {...props}\n      >\n        {children}\n      </nav>\n    </NavigationMenuContext>\n  );\n}\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport { NavigationMenu };\n"],"mappings":"0NAUA,SAAS,EAAe,CACtB,MACA,YACA,WACA,aAAc,EAAY,kBAC1B,GAAG,GACmB,CACtB,GAAM,CAAC,EAAa,GAAkB,EAAM,SAAwB,KAAK,CACnE,EAAW,EAAM,OAAO,IAAI,IAA2B,CACvD,EAAa,EAAM,OAAiB,EAAE,CAAC,CACvC,EAAa,EAAM,OAAO,IAAI,IAAsB,CACpD,CAAC,EAAa,GAAkB,EAAM,SAAwB,KAAK,CAEnE,EAAW,EAAM,YAAa,GAAkB,CACpD,EAAe,EAAM,EACpB,EAAE,CAAC,CAEA,EAAY,EAAM,gBAAkB,CACxC,EAAe,KAAK,EACnB,EAAE,CAAC,CAEA,EAAe,EAAM,aACxB,EAAe,IAA2B,CACrC,GACF,EAAS,QAAQ,IAAI,EAAO,EAAG,CAC1B,EAAW,QAAQ,SAAS,EAAM,GACrC,EAAW,QAAQ,KAAK,EAAM,CAC9B,EAAgB,GAAS,GAAQ,EAAM,IAGzC,EAAS,QAAQ,OAAO,EAAM,CAC9B,EAAW,QAAU,EAAW,QAAQ,OAAQ,GAAM,IAAM,EAAM,GAGtE,EAAE,CACH,CAiBD,OACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAuB,MAhBJ,EAAM,aAClB,CACL,cACA,WACA,YACA,eACA,aACA,WACA,aACA,cACA,iBACD,EACD,CAAC,EAAa,EAAU,EAAW,EAAc,EAAY,CAC9D,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,WAAY,EAAU,CACpC,GAAI,EAEH,WACG,CAAA,CACgB,CAAA,CAI5B,EAAe,YAAc"}

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -1,28 +1,11 @@
-import { Placement } from '@floating-ui/react';
 import * as React from "react";
 export interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     "aria-label"?: string;
 }
-declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLElement>>;
-export interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {
+declare function NavigationMenu({ ref, className, children, "aria-label": ariaLabel, ...props }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenu {
+    var displayName: string;
 }
-declare const NavigationMenuList: React.ForwardRefExoticComponent<NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
-export interface NavigationMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
-    value: string;
-    placement?: Placement;
-}
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-export interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    portal?: boolean;
-}
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
-export interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    asChild?: boolean;
-    active?: boolean;
-}
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, };
+export { NavigationMenu };
 //# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/components/NavigationMenu/NavigationMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAepD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,yFAoEnB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAE1F,QAAA,MAAM,kBAAkB,kGAStB,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACpF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,+FAmFvB,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAwBpG,QAAA,MAAM,qBAAqB,sGA+GzB,CAAC;AAIH,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,qBAAqB,mGA8CzB,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,kBAAkB,mGA6EvB,CAAC;AAIF,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA0DrB;kBAhEQ,cAAc;;;AAoEvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -1,220 +1,46 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { Slot as t, composeRefs as n } from "../../utils/slot.js";
-import { Icon as r } from "../Icon/Icon.js";
-import { Portal as i } from "../../utils/portal.js";
-import { autoUpdate as a } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { flip as o, offset as s, shift as c } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-import { useClick as l, useDismiss as u, useFloating as d, useInteractions as f, useRole as p } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import { useFocusFirstInteractive as m } from "../../hooks/use-focus-first-interactive.js";
-import { NavigationMenuContentContext as h, NavigationMenuContext as g, NavigationMenuItemContext as _, useIsInsideContent as v, useNavigationMenuContext as y, useNavigationMenuItemContext as b } from "./NavigationMenu.context.js";
-import * as x from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { NavigationMenuContext as t } from "./NavigationMenu.context.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/NavigationMenu/NavigationMenu.tsx
-var w = x.forwardRef(({ className: t, children: n, "aria-label": r = "Main navigation", ...i }, a) => {
-	let [o, s] = x.useState(null), c = x.useRef(/* @__PURE__ */ new Map()), l = x.useRef([]), u = x.useRef(/* @__PURE__ */ new Map()), [d, f] = x.useState(null), p = x.useCallback((e) => {
-		s(e);
-	}, []), m = x.useCallback(() => {
-		s(null);
-	}, []), h = x.useCallback((e, t) => {
-		t ? (c.current.set(e, t), l.current.includes(e) || (l.current.push(e), f((t) => t ?? e))) : (c.current.delete(e), l.current = l.current.filter((t) => t !== e));
+function i({ ref: i, className: a, children: o, "aria-label": s = "Main navigation", ...c }) {
+	let [l, u] = n.useState(null), d = n.useRef(/* @__PURE__ */ new Map()), f = n.useRef([]), p = n.useRef(/* @__PURE__ */ new Map()), [m, h] = n.useState(null), g = n.useCallback((e) => {
+		u(e);
+	}, []), _ = n.useCallback(() => {
+		u(null);
+	}, []), v = n.useCallback((e, t) => {
+		t ? (d.current.set(e, t), f.current.includes(e) || (f.current.push(e), h((t) => t ?? e))) : (d.current.delete(e), f.current = f.current.filter((t) => t !== e));
 	}, []);
-	return /* @__PURE__ */ S(g, {
-		value: x.useMemo(() => ({
-			activeValue: o,
-			openMenu: p,
-			closeMenu: m,
-			registerItem: h,
-			itemValues: l,
-			itemRefs: c,
-			itemLabels: u,
-			rovingValue: d,
-			setRovingValue: f
+	return /* @__PURE__ */ r(t, {
+		value: n.useMemo(() => ({
+			activeValue: l,
+			openMenu: g,
+			closeMenu: _,
+			registerItem: v,
+			itemValues: f,
+			itemRefs: d,
+			itemLabels: p,
+			rovingValue: m,
+			setRovingValue: h
 		}), [
-			o,
-			p,
-			m,
-			h,
-			d
-		]),
-		children: /* @__PURE__ */ S("nav", {
-			ref: a,
-			"aria-label": r,
-			className: e("relative", t),
-			...i,
-			children: n
-		})
-	});
-});
-w.displayName = "NavigationMenu";
-var T = x.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ S("ul", {
-	ref: r,
-	className: e("flex items-center gap-(--space-1)", "list-none", t),
-	...n
-}));
-T.displayName = "NavigationMenuList";
-var E = x.forwardRef(({ value: t, placement: n = "bottom-start", className: r, children: i, ...m }, h) => {
-	let g = y(), v = g.activeValue === t, b = x.useId(), C = x.useCallback((e) => {
-		if (e) g.openMenu(t);
-		else {
-			g.closeMenu();
-			let e = g.itemRefs.current.get(t);
-			e && (e.tabIndex = 0, g.setRovingValue(t), e.focus());
-		}
-	}, [g, t]), { refs: w, floatingStyles: T, context: E } = d({
-		open: v,
-		onOpenChange: C,
-		placement: n,
-		middleware: [
-			s(4),
-			o(),
-			c({ padding: 8 })
-		],
-		whileElementsMounted: a
-	}), { getReferenceProps: D, getFloatingProps: O } = f([
-		l(E),
-		u(E),
-		p(E, { role: "dialog" })
-	]);
-	return /* @__PURE__ */ S(_, {
-		value: x.useMemo(() => ({
-			value: t,
-			open: v,
-			onOpenChange: C,
-			contentId: b,
-			refs: w,
-			floatingStyles: T,
-			getReferenceProps: D,
-			getFloatingProps: O
-		}), [
-			t,
+			l,
+			g,
+			_,
 			v,
-			C,
-			b,
-			w,
-			T,
-			D,
-			O
+			m
 		]),
-		children: /* @__PURE__ */ S("li", {
-			ref: h,
-			role: "none",
-			className: e("relative", r),
-			...m,
-			children: i
+		children: /* @__PURE__ */ r("nav", {
+			ref: i,
+			"aria-label": s,
+			className: e("relative", a),
+			...c,
+			children: o
 		})
 	});
-});
-E.displayName = "NavigationMenuItem";
-function D(e, t, n) {
-	let r = e.itemValues.current, i = r.indexOf(t);
-	if (i === -1) return;
-	let a = r[(i + n + r.length) % r.length];
-	if (a === void 0) return;
-	let o = e.itemRefs.current.get(a);
-	if (o) {
-		let n = e.itemRefs.current.get(t);
-		n && (n.tabIndex = -1), o.tabIndex = 0, e.setRovingValue(a), o.focus();
-	}
-	return o;
 }
-var O = x.forwardRef(({ className: t, children: i, onClick: a, onKeyDown: o, ...s }, c) => {
-	let l = y(), u = b(), d = n(c, u.refs.setReference, (e) => {
-		l.registerItem(u.value, e), e ? l.itemLabels.current.set(u.value, e.textContent.trim() || u.value) : l.itemLabels.current.delete(u.value);
-	}), f = (e) => {
-		u.onOpenChange(!u.open), a?.(e);
-	}, p = (e) => {
-		if (o?.(e), !e.defaultPrevented) switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault(), u.open && u.onOpenChange(!1), D(l, u.value, 1);
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), u.open && u.onOpenChange(!1), D(l, u.value, -1);
-				break;
-			case "ArrowDown":
-				u.open || (e.preventDefault(), u.onOpenChange(!0));
-				break;
-		}
-	}, m = u.getReferenceProps({
-		...s,
-		onClick: f,
-		onKeyDown: p
-	});
-	return /* @__PURE__ */ C("button", {
-		ref: d,
-		type: "button",
-		"aria-haspopup": "dialog",
-		"aria-expanded": u.open,
-		"aria-controls": u.contentId,
-		className: e("inline-flex items-center gap-(--space-1)", "rounded-(--radius-md) px-(--space-3) py-(--space-2)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none", "hover:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "data-[state=open]:bg-(--nuka-bg-muted)", t),
-		"data-state": u.open ? "open" : "closed",
-		...m,
-		tabIndex: u.value === l.rovingValue ? 0 : -1,
-		children: [i, /* @__PURE__ */ S(r, {
-			size: "sm",
-			className: e("transition-transform duration-200", u.open && "rotate-180"),
-			children: /* @__PURE__ */ S("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: /* @__PURE__ */ S("path", { d: "m6 9 6 6 6-6" })
-			})
-		})]
-	});
-});
-O.displayName = "NavigationMenuTrigger";
-var k = x.forwardRef(({ portal: t = !1, className: r, children: a, ...o }, s) => {
-	let c = y(), l = b(), u = x.useRef(null), d = n(s, u, l.refs.setFloating);
-	m(u, l.open);
-	let f = l.getFloatingProps(o), p = /* @__PURE__ */ S(h, {
-		value: !0,
-		children: /* @__PURE__ */ S("div", {
-			ref: d,
-			id: l.contentId,
-			role: "dialog",
-			"aria-label": c.itemLabels.current.get(l.value) ?? l.value,
-			"aria-hidden": !l.open,
-			tabIndex: -1,
-			style: l.floatingStyles,
-			...f,
-			className: e("z-(--nuka-z-dropdown) min-w-48", "rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md", "p-(--space-4)", "focus-visible:outline-none", l.open ? "visible pointer-events-auto" : "invisible pointer-events-none", r),
-			children: a
-		})
-	});
-	return t ? /* @__PURE__ */ S(i, { children: p }) : p;
-});
-k.displayName = "NavigationMenuContent";
-var A = x.forwardRef(({ asChild: r = !1, active: i = !1, className: a, onKeyDown: o, ...s }, c) => {
-	let l = y(), u = b(), d = v(), f = r ? t : "a", p = n(c, d ? void 0 : (e) => {
-		l.registerItem(u.value, e);
-	}), m = d ? o : (e) => {
-		if (o?.(e), !e.defaultPrevented) switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault(), D(l, u.value, 1);
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), D(l, u.value, -1);
-				break;
-			case "Escape":
-				e.preventDefault(), l.activeValue !== null && l.closeMenu();
-				break;
-		}
-	}, h = d ? {} : { tabIndex: u.value === l.rovingValue ? 0 : -1 };
-	return /* @__PURE__ */ S(f, {
-		ref: p,
-		"aria-current": i ? "page" : void 0,
-		className: e("inline-flex items-center", "rounded-(--radius-md) px-(--space-3) py-(--space-2)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none", "hover:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", i && "text-(--nuka-accent-text)", a),
-		...h,
-		onKeyDown: m,
-		...s
-	});
-});
-A.displayName = "NavigationMenuLink";
+i.displayName = "NavigationMenu";
 //#endregion
-export { w as NavigationMenu, k as NavigationMenuContent, E as NavigationMenuItem, A as NavigationMenuLink, T as NavigationMenuList, O as NavigationMenuTrigger };
+export { i as NavigationMenu };
 
 //# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu/NavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  NavigationMenuContext,\n  NavigationMenuItemContext,\n  NavigationMenuContentContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  useIsInsideContent,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst NavigationMenu = React.forwardRef<HTMLElement, NavigationMenuProps>(\n  (\n    {\n      className,\n      children,\n      \"aria-label\": ariaLabel = \"Main navigation\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [activeValue, setActiveValue] = React.useState<string | null>(null);\n    const itemRefs = React.useRef(new Map<string, HTMLElement>());\n    const itemValues = React.useRef<string[]>([]);\n    const itemLabels = React.useRef(new Map<string, string>());\n    const [rovingValue, setRovingValue] = React.useState<string | null>(null);\n\n    const openMenu = React.useCallback((value: string) => {\n      setActiveValue(value);\n    }, []);\n\n    const closeMenu = React.useCallback(() => {\n      setActiveValue(null);\n    }, []);\n\n    const registerItem = React.useCallback(\n      (value: string, el: HTMLElement | null) => {\n        if (el) {\n          itemRefs.current.set(value, el);\n          if (!itemValues.current.includes(value)) {\n            itemValues.current.push(value);\n            setRovingValue((prev) => prev ?? value);\n          }\n        } else {\n          itemRefs.current.delete(value);\n          itemValues.current = itemValues.current.filter((v) => v !== value);\n        }\n      },\n      [],\n    );\n\n    const contextValue = React.useMemo(\n      () => ({\n        activeValue,\n        openMenu,\n        closeMenu,\n        registerItem,\n        itemValues,\n        itemRefs,\n        itemLabels,\n        rovingValue,\n        setRovingValue,\n      }),\n      [activeValue, openMenu, closeMenu, registerItem, rovingValue],\n    );\n\n    return (\n      <NavigationMenuContext value={contextValue}>\n        <nav\n          ref={ref}\n          aria-label={ariaLabel}\n          className={cn(\"relative\", className)}\n          {...props}\n        >\n          {children}\n        </nav>\n      </NavigationMenuContext>\n    );\n  },\n);\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavigationMenuList = React.forwardRef<\n  HTMLUListElement,\n  NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex items-center gap-(--space-1)\", \"list-none\", className)}\n    {...props}\n  />\n));\n\nNavigationMenuList.displayName = \"NavigationMenuList\";\n\nexport interface NavigationMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  value: string;\n  placement?: Placement;\n}\n\nconst NavigationMenuItem = React.forwardRef<\n  HTMLLIElement,\n  NavigationMenuItemProps\n>(\n  (\n    { value, placement = \"bottom-start\", className, children, ...props },\n    ref,\n  ) => {\n    const rootCtx = useNavigationMenuContext();\n    const open = rootCtx.activeValue === value;\n    const contentId = React.useId();\n\n    const handleOpenChange = React.useCallback(\n      (next: boolean) => {\n        if (next) {\n          rootCtx.openMenu(value);\n        } else {\n          rootCtx.closeMenu();\n          const itemEl = rootCtx.itemRefs.current.get(value);\n          if (itemEl) {\n            itemEl.tabIndex = 0;\n            rootCtx.setRovingValue(value);\n            itemEl.focus();\n          }\n        }\n      },\n      [rootCtx, value],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open,\n      onOpenChange: handleOpenChange,\n      placement,\n      middleware: [offset(4), flip(), shift({ padding: 8 })],\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context, { role: \"dialog\" });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      click,\n      dismiss,\n      role,\n    ]);\n\n    const itemContextValue = React.useMemo(\n      () => ({\n        value,\n        open,\n        onOpenChange: handleOpenChange,\n        contentId,\n        refs,\n        floatingStyles,\n        getReferenceProps,\n        getFloatingProps,\n      }),\n      [\n        value,\n        open,\n        handleOpenChange,\n        contentId,\n        refs,\n        floatingStyles,\n        getReferenceProps,\n        getFloatingProps,\n      ],\n    );\n\n    return (\n      <NavigationMenuItemContext value={itemContextValue}>\n        <li\n          ref={ref}\n          role=\"none\"\n          className={cn(\"relative\", className)}\n          {...props}\n        >\n          {children}\n        </li>\n      </NavigationMenuItemContext>\n    );\n  },\n);\n\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nfunction navigateToAdjacentItem(\n  rootCtx: ReturnType<typeof useNavigationMenuContext>,\n  currentValue: string,\n  direction: -1 | 1,\n): HTMLElement | undefined {\n  const values = rootCtx.itemValues.current;\n  const currentIndex = values.indexOf(currentValue);\n  if (currentIndex === -1) return undefined;\n  const nextIndex = (currentIndex + direction + values.length) % values.length;\n  const nextValue = values[nextIndex];\n  if (nextValue === undefined) return undefined;\n  const nextEl = rootCtx.itemRefs.current.get(nextValue);\n  if (nextEl) {\n    const currentEl = rootCtx.itemRefs.current.get(currentValue);\n    if (currentEl) currentEl.tabIndex = -1;\n    nextEl.tabIndex = 0;\n    rootCtx.setRovingValue(nextValue);\n    nextEl.focus();\n  }\n  return nextEl;\n}\n\nconst NavigationMenuTrigger = React.forwardRef<\n  HTMLButtonElement,\n  NavigationMenuTriggerProps\n>(({ className, children, onClick, onKeyDown, ...props }, ref) => {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const composedRef = composeRefs(\n    ref,\n    itemCtx.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      rootCtx.registerItem(itemCtx.value, el);\n      if (el) {\n        rootCtx.itemLabels.current.set(\n          itemCtx.value,\n          el.textContent.trim() || itemCtx.value,\n        );\n      } else {\n        rootCtx.itemLabels.current.delete(itemCtx.value);\n      }\n    },\n  );\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    itemCtx.onOpenChange(!itemCtx.open);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n        break;\n      }\n      case \"ArrowDown\": {\n        if (!itemCtx.open) {\n          e.preventDefault();\n          itemCtx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const triggerProps = itemCtx.getReferenceProps({\n    ...props,\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={itemCtx.open}\n      aria-controls={itemCtx.contentId}\n      className={cn(\n        \"inline-flex items-center gap-(--space-1)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-state={itemCtx.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      tabIndex={itemCtx.value === rootCtx.rovingValue ? 0 : -1}\n    >\n      {children}\n      <Icon\n        size=\"sm\"\n        className={cn(\n          \"transition-transform duration-200\",\n          itemCtx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n});\n\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  portal?: boolean;\n}\n\nconst NavigationMenuContent = React.forwardRef<\n  HTMLDivElement,\n  NavigationMenuContentProps\n>(({ portal = false, className, children, ...props }, ref) => {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, itemCtx.refs.setFloating);\n\n  useFocusFirstInteractive(contentRef, itemCtx.open);\n\n  const floatingProps = itemCtx.getFloatingProps(props);\n\n  const content = (\n    <NavigationMenuContentContext value={true}>\n      <div\n        ref={composedRef}\n        id={itemCtx.contentId}\n        role=\"dialog\"\n        aria-label={\n          rootCtx.itemLabels.current.get(itemCtx.value) ?? itemCtx.value\n        }\n        aria-hidden={!itemCtx.open}\n        tabIndex={-1}\n        style={itemCtx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) min-w-48\",\n          \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-4)\",\n          \"focus-visible:outline-none\",\n          itemCtx.open\n            ? \"visible pointer-events-auto\"\n            : \"invisible pointer-events-none\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </NavigationMenuContentContext>\n  );\n\n  return portal ? <Portal>{content}</Portal> : content;\n});\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n  active?: boolean;\n}\n\nconst NavigationMenuLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavigationMenuLinkProps\n>(\n  (\n    { asChild = false, active = false, className, onKeyDown, ...props },\n    ref,\n  ) => {\n    const rootCtx = useNavigationMenuContext();\n    const itemCtx = useNavigationMenuItemContext();\n    const insideContent = useIsInsideContent();\n    const Comp = asChild ? Slot : \"a\";\n\n    const composedRef = composeRefs(\n      ref,\n      insideContent\n        ? undefined\n        : (el: HTMLAnchorElement | null) => {\n            rootCtx.registerItem(itemCtx.value, el);\n          },\n    );\n\n    const handleKeyDown = insideContent\n      ? onKeyDown\n      : (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n          onKeyDown?.(e);\n          if (e.defaultPrevented) return;\n\n          switch (e.key) {\n            case \"ArrowRight\": {\n              e.preventDefault();\n              navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n              break;\n            }\n            case \"ArrowLeft\": {\n              e.preventDefault();\n              navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n              break;\n            }\n            case \"Escape\": {\n              e.preventDefault();\n              if (rootCtx.activeValue !== null) {\n                rootCtx.closeMenu();\n              }\n              break;\n            }\n          }\n        };\n\n    const menubarProps = insideContent\n      ? {}\n      : {\n          tabIndex: itemCtx.value === rootCtx.rovingValue ? 0 : -1,\n        };\n\n    return (\n      <Comp\n        ref={composedRef}\n        aria-current={active ? \"page\" : undefined}\n        className={cn(\n          \"inline-flex items-center\",\n          \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n          \"text-sm font-medium\",\n          \"text-(--nuka-text-base)\",\n          \"select-none\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          active && \"text-(--nuka-accent-text)\",\n          className,\n        )}\n        {...menubarProps}\n        onKeyDown={handleKeyDown}\n        {...props}\n      />\n    );\n  },\n);\n\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuTrigger,\n  NavigationMenuContent,\n  NavigationMenuLink,\n};\n"],"mappings":"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"}
+{"version":3,"file":"NavigationMenu.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { NavigationMenuContext } from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction NavigationMenu({\n  ref,\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavigationMenuProps) {\n  const [activeValue, setActiveValue] = React.useState<string | null>(null);\n  const itemRefs = React.useRef(new Map<string, HTMLElement>());\n  const itemValues = React.useRef<string[]>([]);\n  const itemLabels = React.useRef(new Map<string, string>());\n  const [rovingValue, setRovingValue] = React.useState<string | null>(null);\n\n  const openMenu = React.useCallback((value: string) => {\n    setActiveValue(value);\n  }, []);\n\n  const closeMenu = React.useCallback(() => {\n    setActiveValue(null);\n  }, []);\n\n  const registerItem = React.useCallback(\n    (value: string, el: HTMLElement | null) => {\n      if (el) {\n        itemRefs.current.set(value, el);\n        if (!itemValues.current.includes(value)) {\n          itemValues.current.push(value);\n          setRovingValue((prev) => prev ?? value);\n        }\n      } else {\n        itemRefs.current.delete(value);\n        itemValues.current = itemValues.current.filter((v) => v !== value);\n      }\n    },\n    [],\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      activeValue,\n      openMenu,\n      closeMenu,\n      registerItem,\n      itemValues,\n      itemRefs,\n      itemLabels,\n      rovingValue,\n      setRovingValue,\n    }),\n    [activeValue, openMenu, closeMenu, registerItem, rovingValue],\n  );\n\n  return (\n    <NavigationMenuContext value={contextValue}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cn(\"relative\", className)}\n        {...props}\n      >\n        {children}\n      </nav>\n    </NavigationMenuContext>\n  );\n}\n\nNavigationMenu.displayName = \"NavigationMenu\";\n\nexport { NavigationMenu };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EACtB,QACA,cACA,aACA,cAAc,IAAY,mBAC1B,GAAG,KACmB;CACtB,IAAM,CAAC,GAAa,KAAkB,EAAM,SAAwB,KAAK,EACnE,IAAW,EAAM,uBAAO,IAAI,KAA0B,CAAC,EACvD,IAAa,EAAM,OAAiB,EAAE,CAAC,EACvC,IAAa,EAAM,uBAAO,IAAI,KAAqB,CAAC,EACpD,CAAC,GAAa,KAAkB,EAAM,SAAwB,KAAK,EAEnE,IAAW,EAAM,aAAa,MAAkB;AACpD,IAAe,EAAM;IACpB,EAAE,CAAC,EAEA,IAAY,EAAM,kBAAkB;AACxC,IAAe,KAAK;IACnB,EAAE,CAAC,EAEA,IAAe,EAAM,aACxB,GAAe,MAA2B;AACzC,EAAI,KACF,EAAS,QAAQ,IAAI,GAAO,EAAG,EAC1B,EAAW,QAAQ,SAAS,EAAM,KACrC,EAAW,QAAQ,KAAK,EAAM,EAC9B,GAAgB,MAAS,KAAQ,EAAM,MAGzC,EAAS,QAAQ,OAAO,EAAM,EAC9B,EAAW,UAAU,EAAW,QAAQ,QAAQ,MAAM,MAAM,EAAM;IAGtE,EAAE,CACH;AAiBD,QACE,kBAAC,GAAD;EAAuB,OAhBJ,EAAM,eAClB;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAa;GAAU;GAAW;GAAc;GAAY,CAC9D;YAIG,kBAAC,OAAD;GACO;GACL,cAAY;GACZ,WAAW,EAAG,YAAY,EAAU;GACpC,GAAI;GAEH;GACG,CAAA;EACgB,CAAA;;AAI5B,EAAe,cAAc"}

package/dist/components/NavigationMenu/NavigationMenu.utils.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n){let r=e.itemValues.current,i=r.indexOf(t);if(i===-1)return;let a=r[(i+n+r.length)%r.length];if(a===void 0)return;let o=e.itemRefs.current.get(a);if(o){let n=e.itemRefs.current.get(t);n&&(n.tabIndex=-1),o.tabIndex=0,e.setRovingValue(a),o.focus()}return o}exports.navigateToAdjacentItem=e;
+//# sourceMappingURL=NavigationMenu.utils.cjs.map

package/dist/components/NavigationMenu/NavigationMenu.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.utils.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.utils.ts"],"sourcesContent":["import type { useNavigationMenuContext } from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nfunction navigateToAdjacentItem(\n  rootCtx: ReturnType<typeof useNavigationMenuContext>,\n  currentValue: string,\n  direction: -1 | 1,\n): HTMLElement | undefined {\n  const values = rootCtx.itemValues.current;\n  const currentIndex = values.indexOf(currentValue);\n  if (currentIndex === -1) return undefined;\n  const nextIndex = (currentIndex + direction + values.length) % values.length;\n  const nextValue = values[nextIndex];\n  if (nextValue === undefined) return undefined;\n  const nextEl = rootCtx.itemRefs.current.get(nextValue);\n  if (nextEl) {\n    const currentEl = rootCtx.itemRefs.current.get(currentValue);\n    if (currentEl) currentEl.tabIndex = -1;\n    nextEl.tabIndex = 0;\n    rootCtx.setRovingValue(nextValue);\n    nextEl.focus();\n  }\n  return nextEl;\n}\n\nexport { navigateToAdjacentItem };\n"],"mappings":"AAEA,SAAS,EACP,EACA,EACA,EACyB,CACzB,IAAM,EAAS,EAAQ,WAAW,QAC5B,EAAe,EAAO,QAAQ,EAAa,CACjD,GAAI,IAAiB,GAAI,OAEzB,IAAM,EAAY,GADC,EAAe,EAAY,EAAO,QAAU,EAAO,QAEtE,GAAI,IAAc,IAAA,GAAW,OAC7B,IAAM,EAAS,EAAQ,SAAS,QAAQ,IAAI,EAAU,CACtD,GAAI,EAAQ,CACV,IAAM,EAAY,EAAQ,SAAS,QAAQ,IAAI,EAAa,CACxD,IAAW,EAAU,SAAW,IACpC,EAAO,SAAW,EAClB,EAAQ,eAAe,EAAU,CACjC,EAAO,OAAO,CAEhB,OAAO"}

package/dist/components/NavigationMenu/NavigationMenu.utils.d.ts

@@ -0,0 +1,4 @@
+import { useNavigationMenuContext } from './NavigationMenu.context';
+declare function navigateToAdjacentItem(rootCtx: ReturnType<typeof useNavigationMenuContext>, currentValue: string, direction: -1 | 1): HTMLElement | undefined;
+export { navigateToAdjacentItem };
+//# sourceMappingURL=NavigationMenu.utils.d.ts.map

package/dist/components/NavigationMenu/NavigationMenu.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.utils.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wDAAwD,CAAC;AAEvG,iBAAS,sBAAsB,CAC7B,OAAO,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,EACpD,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAChB,WAAW,GAAG,SAAS,CAgBzB;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenu.utils.js

@@ -0,0 +1,17 @@
+//#region src/components/NavigationMenu/NavigationMenu.utils.ts
+function e(e, t, n) {
+	let r = e.itemValues.current, i = r.indexOf(t);
+	if (i === -1) return;
+	let a = r[(i + n + r.length) % r.length];
+	if (a === void 0) return;
+	let o = e.itemRefs.current.get(a);
+	if (o) {
+		let n = e.itemRefs.current.get(t);
+		n && (n.tabIndex = -1), o.tabIndex = 0, e.setRovingValue(a), o.focus();
+	}
+	return o;
+}
+//#endregion
+export { e as navigateToAdjacentItem };
+
+//# sourceMappingURL=NavigationMenu.utils.js.map

package/dist/components/NavigationMenu/NavigationMenu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.utils.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.utils.ts"],"sourcesContent":["import type { useNavigationMenuContext } from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nfunction navigateToAdjacentItem(\n  rootCtx: ReturnType<typeof useNavigationMenuContext>,\n  currentValue: string,\n  direction: -1 | 1,\n): HTMLElement | undefined {\n  const values = rootCtx.itemValues.current;\n  const currentIndex = values.indexOf(currentValue);\n  if (currentIndex === -1) return undefined;\n  const nextIndex = (currentIndex + direction + values.length) % values.length;\n  const nextValue = values[nextIndex];\n  if (nextValue === undefined) return undefined;\n  const nextEl = rootCtx.itemRefs.current.get(nextValue);\n  if (nextEl) {\n    const currentEl = rootCtx.itemRefs.current.get(currentValue);\n    if (currentEl) currentEl.tabIndex = -1;\n    nextEl.tabIndex = 0;\n    rootCtx.setRovingValue(nextValue);\n    nextEl.focus();\n  }\n  return nextEl;\n}\n\nexport { navigateToAdjacentItem };\n"],"mappings":";AAEA,SAAS,EACP,GACA,GACA,GACyB;CACzB,IAAM,IAAS,EAAQ,WAAW,SAC5B,IAAe,EAAO,QAAQ,EAAa;AACjD,KAAI,MAAiB,GAAI;CAEzB,IAAM,IAAY,GADC,IAAe,IAAY,EAAO,UAAU,EAAO;AAEtE,KAAI,MAAc,KAAA,EAAW;CAC7B,IAAM,IAAS,EAAQ,SAAS,QAAQ,IAAI,EAAU;AACtD,KAAI,GAAQ;EACV,IAAM,IAAY,EAAQ,SAAS,QAAQ,IAAI,EAAa;AAI5D,EAHI,MAAW,EAAU,WAAW,KACpC,EAAO,WAAW,GAClB,EAAQ,eAAe,EAAU,EACjC,EAAO,OAAO;;AAEhB,QAAO"}

package/dist/components/NavigationMenu/NavigationMenuContent.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`../../hooks/use-focus-first-interactive.cjs`),a=require(`./NavigationMenu.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,portal:c=!1,className:l,children:u,...d}){let f=a.useNavigationMenuContext(),p=a.useNavigationMenuItemContext(),m=o.useRef(null),h=n.composeRefs(e,m,p.refs.setFloating);i.useFocusFirstInteractive(m,p.open);let g=p.getFloatingProps(d),_=(0,s.jsx)(a.NavigationMenuContentContext,{value:!0,children:(0,s.jsx)(`div`,{ref:h,id:p.contentId,role:`dialog`,"aria-label":f.itemLabels.current.get(p.value)??p.value,"aria-hidden":!p.open,tabIndex:-1,style:p.floatingStyles,...g,className:t.cn(`z-(--nuka-z-dropdown) min-w-48`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-4)`,`focus-visible:outline-none`,p.open?`visible pointer-events-auto`:`invisible pointer-events-none`,l),children:u})});return c?(0,s.jsx)(r.Portal,{children:_}):_}c.displayName=`NavigationMenuContent`,exports.NavigationMenuContent=c;
+//# sourceMappingURL=NavigationMenuContent.cjs.map

package/dist/components/NavigationMenu/NavigationMenuContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport {\n  NavigationMenuContentContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  portal?: boolean;\n}\n\nfunction NavigationMenuContent({\n  ref,\n  portal = false,\n  className,\n  children,\n  ...props\n}: NavigationMenuContentProps) {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, itemCtx.refs.setFloating);\n\n  useFocusFirstInteractive(contentRef, itemCtx.open);\n\n  const floatingProps = itemCtx.getFloatingProps(props);\n\n  const content = (\n    <NavigationMenuContentContext value={true}>\n      <div\n        ref={composedRef}\n        id={itemCtx.contentId}\n        role=\"dialog\"\n        aria-label={\n          rootCtx.itemLabels.current.get(itemCtx.value) ?? itemCtx.value\n        }\n        aria-hidden={!itemCtx.open}\n        tabIndex={-1}\n        style={itemCtx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) min-w-48\",\n          \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-4)\",\n          \"focus-visible:outline-none\",\n          itemCtx.open\n            ? \"visible pointer-events-auto\"\n            : \"invisible pointer-events-none\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </NavigationMenuContentContext>\n  );\n\n  return portal ? <Portal>{content}</Portal> : content;\n}\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nexport { NavigationMenuContent };\n"],"mappings":"yVAiBA,SAAS,EAAsB,CAC7B,MACA,SAAS,GACT,YACA,WACA,GAAG,GAC0B,CAC7B,IAAM,EAAU,EAAA,0BAA0B,CACpC,EAAU,EAAA,8BAA8B,CACxC,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAc,EAAA,YAAY,EAAK,EAAY,EAAQ,KAAK,YAAY,CAE1E,EAAA,yBAAyB,EAAY,EAAQ,KAAK,CAElD,IAAM,EAAgB,EAAQ,iBAAiB,EAAM,CAE/C,GACJ,EAAA,EAAA,KAAC,EAAA,6BAAD,CAA8B,MAAO,aACnC,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EAAQ,UACZ,KAAK,SACL,aACE,EAAQ,WAAW,QAAQ,IAAI,EAAQ,MAAM,EAAI,EAAQ,MAE3D,cAAa,CAAC,EAAQ,KACtB,SAAU,GACV,MAAO,EAAQ,eAGf,GAAK,EACL,UAAW,EAAA,GACT,iCACA,2DACA,gCACA,gBACA,6BACA,EAAQ,KACJ,8BACA,gCACJ,EACD,CAEA,WACG,CAAA,CACuB,CAAA,CAGjC,OAAO,GAAS,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,SAAS,EAAiB,CAAA,CAAG,EAG/C,EAAsB,YAAc"}

package/dist/components/NavigationMenu/NavigationMenuContent.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+    portal?: boolean;
+}
+declare function NavigationMenuContent({ ref, portal, className, children, ...props }: NavigationMenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuContent {
+    var displayName: string;
+}
+export { NavigationMenuContent };
+//# sourceMappingURL=NavigationMenuContent.d.ts.map

package/dist/components/NavigationMenu/NavigationMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,qBAAqB,CAAC,EAC7B,GAAG,EACH,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,2CA2C5B;kBAjDQ,qBAAqB;;;AAqD9B,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenuContent.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Portal as n } from "../../utils/portal.js";
+import { useFocusFirstInteractive as r } from "../../hooks/use-focus-first-interactive.js";
+import { NavigationMenuContentContext as i, useNavigationMenuContext as a, useNavigationMenuItemContext as o } from "./NavigationMenu.context.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenuContent.tsx
+function l({ ref: l, portal: u = !1, className: d, children: f, ...p }) {
+	let m = a(), h = o(), g = s.useRef(null), _ = t(l, g, h.refs.setFloating);
+	r(g, h.open);
+	let v = h.getFloatingProps(p), y = /* @__PURE__ */ c(i, {
+		value: !0,
+		children: /* @__PURE__ */ c("div", {
+			ref: _,
+			id: h.contentId,
+			role: "dialog",
+			"aria-label": m.itemLabels.current.get(h.value) ?? h.value,
+			"aria-hidden": !h.open,
+			tabIndex: -1,
+			style: h.floatingStyles,
+			...v,
+			className: e("z-(--nuka-z-dropdown) min-w-48", "rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md", "p-(--space-4)", "focus-visible:outline-none", h.open ? "visible pointer-events-auto" : "invisible pointer-events-none", d),
+			children: f
+		})
+	});
+	return u ? /* @__PURE__ */ c(n, { children: y }) : y;
+}
+l.displayName = "NavigationMenuContent";
+//#endregion
+export { l as NavigationMenuContent };
+
+//# sourceMappingURL=NavigationMenuContent.js.map

package/dist/components/NavigationMenu/NavigationMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport {\n  NavigationMenuContentContext,\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  portal?: boolean;\n}\n\nfunction NavigationMenuContent({\n  ref,\n  portal = false,\n  className,\n  children,\n  ...props\n}: NavigationMenuContentProps) {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, itemCtx.refs.setFloating);\n\n  useFocusFirstInteractive(contentRef, itemCtx.open);\n\n  const floatingProps = itemCtx.getFloatingProps(props);\n\n  const content = (\n    <NavigationMenuContentContext value={true}>\n      <div\n        ref={composedRef}\n        id={itemCtx.contentId}\n        role=\"dialog\"\n        aria-label={\n          rootCtx.itemLabels.current.get(itemCtx.value) ?? itemCtx.value\n        }\n        aria-hidden={!itemCtx.open}\n        tabIndex={-1}\n        style={itemCtx.floatingStyles}\n        // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n        // values are standard DOM attributes and event handlers.\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) min-w-48\",\n          \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md\",\n          \"p-(--space-4)\",\n          \"focus-visible:outline-none\",\n          itemCtx.open\n            ? \"visible pointer-events-auto\"\n            : \"invisible pointer-events-none\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </NavigationMenuContentContext>\n  );\n\n  return portal ? <Portal>{content}</Portal> : content;\n}\n\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\n\nexport { NavigationMenuContent };\n"],"mappings":";;;;;;;;;AAiBA,SAAS,EAAsB,EAC7B,QACA,YAAS,IACT,cACA,aACA,GAAG,KAC0B;CAC7B,IAAM,IAAU,GAA0B,EACpC,IAAU,GAA8B,EACxC,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAc,EAAY,GAAK,GAAY,EAAQ,KAAK,YAAY;AAE1E,GAAyB,GAAY,EAAQ,KAAK;CAElD,IAAM,IAAgB,EAAQ,iBAAiB,EAAM,EAE/C,IACJ,kBAAC,GAAD;EAA8B,OAAO;YACnC,kBAAC,OAAD;GACE,KAAK;GACL,IAAI,EAAQ;GACZ,MAAK;GACL,cACE,EAAQ,WAAW,QAAQ,IAAI,EAAQ,MAAM,IAAI,EAAQ;GAE3D,eAAa,CAAC,EAAQ;GACtB,UAAU;GACV,OAAO,EAAQ;GAGf,GAAK;GACL,WAAW,EACT,kCACA,4DACA,iCACA,iBACA,8BACA,EAAQ,OACJ,gCACA,iCACJ,EACD;GAEA;GACG,CAAA;EACuB,CAAA;AAGjC,QAAO,IAAS,kBAAC,GAAD,EAAA,UAAS,GAAiB,CAAA,GAAG;;AAG/C,EAAsB,cAAc"}

package/dist/components/NavigationMenu/NavigationMenuItem.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./NavigationMenu.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,value:c,placement:l=`bottom-start`,className:u,children:d,...f}){let p=a.useNavigationMenuContext(),m=p.activeValue===c,h=o.useId(),g=o.useCallback(e=>{if(e)p.openMenu(c);else{p.closeMenu();let e=p.itemRefs.current.get(c);e&&(e.tabIndex=0,p.setRovingValue(c),e.focus())}},[p,c]),{refs:_,floatingStyles:v,context:y}=i.useFloating({open:m,onOpenChange:g,placement:l,middleware:[r.offset(4),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:b,getFloatingProps:x}=i.useInteractions([i.useClick(y),i.useDismiss(y),i.useRole(y,{role:`dialog`})]);return(0,s.jsx)(a.NavigationMenuItemContext,{value:o.useMemo(()=>({value:c,open:m,onOpenChange:g,contentId:h,refs:_,floatingStyles:v,getReferenceProps:b,getFloatingProps:x}),[c,m,g,h,_,v,b,x]),children:(0,s.jsx)(`li`,{ref:e,role:`none`,className:t.cn(`relative`,u),...f,children:d})})}c.displayName=`NavigationMenuItem`,exports.NavigationMenuItem=c;
+//# sourceMappingURL=NavigationMenuItem.cjs.map

package/dist/components/NavigationMenu/NavigationMenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  NavigationMenuItemContext,\n  useNavigationMenuContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\n\nexport interface NavigationMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  value: string;\n  placement?: Placement;\n}\n\nfunction NavigationMenuItem({\n  ref,\n  value,\n  placement = \"bottom-start\",\n  className,\n  children,\n  ...props\n}: NavigationMenuItemProps) {\n  const rootCtx = useNavigationMenuContext();\n  const open = rootCtx.activeValue === value;\n  const contentId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (next) {\n        rootCtx.openMenu(value);\n      } else {\n        rootCtx.closeMenu();\n        const itemEl = rootCtx.itemRefs.current.get(value);\n        if (itemEl) {\n          itemEl.tabIndex = 0;\n          rootCtx.setRovingValue(value);\n          itemEl.focus();\n        }\n      }\n    },\n    [rootCtx, value],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement,\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"dialog\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const itemContextValue = React.useMemo(\n    () => ({\n      value,\n      open,\n      onOpenChange: handleOpenChange,\n      contentId,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      value,\n      open,\n      handleOpenChange,\n      contentId,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <NavigationMenuItemContext value={itemContextValue}>\n      <li\n        ref={ref}\n        role=\"none\"\n        className={cn(\"relative\", className)}\n        {...props}\n      >\n        {children}\n      </li>\n    </NavigationMenuItemContext>\n  );\n}\n\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\n\nexport { NavigationMenuItem };\n"],"mappings":"wcA0BA,SAAS,EAAmB,CAC1B,MACA,QACA,YAAY,eACZ,YACA,WACA,GAAG,GACuB,CAC1B,IAAM,EAAU,EAAA,0BAA0B,CACpC,EAAO,EAAQ,cAAgB,EAC/B,EAAY,EAAM,OAAO,CAEzB,EAAmB,EAAM,YAC5B,GAAkB,CACjB,GAAI,EACF,EAAQ,SAAS,EAAM,KAClB,CACL,EAAQ,WAAW,CACnB,IAAM,EAAS,EAAQ,SAAS,QAAQ,IAAI,EAAM,CAC9C,IACF,EAAO,SAAW,EAClB,EAAQ,eAAe,EAAM,CAC7B,EAAO,OAAO,IAIpB,CAAC,EAAS,EAAM,CACjB,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,YACA,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACvB,CAAC,CAMI,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,EAAQ,CACf,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,SAAU,CAAC,CAMhD,CAAC,CAyBF,OACE,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA2B,MAxBJ,EAAM,aACtB,CACL,QACA,OACA,aAAc,EACd,YACA,OACA,iBACA,oBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,KAAD,CACO,MACL,KAAK,OACL,UAAW,EAAA,GAAG,WAAY,EAAU,CACpC,GAAI,EAEH,WACE,CAAA,CACqB,CAAA,CAIhC,EAAmB,YAAc"}

package/dist/components/NavigationMenu/NavigationMenuItem.d.ts

@@ -0,0 +1,13 @@
+import { Placement } from '@floating-ui/react';
+import * as React from "react";
+export interface NavigationMenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
+    value: string;
+    placement?: Placement;
+}
+declare function NavigationMenuItem({ ref, value, placement, className, children, ...props }: NavigationMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuItem {
+    var displayName: string;
+}
+export { NavigationMenuItem };
+//# sourceMappingURL=NavigationMenuItem.d.ts.map