@nuka-ui/core 1.1.1 → 1.1.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOpD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,SAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2EzB;kBAlFQ,kBAAkB;;;AAsF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenuItem.js

@@ -0,0 +1,66 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { autoUpdate as t } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as n, offset as r, shift as i } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useClick as a, useDismiss as o, useFloating as s, useInteractions as c, useRole as l } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { NavigationMenuItemContext as u, useNavigationMenuContext as d } from "./NavigationMenu.context.js";
+import * as f from "react";
+import { jsx as p } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenuItem.tsx
+function m({ ref: m, value: h, placement: g = "bottom-start", className: _, children: v, ...y }) {
+	let b = d(), x = b.activeValue === h, S = f.useId(), C = f.useCallback((e) => {
+		if (e) b.openMenu(h);
+		else {
+			b.closeMenu();
+			let e = b.itemRefs.current.get(h);
+			e && (e.tabIndex = 0, b.setRovingValue(h), e.focus());
+		}
+	}, [b, h]), { refs: w, floatingStyles: T, context: E } = s({
+		open: x,
+		onOpenChange: C,
+		placement: g,
+		middleware: [
+			r(4),
+			n(),
+			i({ padding: 8 })
+		],
+		whileElementsMounted: t
+	}), { getReferenceProps: D, getFloatingProps: O } = c([
+		a(E),
+		o(E),
+		l(E, { role: "dialog" })
+	]);
+	return /* @__PURE__ */ p(u, {
+		value: f.useMemo(() => ({
+			value: h,
+			open: x,
+			onOpenChange: C,
+			contentId: S,
+			refs: w,
+			floatingStyles: T,
+			getReferenceProps: D,
+			getFloatingProps: O
+		}), [
+			h,
+			x,
+			C,
+			S,
+			w,
+			T,
+			D,
+			O
+		]),
+		children: /* @__PURE__ */ p("li", {
+			ref: m,
+			role: "none",
+			className: e("relative", _),
+			...y,
+			children: v
+		})
+	});
+}
+m.displayName = "NavigationMenuItem";
+//#endregion
+export { m as NavigationMenuItem };
+
+//# sourceMappingURL=NavigationMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.js","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":";;;;;;;;;AA0BA,SAAS,EAAmB,EAC1B,QACA,UACA,eAAY,gBACZ,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,IAAU,GAA0B,EACpC,IAAO,EAAQ,gBAAgB,GAC/B,IAAY,EAAM,OAAO,EAEzB,IAAmB,EAAM,aAC5B,MAAkB;AACjB,MAAI,EACF,GAAQ,SAAS,EAAM;OAClB;AACL,KAAQ,WAAW;GACnB,IAAM,IAAS,EAAQ,SAAS,QAAQ,IAAI,EAAM;AAClD,GAAI,MACF,EAAO,WAAW,GAClB,EAAQ,eAAe,EAAM,EAC7B,EAAO,OAAO;;IAIpB,CAAC,GAAS,EAAM,CACjB,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd;EACA,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACvB,CAAC,EAMI,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,EAAQ;EACf,EAAW,EAAQ;EACtB,EAAQ,GAAS,EAAE,MAAM,UAAU,CAAC;EAMhD,CAAC;AAyBF,QACE,kBAAC,GAAD;EAA2B,OAxBJ,EAAM,eACtB;GACL;GACA;GACA,cAAc;GACd;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,MAAD;GACO;GACL,MAAK;GACL,WAAW,EAAG,YAAY,EAAU;GACpC,GAAI;GAEH;GACE,CAAA;EACqB,CAAA;;AAIhC,EAAmB,cAAc"}

package/dist/components/NavigationMenu/NavigationMenuLink.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(`./NavigationMenu.context.cjs`),i=require(`./NavigationMenu.utils.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,asChild:a=!1,active:s=!1,className:c,onKeyDown:l,...u}){let d=r.useNavigationMenuContext(),f=r.useNavigationMenuItemContext(),p=r.useIsInsideContent(),m=a?n.Slot:`a`,h=n.composeRefs(e,p?void 0:e=>{d.registerItem(f.value,e)}),g=p?l:e=>{if(l?.(e),!e.defaultPrevented)switch(e.key){case`ArrowRight`:e.preventDefault(),i.navigateToAdjacentItem(d,f.value,1);break;case`ArrowLeft`:e.preventDefault(),i.navigateToAdjacentItem(d,f.value,-1);break;case`Escape`:e.preventDefault(),d.activeValue!==null&&d.closeMenu();break}},_=p?{}:{tabIndex:f.value===d.rovingValue?0:-1};return(0,o.jsx)(m,{ref:h,"aria-current":s?`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)`,s&&`text-(--nuka-accent-text)`,c),..._,onKeyDown:g,...u})}s.displayName=`NavigationMenuLink`,exports.NavigationMenuLink=s;
+//# sourceMappingURL=NavigationMenuLink.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuLink.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  useIsInsideContent,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavigationMenuLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  onKeyDown,\n  ...props\n}: NavigationMenuLinkProps) {\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\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\n\nexport { NavigationMenuLink };\n"],"mappings":"oSAiBA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,SAAS,GACT,YACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAU,EAAA,0BAA0B,CACpC,EAAU,EAAA,8BAA8B,CACxC,EAAgB,EAAA,oBAAoB,CACpC,EAAO,EAAU,EAAA,KAAO,IAExB,EAAc,EAAA,YAClB,EACA,EACI,IAAA,GACC,GAAiC,CAChC,EAAQ,aAAa,EAAQ,MAAO,EAAG,EAE9C,CAEK,EAAgB,EAClB,EACC,GAA8C,CAC7C,OAAY,EAAE,CACV,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,aACH,EAAE,gBAAgB,CAClB,EAAA,uBAAuB,EAAS,EAAQ,MAAO,EAAE,CACjD,MAEF,IAAK,YACH,EAAE,gBAAgB,CAClB,EAAA,uBAAuB,EAAS,EAAQ,MAAO,GAAG,CAClD,MAEF,IAAK,SACH,EAAE,gBAAgB,CACd,EAAQ,cAAgB,MAC1B,EAAQ,WAAW,CAErB,QAKJ,EAAe,EACjB,EAAE,CACF,CACE,SAAU,EAAQ,QAAU,EAAQ,YAAc,EAAI,GACvD,CAEL,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAA,GACT,2BACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACA,GAAU,4BACV,EACD,CACD,GAAI,EACJ,UAAW,EACX,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc"}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
+    asChild?: boolean;
+    active?: boolean;
+}
+declare function NavigationMenuLink({ ref, asChild, active, className, onKeyDown, ...props }: NavigationMenuLinkProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuLink {
+    var displayName: string;
+}
+export { NavigationMenuLink };
+//# sourceMappingURL=NavigationMenuLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,MAAc,EACd,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAqEzB;kBA5EQ,kBAAkB;;;AAgF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenuLink.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t, composeRefs as n } from "../../utils/slot.js";
+import { useIsInsideContent as r, useNavigationMenuContext as i, useNavigationMenuItemContext as a } from "./NavigationMenu.context.js";
+import { navigateToAdjacentItem as o } from "./NavigationMenu.utils.js";
+import "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenuLink.tsx
+function c({ ref: c, asChild: l = !1, active: u = !1, className: d, onKeyDown: f, ...p }) {
+	let m = i(), h = a(), g = r(), _ = l ? t : "a", v = n(c, g ? void 0 : (e) => {
+		m.registerItem(h.value, e);
+	}), y = g ? f : (e) => {
+		if (f?.(e), !e.defaultPrevented) switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault(), o(m, h.value, 1);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), o(m, h.value, -1);
+				break;
+			case "Escape":
+				e.preventDefault(), m.activeValue !== null && m.closeMenu();
+				break;
+		}
+	}, b = g ? {} : { tabIndex: h.value === m.rovingValue ? 0 : -1 };
+	return /* @__PURE__ */ s(_, {
+		ref: v,
+		"aria-current": u ? "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)", u && "text-(--nuka-accent-text)", d),
+		...b,
+		onKeyDown: y,
+		...p
+	});
+}
+c.displayName = "NavigationMenuLink";
+//#endregion
+export { c as NavigationMenuLink };
+
+//# sourceMappingURL=NavigationMenuLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuLink.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n  useIsInsideContent,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavigationMenuLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  onKeyDown,\n  ...props\n}: NavigationMenuLinkProps) {\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\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\n\nexport { NavigationMenuLink };\n"],"mappings":";;;;;;;;AAiBA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,YAAS,IACT,cACA,cACA,GAAG,KACuB;CAC1B,IAAM,IAAU,GAA0B,EACpC,IAAU,GAA8B,EACxC,IAAgB,GAAoB,EACpC,IAAO,IAAU,IAAO,KAExB,IAAc,EAClB,GACA,IACI,KAAA,KACC,MAAiC;AAChC,IAAQ,aAAa,EAAQ,OAAO,EAAG;GAE9C,EAEK,IAAgB,IAClB,KACC,MAA8C;AAC7C,UAAY,EAAE,EACV,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAuB,GAAS,EAAQ,OAAO,EAAE;AACjD;GAEF,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAuB,GAAS,EAAQ,OAAO,GAAG;AAClD;GAEF,KAAK;AAEH,IADA,EAAE,gBAAgB,EACd,EAAQ,gBAAgB,QAC1B,EAAQ,WAAW;AAErB;;IAKJ,IAAe,IACjB,EAAE,GACF,EACE,UAAU,EAAQ,UAAU,EAAQ,cAAc,IAAI,IACvD;AAEL,QACE,kBAAC,GAAD;EACE,KAAK;EACL,gBAAc,IAAS,SAAS,KAAA;EAChC,WAAW,EACT,4BACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,KAAU,6BACV,EACD;EACD,GAAI;EACJ,WAAW;EACX,GAAI;EACJ,CAAA;;AAIN,EAAmB,cAAc"}

package/dist/components/NavigationMenu/NavigationMenuList.cjs

@@ -0,0 +1,2 @@
+"use client";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`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,n),...i})}i.displayName=`NavigationMenuList`,exports.NavigationMenuList=i;
+//# sourceMappingURL=NavigationMenuList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavigationMenuList({\n  ref,\n  className,\n  ...props\n}: NavigationMenuListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavigationMenuList.displayName = \"NavigationMenuList\";\n\nexport { NavigationMenuList };\n"],"mappings":"gLASA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,oCACA,YACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAYzB;kBAhBQ,kBAAkB;;;AAoB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenuList.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenuList.tsx
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("ul", {
+		ref: n,
+		className: e("flex items-center gap-(--space-1)", "list-none", r),
+		...i
+	});
+}
+n.displayName = "NavigationMenuList";
+//#endregion
+export { n as NavigationMenuList };
+
+//# sourceMappingURL=NavigationMenuList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavigationMenuListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavigationMenuList({\n  ref,\n  className,\n  ...props\n}: NavigationMenuListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavigationMenuList.displayName = \"NavigationMenuList\";\n\nexport { NavigationMenuList };\n"],"mappings":";;;;;AASA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,qCACA,aACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAmB,cAAc"}

package/dist/components/NavigationMenu/NavigationMenuTrigger.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(`../Icon/Icon.cjs`),i=require(`./NavigationMenu.context.cjs`),a=require(`./NavigationMenu.utils.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:o,children:c,onClick:l,onKeyDown:u,...d}){let f=i.useNavigationMenuContext(),p=i.useNavigationMenuItemContext(),m=n.composeRefs(e,p.refs.setReference,e=>{f.registerItem(p.value,e),e?f.itemLabels.current.set(p.value,e.textContent.trim()||p.value):f.itemLabels.current.delete(p.value)}),h=e=>{p.onOpenChange(!p.open),l?.(e)},g=e=>{if(u?.(e),!e.defaultPrevented)switch(e.key){case`ArrowRight`:e.preventDefault(),p.open&&p.onOpenChange(!1),a.navigateToAdjacentItem(f,p.value,1);break;case`ArrowLeft`:e.preventDefault(),p.open&&p.onOpenChange(!1),a.navigateToAdjacentItem(f,p.value,-1);break;case`ArrowDown`:p.open||(e.preventDefault(),p.onOpenChange(!0));break}},_=p.getReferenceProps({...d,onClick:h,onKeyDown:g});return(0,s.jsxs)(`button`,{ref:m,type:`button`,"aria-haspopup":`dialog`,"aria-expanded":p.open,"aria-controls":p.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)`,o),"data-state":p.open?`open`:`closed`,..._,tabIndex:p.value===f.rovingValue?0:-1,children:[c,(0,s.jsx)(r.Icon,{size:`sm`,className:t.cn(`transition-transform duration-200`,p.open&&`rotate-180`),children:(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)(`path`,{d:`m6 9 6 6 6-6`})})})]})}c.displayName=`NavigationMenuTrigger`,exports.NavigationMenuTrigger=c;
+//# sourceMappingURL=NavigationMenuTrigger.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuTrigger.cjs","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction NavigationMenuTrigger({\n  ref,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: NavigationMenuTriggerProps) {\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 { NavigationMenuTrigger };\n"],"mappings":"kUAeA,SAAS,EAAsB,CAC7B,MACA,YACA,WACA,UACA,YACA,GAAG,GAC0B,CAC7B,IAAM,EAAU,EAAA,0BAA0B,CACpC,EAAU,EAAA,8BAA8B,CACxC,EAAc,EAAA,YAClB,EACA,EAAQ,KAAK,aACZ,GAAiC,CAChC,EAAQ,aAAa,EAAQ,MAAO,EAAG,CACnC,EACF,EAAQ,WAAW,QAAQ,IACzB,EAAQ,MACR,EAAG,YAAY,MAAM,EAAI,EAAQ,MAClC,CAED,EAAQ,WAAW,QAAQ,OAAO,EAAQ,MAAM,EAGrD,CAEK,EAAe,GAA2C,CAC9D,EAAQ,aAAa,CAAC,EAAQ,KAAK,CACnC,IAAU,EAAE,EAGR,EAAiB,GAA8C,CACnE,OAAY,EAAE,CACV,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,aACH,EAAE,gBAAgB,CACd,EAAQ,MACV,EAAQ,aAAa,GAAM,CAE7B,EAAA,uBAAuB,EAAS,EAAQ,MAAO,EAAE,CACjD,MAEF,IAAK,YACH,EAAE,gBAAgB,CACd,EAAQ,MACV,EAAQ,aAAa,GAAM,CAE7B,EAAA,uBAAuB,EAAS,EAAQ,MAAO,GAAG,CAClD,MAEF,IAAK,YACE,EAAQ,OACX,EAAE,gBAAgB,CAClB,EAAQ,aAAa,GAAK,EAE5B,QAKA,EAAe,EAAQ,kBAAkB,CAC7C,GAAG,EACH,QAAS,EACT,UAAW,EACZ,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,gBAAc,SACd,gBAAe,EAAQ,KACvB,gBAAe,EAAQ,UACvB,UAAW,EAAA,GACT,2CACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACA,yCACA,EACD,CACD,aAAY,EAAQ,KAAO,OAAS,SAGpC,GAAK,EACL,SAAU,EAAQ,QAAU,EAAQ,YAAc,EAAI,YAtBxD,CAwBG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,UAAW,EAAA,GACT,oCACA,EAAQ,MAAQ,aACjB,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACA,GAIb,EAAsB,YAAc"}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
+}
+declare function NavigationMenuTrigger({ ref, className, children, onClick, onKeyDown, ...props }: NavigationMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuTrigger {
+    var displayName: string;
+}
+export { NavigationMenuTrigger };
+//# sourceMappingURL=NavigationMenuTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,qBAAqB,CAAC,EAC7B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,2CA4G5B;kBAnHQ,qBAAqB;;;AAuH9B,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/NavigationMenu/NavigationMenuTrigger.js

@@ -0,0 +1,62 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { useNavigationMenuContext as r, useNavigationMenuItemContext as i } from "./NavigationMenu.context.js";
+import { navigateToAdjacentItem as a } from "./NavigationMenu.utils.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/NavigationMenu/NavigationMenuTrigger.tsx
+function c({ ref: c, className: l, children: u, onClick: d, onKeyDown: f, ...p }) {
+	let m = r(), h = i(), g = t(c, h.refs.setReference, (e) => {
+		m.registerItem(h.value, e), e ? m.itemLabels.current.set(h.value, e.textContent.trim() || h.value) : m.itemLabels.current.delete(h.value);
+	}), _ = (e) => {
+		h.onOpenChange(!h.open), d?.(e);
+	}, v = (e) => {
+		if (f?.(e), !e.defaultPrevented) switch (e.key) {
+			case "ArrowRight":
+				e.preventDefault(), h.open && h.onOpenChange(!1), a(m, h.value, 1);
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), h.open && h.onOpenChange(!1), a(m, h.value, -1);
+				break;
+			case "ArrowDown":
+				h.open || (e.preventDefault(), h.onOpenChange(!0));
+				break;
+		}
+	}, y = h.getReferenceProps({
+		...p,
+		onClick: _,
+		onKeyDown: v
+	});
+	return /* @__PURE__ */ s("button", {
+		ref: g,
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": h.open,
+		"aria-controls": h.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)", l),
+		"data-state": h.open ? "open" : "closed",
+		...y,
+		tabIndex: h.value === m.rovingValue ? 0 : -1,
+		children: [u, /* @__PURE__ */ o(n, {
+			size: "sm",
+			className: e("transition-transform duration-200", h.open && "rotate-180"),
+			children: /* @__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("path", { d: "m6 9 6 6 6-6" })
+			})
+		})]
+	});
+}
+c.displayName = "NavigationMenuTrigger";
+//#endregion
+export { c as NavigationMenuTrigger };
+
+//# sourceMappingURL=NavigationMenuTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction NavigationMenuTrigger({\n  ref,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: NavigationMenuTriggerProps) {\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 { NavigationMenuTrigger };\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAsB,EAC7B,QACA,cACA,aACA,YACA,cACA,GAAG,KAC0B;CAC7B,IAAM,IAAU,GAA0B,EACpC,IAAU,GAA8B,EACxC,IAAc,EAClB,GACA,EAAQ,KAAK,eACZ,MAAiC;AAEhC,EADA,EAAQ,aAAa,EAAQ,OAAO,EAAG,EACnC,IACF,EAAQ,WAAW,QAAQ,IACzB,EAAQ,OACR,EAAG,YAAY,MAAM,IAAI,EAAQ,MAClC,GAED,EAAQ,WAAW,QAAQ,OAAO,EAAQ,MAAM;GAGrD,EAEK,KAAe,MAA2C;AAE9D,EADA,EAAQ,aAAa,CAAC,EAAQ,KAAK,EACnC,IAAU,EAAE;IAGR,KAAiB,MAA8C;AACnE,UAAY,EAAE,EACV,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,EAAE;AACjD;GAEF,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,GAAG;AAClD;GAEF,KAAK;AACH,IAAK,EAAQ,SACX,EAAE,gBAAgB,EAClB,EAAQ,aAAa,GAAK;AAE5B;;IAKA,IAAe,EAAQ,kBAAkB;EAC7C,GAAG;EACH,SAAS;EACT,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAQ;EACvB,iBAAe,EAAQ;EACvB,WAAW,EACT,4CACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,0CACA,EACD;EACD,cAAY,EAAQ,OAAO,SAAS;EAGpC,GAAK;EACL,UAAU,EAAQ,UAAU,EAAQ,cAAc,IAAI;YAtBxD,CAwBG,GACD,kBAAC,GAAD;GACE,MAAK;GACL,WAAW,EACT,qCACA,EAAQ,QAAQ,aACjB;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAsB,cAAc"}

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

@@ -1,5 +1,15 @@
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, } from './NavigationMenu';
-export type { NavigationMenuProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuContentProps, NavigationMenuLinkProps, } from './NavigationMenu';
+export { NavigationMenu } from './NavigationMenu';
+export type { NavigationMenuProps } from './NavigationMenu';
+export { NavigationMenuList } from './NavigationMenuList';
+export type { NavigationMenuListProps } from './NavigationMenuList';
+export { NavigationMenuItem } from './NavigationMenuItem';
+export type { NavigationMenuItemProps } from './NavigationMenuItem';
+export { NavigationMenuTrigger } from './NavigationMenuTrigger';
+export type { NavigationMenuTriggerProps } from './NavigationMenuTrigger';
+export { NavigationMenuContent } from './NavigationMenuContent';
+export type { NavigationMenuContentProps } from './NavigationMenuContent';
+export { NavigationMenuLink } from './NavigationMenuLink';
+export type { NavigationMenuLinkProps } from './NavigationMenuLink';
 export { NavigationMenuContext, useNavigationMenuContext, NavigationMenuItemContext, useNavigationMenuItemContext, } from './NavigationMenu.context';
 export type { NavigationMenuContextValue, NavigationMenuItemContextValue, } from './NavigationMenu.context';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,YAAY,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAE1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,YAAY,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AAExG,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,YAAY,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AAExG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,YAAY,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,wDAAwD,CAAC;AAChE,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,wDAAwD,CAAC"}

package/dist/components/NumberInput/NumberInput.cjs

@@ -1,2 +1,2 @@
-"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;
+"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}function l({ref:e,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}){let E=i.useFormFieldProps({id:x,disabled:S,"aria-invalid":T[`aria-invalid`],"aria-describedby":T[`aria-describedby`],"aria-required":T[`aria-required`]}),[D,O]=n.useControllableState(f,p??c(0,m,h),_),[k,A]=o.useState(null),j=k??String(D);process.env.NODE_ENV!==`production`&&!C&&!w&&!E.resolvedId&&console.warn(`[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.`);let M=m!==void 0&&D<=m,N=h!==void 0&&D>=h,P=e=>{O(c(D+g*e,m,h))},F=e=>{let t=e.target.value;if(A(t),t===``||t===`-`)return;let n=Number(t);Number.isNaN(n)||O(c(n,m,h))},I=()=>{(k===``||k===`-`)&&O(c(D,m,h)),A(null)},L=(e,n,i)=>(0,s.jsx)(`button`,{type:`button`,"aria-label":e===`increment`?y:b,tabIndex:0,disabled:E.resolvedDisabled===!0||n,onClick:()=>P(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})}),R=(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`})}),z=(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`})]}),B=E.ariaInvalid??(u===`danger`?!0:void 0);return(0,s.jsxs)(`div`,{role:`group`,"aria-label":C,"aria-labelledby":w,className:t.cn(`inline-flex items-stretch`,l),children:[v&&L(`decrement`,M,R),(0,s.jsx)(`input`,{ref:e,type:`number`,id:E.resolvedId,value:j,onChange:F,onBlur:I,min:m,max:h,step:g,disabled:E.resolvedDisabled,className:t.cn(a.inputVariants({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":E.ariaDescribedBy,"aria-required":E.ariaRequired,...T}),v&&L(`increment`,N,z)]})}l.displayName=`NumberInput`,exports.NumberInput=l;
 //# sourceMappingURL=NumberInput.cjs.map

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

@@ -1 +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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"}
+{"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  ref?: React.Ref<HTMLInputElement> | undefined;\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\nfunction NumberInput({\n  ref,\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}: NumberInputProps) {\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 [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(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    setEditText(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 (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\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={inputValue}\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\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"6VA8BA,SAAS,EAAM,EAAe,EAAc,EAAsB,CAChE,IAAI,EAAU,EAGd,OAFI,IAAQ,IAAA,IAAa,EAAU,IAAK,EAAU,GAC9C,IAAQ,IAAA,IAAa,EAAU,IAAK,EAAU,GAC3C,EAGT,SAAS,EAAY,CACnB,MACA,YACA,SACA,OACA,MAAO,EACP,eACA,MACA,MACA,OAAO,EACP,gBACA,eAAe,GACf,iBAAiB,YACjB,iBAAiB,YACjB,KACA,WACA,aAAc,EACd,kBAAmB,EACnB,GAAG,GACgB,CACnB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,GAAgB,EAAM,EAAG,EAAK,EAAI,CAClC,EACD,CAEK,CAAC,EAAU,GAAe,EAAM,SAAwB,KAAK,CAC7D,EAAa,GAAY,OAAO,EAAa,CAEnD,QAAA,IAAA,WAA6B,cACvB,CAAC,GAAa,CAAC,GAAkB,CAAC,EAAM,YAC1C,QAAQ,KACN,sGACD,CAIL,IAAM,EAAQ,IAAQ,IAAA,IAAa,GAAgB,EAC7C,EAAQ,IAAQ,IAAA,IAAa,GAAgB,EAE7C,EAAS,GAAsB,CACnC,EAAgB,EAAM,EAAe,EAAO,EAAW,EAAK,EAAI,CAAC,EAG7D,EAAgB,GAA2C,CAC/D,IAAM,EAAM,EAAE,OAAO,MAErB,GADA,EAAY,EAAI,CACZ,IAAQ,IAAM,IAAQ,IAAK,OAC/B,IAAM,EAAS,OAAO,EAAI,CACrB,OAAO,MAAM,EAAO,EACvB,EAAgB,EAAM,EAAQ,EAAK,EAAI,CAAC,EAItC,MAAmB,EACnB,IAAa,IAAM,IAAa,MAClC,EAAgB,EAAM,EAAc,EAAK,EAAI,CAAC,CAEhD,EAAY,KAAK,EAGb,GACJ,EACA,EACA,KAEA,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,aAAY,IAAc,YAAc,EAAiB,EACzD,SAAU,EACV,SAAU,EAAM,mBAAqB,IAAQ,EAC7C,YAAe,EAAM,IAAc,YAAc,EAAI,GAAG,CACxD,UAAW,EAAA,GACT,0CACA,0CACA,2DACA,mDACA,mCACA,qGACA,IAAc,aAAe,0BAC7B,IAAc,aAAe,0BAC9B,WAED,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,cAAM,EAAkC,CAAA,CAC5C,CAAA,CAGL,GACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAO,CAAA,CACnC,CAAA,CAGF,GACJ,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,iBAPjB,EASE,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAO,CAAA,EACvC,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAO,CAAA,CACnC,GAGF,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,QACL,aAAY,EACZ,kBAAiB,EACjB,UAAW,EAAA,GAAG,4BAA6B,EAAU,UAJvD,CAMG,GAAgB,EAAc,YAAa,EAAO,EAAS,EAC5D,EAAA,EAAA,KAAC,QAAD,CACO,MACL,KAAK,SACL,GAAI,EAAM,WACV,MAAO,EACP,SAAU,EACV,OAAQ,EACH,MACA,MACC,OACN,SAAU,EAAM,iBAChB,UAAW,EAAA,GACT,EAAA,cAAc,CAAE,SAAQ,OAAM,CAAC,CAC/B,2BACA,uHACA,CAAC,GAAgB,wBAClB,CACD,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,GAAI,EACJ,CAAA,CACD,GAAgB,EAAc,YAAa,EAAO,EAAQ,CACvD,GAIV,EAAY,YAAc"}

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

@@ -1,6 +1,7 @@
 import { InputVariantProps } from '../Input/Input.variants';
 import * as React from "react";
 export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "onChange">, InputVariantProps {
+    ref?: React.Ref<HTMLInputElement> | undefined;
     value?: number;
     defaultValue?: number;
     min?: number;
@@ -11,6 +12,9 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     incrementLabel?: string;
     decrementLabel?: string;
 }
-declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+declare function NumberInput({ ref, className, intent, size, value: controlledValue, defaultValue, min, max, step, onValueChange, showControls, incrementLabel, decrementLabel, id, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NumberInput {
+    var displayName: string;
+}
 export { NumberInput };
 //# sourceMappingURL=NumberInput.d.ts.map

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

@@ -1 +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"}
+{"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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,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,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAG,EACH,GAAG,EACH,IAAQ,EACR,aAAa,EACb,YAAmB,EACnB,cAA4B,EAC5B,cAA4B,EAC5B,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6IlB;kBAhKQ,WAAW;;;AAoKpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -11,41 +11,36 @@ 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) => {
+function l({ ref: l, className: u, intent: d, size: f, value: p, defaultValue: m, min: h, max: g, step: _ = 1, onValueChange: v, showControls: y = !0, incrementLabel: b = "Increment", decrementLabel: x = "Decrement", id: S, disabled: C, "aria-label": w, "aria-labelledby": 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) => {
+		id: S,
+		disabled: C,
+		"aria-invalid": E["aria-invalid"],
+		"aria-describedby": E["aria-describedby"],
+		"aria-required": E["aria-required"]
+	}), [O, k] = t(p, m ?? c(0, h, g), v), [A, j] = a.useState(null), M = A ?? String(O);
+	process.env.NODE_ENV !== "production" && !w && !T && !D.resolvedId && console.warn("[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.");
+	let N = h !== void 0 && O <= h, P = g !== void 0 && O >= g, F = (e) => {
+		k(c(O + _ * e, h, g));
+	}, I = (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", {
+		Number.isNaN(n) || k(c(n, h, g));
+	}, L = () => {
+		(A === "" || A === "-") && k(c(O, h, g)), j(null);
+	}, R = (t, r, i) => /* @__PURE__ */ o("button", {
 		type: "button",
-		"aria-label": t === "increment" ? y : b,
+		"aria-label": t === "increment" ? b : x,
 		tabIndex: 0,
 		disabled: D.resolvedDisabled === !0 || r,
-		onClick: () => P(t === "increment" ? 1 : -1),
+		onClick: () => F(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", {
+	}), z = /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -59,7 +54,7 @@ var l = a.forwardRef(({ className: l, intent: u, size: d, value: f, defaultValue
 			x2: "19",
 			y2: "12"
 		})
-	}), z = /* @__PURE__ */ s("svg", {
+	}), B = /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -78,38 +73,38 @@ var l = a.forwardRef(({ className: l, intent: u, size: d, value: f, defaultValue
 			x2: "19",
 			y2: "12"
 		})]
-	}), B = D.ariaInvalid ?? (u === "danger" ? !0 : void 0);
+	}), V = D.ariaInvalid ?? (d === "danger" ? !0 : void 0);
 	return /* @__PURE__ */ s("div", {
 		role: "group",
-		"aria-label": C,
-		"aria-labelledby": w,
-		className: e("inline-flex items-stretch", l),
+		"aria-label": w,
+		"aria-labelledby": T,
+		className: e("inline-flex items-stretch", u),
 		children: [
-			v && L("decrement", M, R),
+			y && R("decrement", N, z),
 			/* @__PURE__ */ o("input", {
-				ref: E,
+				ref: l,
 				type: "number",
 				id: D.resolvedId,
-				value: A,
-				onChange: F,
-				onBlur: I,
-				min: m,
-				max: h,
-				step: g,
+				value: M,
+				onChange: I,
+				onBlur: L,
+				min: h,
+				max: g,
+				step: _,
 				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,
+					intent: d,
+					size: f
+				}), "text-center rounded-none", "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", !y && "rounded-(--radius-md)"),
+				"aria-invalid": V,
 				"aria-describedby": D.ariaDescribedBy,
 				"aria-required": D.ariaRequired,
-				...T
+				...E
 			}),
-			v && L("increment", N, z)
+			y && R("increment", P, B)
 		]
 	});
-});
+}
 l.displayName = "NumberInput";
 //#endregion
 export { l as NumberInput };