npm - @nuka-ui/core - Versions diffs - 1.0.3 → 1.1.0 - Mend

@nuka-ui/core 1.0.3 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1214) hide show

package/dist/components/NavigationMenu/NavigationMenu.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=NavigationMenu.cjs.map

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

@@ -0,0 +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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"}

package/dist/components/NavigationMenu/NavigationMenu.context.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(null);function r(){let e=t.useContext(n);if(e===null)throw Error(`NavigationMenu compound components must be used within <NavigationMenu>`);return e}var i=t.createContext(null);function a(){let e=t.useContext(i);if(e===null)throw Error(`NavigationMenuItem compound components must be used within <NavigationMenuItem>`);return e}var o=t.createContext(!1);function s(){return t.useContext(o)}exports.NavigationMenuContentContext=o,exports.NavigationMenuContext=n,exports.NavigationMenuItemContext=i,exports.useIsInsideContent=s,exports.useNavigationMenuContext=r,exports.useNavigationMenuItemContext=a;
2	+ //# sourceMappingURL=NavigationMenu.context.cjs.map

package/dist/components/NavigationMenu/NavigationMenu.context.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationMenu.context.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface NavigationMenuContextValue {\n activeValue: string | null;\n openMenu: (value: string) => void;\n closeMenu: () => void;\n registerItem: (value: string, el: HTMLElement | null) => void;\n itemValues: React.RefObject<string[]>;\n itemRefs: React.RefObject<Map<string, HTMLElement>>;\n itemLabels: React.RefObject<Map<string, string>>;\n rovingValue: string | null;\n setRovingValue: (value: string | null) => void;\n}\n\nconst NavigationMenuContext =\n React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n const context = React.useContext(NavigationMenuContext);\n if (context === null) {\n throw new Error(\n \"NavigationMenu compound components must be used within <NavigationMenu>\",\n );\n }\n return context;\n}\n\nexport interface NavigationMenuItemContextValue {\n value: string;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n contentId: string;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst NavigationMenuItemContext =\n React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n const context = React.useContext(NavigationMenuItemContext);\n if (context === null) {\n throw new Error(\n \"NavigationMenuItem compound components must be used within <NavigationMenuItem>\",\n );\n }\n return context;\n}\n\nconst NavigationMenuContentContext = React.createContext(false);\n\nexport function useIsInsideContent(): boolean {\n return React.useContext(NavigationMenuContentContext);\n}\n\nexport {\n NavigationMenuContext,\n NavigationMenuItemContext,\n NavigationMenuContentContext,\n};\n"],"mappings":"6GAgBA,IAAM,EACJ,EAAM,cAAiD,KAAK,CAE9D,SAAgB,GAAuD,CACrE,IAAM,EAAU,EAAM,WAAW,EAAsB,CACvD,GAAI,IAAY,KACd,MAAU,MACR,0EACD,CAEH,OAAO,EAcT,IAAM,EACJ,EAAM,cAAqD,KAAK,CAElE,SAAgB,GAA+D,CAC7E,IAAM,EAAU,EAAM,WAAW,EAA0B,CAC3D,GAAI,IAAY,KACd,MAAU,MACR,kFACD,CAEH,OAAO,EAGT,IAAM,EAA+B,EAAM,cAAc,GAAM,CAE/D,SAAgB,GAA8B,CAC5C,OAAO,EAAM,WAAW,EAA6B"}

package/dist/components/NavigationMenu/NavigationMenu.context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.context.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,qBAAqB,kDACmC,CAAC;AAE/D,wBAAgB,wBAAwB,IAAI,0BAA0B,CAQrE;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,yBAAyB,sDACmC,CAAC;AAEnE,wBAAgB,4BAA4B,IAAI,8BAA8B,CAQ7E;AAED,QAAA,MAAM,4BAA4B,wBAA6B,CAAC;AAEhE,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,GAC7B,CAAC"}
1	+ {"version":3,"file":"NavigationMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACpD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,qBAAqB,kDACmC,CAAC;AAE/D,wBAAgB,wBAAwB,IAAI,0BAA0B,CAQrE;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,yBAAyB,sDACmC,CAAC;AAEnE,wBAAgB,4BAA4B,IAAI,8BAA8B,CAQ7E;AAED,QAAA,MAAM,4BAA4B,wBAA6B,CAAC;AAEhE,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C;AAED,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,GAC7B,CAAC"}

package/dist/components/NavigationMenu/NavigationMenu.context.js ADDED Viewed

@@ -0,0 +1,23 @@
+"use client";
+import * as e from "react";
+//#region src/components/NavigationMenu/NavigationMenu.context.tsx
+var t = e.createContext(null);
+function n() {
+	let n = e.useContext(t);
+	if (n === null) throw Error("NavigationMenu compound components must be used within <NavigationMenu>");
+	return n;
+}
+var r = e.createContext(null);
+function i() {
+	let t = e.useContext(r);
+	if (t === null) throw Error("NavigationMenuItem compound components must be used within <NavigationMenuItem>");
+	return t;
+}
+var a = e.createContext(!1);
+function o() {
+	return e.useContext(a);
+}
+//#endregion
+export { a as NavigationMenuContentContext, t as NavigationMenuContext, r as NavigationMenuItemContext, o as useIsInsideContent, n as useNavigationMenuContext, i as useNavigationMenuItemContext };
+//# sourceMappingURL=NavigationMenu.context.js.map

package/dist/components/NavigationMenu/NavigationMenu.context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NavigationMenu.context.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface NavigationMenuContextValue {\n activeValue: string | null;\n openMenu: (value: string) => void;\n closeMenu: () => void;\n registerItem: (value: string, el: HTMLElement | null) => void;\n itemValues: React.RefObject<string[]>;\n itemRefs: React.RefObject<Map<string, HTMLElement>>;\n itemLabels: React.RefObject<Map<string, string>>;\n rovingValue: string | null;\n setRovingValue: (value: string | null) => void;\n}\n\nconst NavigationMenuContext =\n React.createContext<NavigationMenuContextValue | null>(null);\n\nexport function useNavigationMenuContext(): NavigationMenuContextValue {\n const context = React.useContext(NavigationMenuContext);\n if (context === null) {\n throw new Error(\n \"NavigationMenu compound components must be used within <NavigationMenu>\",\n );\n }\n return context;\n}\n\nexport interface NavigationMenuItemContextValue {\n value: string;\n open: boolean;\n onOpenChange: (open: boolean) => void;\n contentId: string;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst NavigationMenuItemContext =\n React.createContext<NavigationMenuItemContextValue | null>(null);\n\nexport function useNavigationMenuItemContext(): NavigationMenuItemContextValue {\n const context = React.useContext(NavigationMenuItemContext);\n if (context === null) {\n throw new Error(\n \"NavigationMenuItem compound components must be used within <NavigationMenuItem>\",\n );\n }\n return context;\n}\n\nconst NavigationMenuContentContext = React.createContext(false);\n\nexport function useIsInsideContent(): boolean {\n return React.useContext(NavigationMenuContentContext);\n}\n\nexport {\n NavigationMenuContext,\n NavigationMenuItemContext,\n NavigationMenuContentContext,\n};\n"],"mappings":";;;AAgBA,IAAM,IACJ,EAAM,cAAiD,KAAK;AAE9D,SAAgB,IAAuD;CACrE,IAAM,IAAU,EAAM,WAAW,EAAsB;AACvD,KAAI,MAAY,KACd,OAAU,MACR,0EACD;AAEH,QAAO;;AAcT,IAAM,IACJ,EAAM,cAAqD,KAAK;AAElE,SAAgB,IAA+D;CAC7E,IAAM,IAAU,EAAM,WAAW,EAA0B;AAC3D,KAAI,MAAY,KACd,OAAU,MACR,kFACD;AAEH,QAAO;;AAGT,IAAM,IAA+B,EAAM,cAAc,GAAM;AAE/D,SAAgB,IAA8B;AAC5C,QAAO,EAAM,WAAW,EAA6B"}

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

@@ -16,6 +16,7 @@ export interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<H
 }
 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> {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"~~AAAA~~,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;~~CAAG~~;~~AAE3F~~,QAAA,MAAM,qBAAqB,~~mGA4CzB~~,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"}
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"}

package/dist/components/NavigationMenu/NavigationMenu.js ADDED Viewed

@@ -0,0 +1,220 @@
+"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";
+//#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));
+	}, []);
+	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
+		}), [
+			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,
+			v,
+			C,
+			b,
+			w,
+			T,
+			D,
+			O
+		]),
+		children: /* @__PURE__ */ S("li", {
+			ref: h,
+			role: "none",
+			className: e("relative", r),
+			...m,
+			children: i
+		})
+	});
+});
+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";
+//#endregion
+export { w as NavigationMenu, k as NavigationMenuContent, E as NavigationMenuItem, A as NavigationMenuLink, T as NavigationMenuList, O as NavigationMenuTrigger };
+//# sourceMappingURL=NavigationMenu.js.map

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

@@ -0,0 +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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"}

package/dist/components/NumberInput/NumberInput.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../Input/Input.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c(e,t,n){let r=e;return t!==void 0&&r<t&&(r=t),n!==void 0&&r>n&&(r=n),r}var l=o.forwardRef(({className:e,intent:l,size:u,value:d,defaultValue:f,min:p,max:m,step:h=1,onValueChange:g,showControls:_=!0,incrementLabel:v=`Increment`,decrementLabel:y=`Decrement`,id:b,disabled:x,"aria-label":S,"aria-labelledby":C,...w},T)=>{let E=i.useFormFieldProps({id:b,disabled:x,"aria-invalid":w[`aria-invalid`],"aria-describedby":w[`aria-describedby`],"aria-required":w[`aria-required`]}),[D,O]=n.useControllableState(d,f??c(0,p,m),g),[k,A]=o.useState(String(D));o.useEffect(()=>{A(String(D))},[D]),process.env.NODE_ENV!==`production`&&!S&&!C&&!E.resolvedId&&console.warn(`[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.`);let j=p!==void 0&&D<=p,M=m!==void 0&&D>=m,N=e=>{O(c(D+h*e,p,m))},P=e=>{let t=e.target.value;if(A(t),t===``\|\|t===`-`)return;let n=Number(t);Number.isNaN(n)\|\|O(c(n,p,m))},F=()=>{if(k===``\|\|k===`-`){let e=c(D,p,m);O(e),A(String(e))}},I=(e,n,i)=>(0,s.jsx)(`button`,{type:`button`,"aria-label":e===`increment`?v:y,tabIndex:0,disabled:E.resolvedDisabled===!0\|\|n,onClick:()=>N(e===`increment`?1:-1),className:t.cn(`inline-flex items-center justify-center`,`px-(--space-2) text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)`,`disabled:opacity-50 disabled:pointer-events-none`,`transition-colors cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,e===`decrement`&&`rounded-l-(--radius-md)`,e===`increment`&&`rounded-r-(--radius-md)`),children:(0,s.jsx)(r.Icon,{size:`sm`,children:i})}),L=(0,s.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,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})}),R=(0,s.jsxs)(`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,s.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),z=E.ariaInvalid??(l===`danger`?!0:void 0);return(0,s.jsxs)(`div`,{role:`group`,"aria-label":S,"aria-labelledby":C,className:t.cn(`inline-flex items-stretch`,e),children:[_&&I(`decrement`,j,L),(0,s.jsx)(`input`,{ref:T,type:`number`,id:E.resolvedId,value:k,onChange:P,onBlur:F,min:p,max:m,step:h,disabled:E.resolvedDisabled,className:t.cn(a.inputVariants({intent:l,size:u}),`text-center rounded-none`,`[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,!_&&`rounded-(--radius-md)`),"aria-invalid":z,"aria-describedby":E.ariaDescribedBy,"aria-required":E.ariaRequired,...w}),_&&I(`increment`,M,R)]})});l.displayName=`NumberInput`,exports.NumberInput=l;
2	+ //# sourceMappingURL=NumberInput.cjs.map

package/dist/components/NumberInput/NumberInput.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NumberInput.cjs","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n inputVariants,\n type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" | \"type\" | \"onChange\"\n >,\n InputVariantProps {\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showControls?: boolean;\n incrementLabel?: string;\n decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n let clamped = value;\n if (min !== undefined && clamped < min) clamped = min;\n if (max !== undefined && clamped > max) clamped = max;\n return clamped;\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min,\n max,\n step = 1,\n onValueChange,\n showControls = true,\n incrementLabel = \"Increment\",\n decrementLabel = \"Decrement\",\n id,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n },\n ref,\n ) => {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? clamp(0, min, max),\n onValueChange,\n );\n\n const [displayValue, setDisplayValue] = React.useState(\n String(currentValue),\n );\n\n // Sync displayValue when the committed value changes externally\n React.useEffect(() => {\n setDisplayValue(String(currentValue));\n }, [currentValue]);\n\n if (process.env.NODE_ENV !== \"production\") {\n if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n console.warn(\n \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n );\n }\n }\n\n const atMin = min !== undefined && currentValue <= min;\n const atMax = max !== undefined && currentValue >= max;\n\n const nudge = (direction: 1 | -1) => {\n setCurrentValue(clamp(currentValue + step * direction, min, max));\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const raw = e.target.value;\n setDisplayValue(raw);\n if (raw === \"\" || raw === \"-\") return;\n const parsed = Number(raw);\n if (!Number.isNaN(parsed)) {\n setCurrentValue(clamp(parsed, min, max));\n }\n };\n\n const handleBlur = () => {\n if (displayValue === \"\" || displayValue === \"-\") {\n const clamped = clamp(currentValue, min, max);\n setCurrentValue(clamped);\n setDisplayValue(String(clamped));\n }\n };\n\n const controlButton = (\n direction: \"increment\" | \"decrement\",\n isDisabled: boolean,\n icon: React.ReactNode,\n ) => (\n <button\n type=\"button\"\n aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n tabIndex={0}\n disabled={field.resolvedDisabled === true || isDisabled}\n onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"px-(--space-2) text-(--nuka-text-muted)\",\n \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n \"disabled:opacity-50 disabled:pointer-events-none\",\n \"transition-colors cursor-pointer\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n direction === \"increment\" && \"rounded-r-(--radius-md)\",\n )}\n >\n <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n </button>\n );\n\n const minusSvg = (\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 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n );\n\n const plusSvg = (\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 <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n );\n\n const ariaInvalid =\n field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n return (\n <div\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={cn(\"inline-flex items-stretch\", className)}\n >\n {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n <input\n ref={ref}\n type=\"number\"\n id={field.resolvedId}\n value={displayValue}\n onChange={handleChange}\n onBlur={handleBlur}\n min={min}\n max={max}\n step={step}\n disabled={field.resolvedDisabled}\n className={cn(\n inputVariants({ intent, size }),\n \"text-center rounded-none\",\n \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n !showControls && \"rounded-(--radius-md)\",\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n {...props}\n />\n {showControls && controlButton(\"increment\", atMax, plusSvg)}\n </div>\n );\n },\n);\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}

package/dist/components/NumberInput/NumberInput.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { InputVariantProps } from '../Input/Input.variants';
+import * as React from "react";
+export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange">, InputVariantProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onValueChange?: (value: number) => void;
+    showControls?: boolean;
+    incrementLabel?: string;
+    decrementLabel?: string;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInput };
+//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/NumberInput/NumberInput.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,gBACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,iBAAiB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AASD,QAAA,MAAM,WAAW,2FA2KhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/NumberInput/NumberInput.js ADDED Viewed

@@ -0,0 +1,117 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { inputVariants as i } from "../Input/Input.variants.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/NumberInput/NumberInput.tsx
+function c(e, t, n) {
+	let r = e;
+	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
+}
+var l = a.forwardRef(({ className: l, intent: u, size: d, value: f, defaultValue: p, min: m, max: h, step: g = 1, onValueChange: _, showControls: v = !0, incrementLabel: y = "Increment", decrementLabel: b = "Decrement", id: x, disabled: S, "aria-label": C, "aria-labelledby": w, ...T }, E) => {
+	let D = r({
+		id: x,
+		disabled: S,
+		"aria-invalid": T["aria-invalid"],
+		"aria-describedby": T["aria-describedby"],
+		"aria-required": T["aria-required"]
+	}), [O, k] = t(f, p ?? c(0, m, h), _), [A, j] = a.useState(String(O));
+	a.useEffect(() => {
+		j(String(O));
+	}, [O]), process.env.NODE_ENV !== "production" && !C && !w && !D.resolvedId && console.warn("[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.");
+	let M = m !== void 0 && O <= m, N = h !== void 0 && O >= h, P = (e) => {
+		k(c(O + g * e, m, h));
+	}, F = (e) => {
+		let t = e.target.value;
+		if (j(t), t === "" || t === "-") return;
+		let n = Number(t);
+		Number.isNaN(n) || k(c(n, m, h));
+	}, I = () => {
+		if (A === "" || A === "-") {
+			let e = c(O, m, h);
+			k(e), j(String(e));
+		}
+	}, L = (t, r, i) => /* @__PURE__ */ o("button", {
+		type: "button",
+		"aria-label": t === "increment" ? y : b,
+		tabIndex: 0,
+		disabled: D.resolvedDisabled === !0 || r,
+		onClick: () => P(t === "increment" ? 1 : -1),
+		className: e("inline-flex items-center justify-center", "px-(--space-2) text-(--nuka-text-muted)", "hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)", "disabled:opacity-50 disabled:pointer-events-none", "transition-colors cursor-pointer", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", t === "decrement" && "rounded-l-(--radius-md)", t === "increment" && "rounded-r-(--radius-md)"),
+		children: /* @__PURE__ */ o(n, {
+			size: "sm",
+			children: i
+		})
+	}), R = /* @__PURE__ */ o("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__ */ o("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})
+	}), z = /* @__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__ */ o("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "19"
+		}), /* @__PURE__ */ o("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})]
+	}), B = D.ariaInvalid ?? (u === "danger" ? !0 : void 0);
+	return /* @__PURE__ */ s("div", {
+		role: "group",
+		"aria-label": C,
+		"aria-labelledby": w,
+		className: e("inline-flex items-stretch", l),
+		children: [
+			v && L("decrement", M, R),
+			/* @__PURE__ */ o("input", {
+				ref: E,
+				type: "number",
+				id: D.resolvedId,
+				value: A,
+				onChange: F,
+				onBlur: I,
+				min: m,
+				max: h,
+				step: g,
+				disabled: D.resolvedDisabled,
+				className: e(i({
+					intent: u,
+					size: d
+				}), "text-center rounded-none", "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", !v && "rounded-(--radius-md)"),
+				"aria-invalid": B,
+				"aria-describedby": D.ariaDescribedBy,
+				"aria-required": D.ariaRequired,
+				...T
+			}),
+			v && L("increment", N, z)
+		]
+	});
+});
+l.displayName = "NumberInput";
+//#endregion
+export { l as NumberInput };
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/NumberInput/NumberInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n inputVariants,\n type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n extends\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" | \"type\" | \"onChange\"\n >,\n InputVariantProps {\n value?: number;\n defaultValue?: number;\n min?: number;\n max?: number;\n step?: number;\n onValueChange?: (value: number) => void;\n showControls?: boolean;\n incrementLabel?: string;\n decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n let clamped = value;\n if (min !== undefined && clamped < min) clamped = min;\n if (max !== undefined && clamped > max) clamped = max;\n return clamped;\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n (\n {\n className,\n intent,\n size,\n value: controlledValue,\n defaultValue,\n min,\n max,\n step = 1,\n onValueChange,\n showControls = true,\n incrementLabel = \"Increment\",\n decrementLabel = \"Decrement\",\n id,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n },\n ref,\n ) => {\n const field = useFormFieldProps({\n id,\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n \"aria-required\": props[\"aria-required\"],\n });\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue ?? clamp(0, min, max),\n onValueChange,\n );\n\n const [displayValue, setDisplayValue] = React.useState(\n String(currentValue),\n );\n\n // Sync displayValue when the committed value changes externally\n React.useEffect(() => {\n setDisplayValue(String(currentValue));\n }, [currentValue]);\n\n if (process.env.NODE_ENV !== \"production\") {\n if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n console.warn(\n \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n );\n }\n }\n\n const atMin = min !== undefined && currentValue <= min;\n const atMax = max !== undefined && currentValue >= max;\n\n const nudge = (direction: 1 | -1) => {\n setCurrentValue(clamp(currentValue + step * direction, min, max));\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const raw = e.target.value;\n setDisplayValue(raw);\n if (raw === \"\" || raw === \"-\") return;\n const parsed = Number(raw);\n if (!Number.isNaN(parsed)) {\n setCurrentValue(clamp(parsed, min, max));\n }\n };\n\n const handleBlur = () => {\n if (displayValue === \"\" || displayValue === \"-\") {\n const clamped = clamp(currentValue, min, max);\n setCurrentValue(clamped);\n setDisplayValue(String(clamped));\n }\n };\n\n const controlButton = (\n direction: \"increment\" | \"decrement\",\n isDisabled: boolean,\n icon: React.ReactNode,\n ) => (\n <button\n type=\"button\"\n aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n tabIndex={0}\n disabled={field.resolvedDisabled === true || isDisabled}\n onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n className={cn(\n \"inline-flex items-center justify-center\",\n \"px-(--space-2) text-(--nuka-text-muted)\",\n \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n \"disabled:opacity-50 disabled:pointer-events-none\",\n \"transition-colors cursor-pointer\",\n \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n direction === \"increment\" && \"rounded-r-(--radius-md)\",\n )}\n >\n <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n </button>\n );\n\n const minusSvg = (\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 <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n );\n\n const plusSvg = (\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 <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n </svg>\n );\n\n const ariaInvalid =\n field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n return (\n <div\n role=\"group\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className={cn(\"inline-flex items-stretch\", className)}\n >\n {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n <input\n ref={ref}\n type=\"number\"\n id={field.resolvedId}\n value={displayValue}\n onChange={handleChange}\n onBlur={handleBlur}\n min={min}\n max={max}\n step={step}\n disabled={field.resolvedDisabled}\n className={cn(\n inputVariants({ intent, size }),\n \"text-center rounded-none\",\n \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n !showControls && \"rounded-(--radius-md)\",\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n {...props}\n />\n {showControls && controlButton(\"increment\", atMax, plusSvg)}\n </div>\n );\n },\n);\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}

package/dist/components/NumberInput/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NumberInput/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Pagination/Pagination.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({"aria-label":e=`Pagination`,className:n,...i},a)=>(0,r.jsx)(`nav`,{ref:a,"aria-label":e,className:t.cn(`mx-auto flex w-full justify-center`,n),...i}));i.displayName=`Pagination`,exports.Pagination=i;
2	+ //# sourceMappingURL=Pagination.cjs.map