@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Menubar/MenubarTrigger.js

@@ -2,17 +2,17 @@
 import { cn as e } from "../../utils/cn.js";
 import { composeRefs as t } from "../../utils/slot.js";
 import { useMenubarContext as n, useMenubarMenuContext as r } from "./Menubar.context.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Menubar/MenubarTrigger.tsx
-var o = i.forwardRef(({ className: i, children: o, onKeyDown: s, ...c }, l) => {
-	let u = n(), d = r(), f = t(l, d.refs.setReference, (e) => {
+function a({ ref: a, className: o, children: s, onKeyDown: c, ...l }) {
+	let u = n(), d = r(), f = t(a, d.refs.setReference, (e) => {
 		u.registerTrigger(d.value, e);
 	}), p = (e) => {
 		let t = u.menuValues.current, n = t.indexOf(d.value);
 		if (n !== -1) return t[(n + e + t.length) % t.length];
 	}, m = (e) => {
-		if (s?.(e), e.key === "ArrowRight") {
+		if (c?.(e), e.key === "ArrowRight") {
 			e.preventDefault();
 			let t = p(1);
 			t !== void 0 && (d.open && u.openMenu(t), u.triggerRefs.current.get(t)?.focus());
@@ -22,23 +22,23 @@ var o = i.forwardRef(({ className: i, children: o, onKeyDown: s, ...c }, l) => {
 			t !== void 0 && (d.open && u.openMenu(t), u.triggerRefs.current.get(t)?.focus());
 		} else e.key === "ArrowDown" && (e.preventDefault(), d.open || u.openMenu(d.value));
 	}, h = d.getReferenceProps({
-		...c,
+		...l,
 		onKeyDown: m
 	});
-	return /* @__PURE__ */ a("button", {
+	return /* @__PURE__ */ i("button", {
 		ref: f,
 		type: "button",
 		role: "menuitem",
 		"aria-haspopup": "menu",
 		"aria-expanded": d.open,
-		className: e("inline-flex items-center justify-center", "rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none cursor-default", "hover:bg-(--nuka-bg-muted)", "focus-visible: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)", i),
+		className: e("inline-flex items-center justify-center", "rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none cursor-default", "hover:bg-(--nuka-bg-muted)", "focus-visible: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": d.open ? "open" : "closed",
 		...h,
-		children: o
+		children: s
 	});
-});
-o.displayName = "MenubarTrigger";
+}
+a.displayName = "MenubarTrigger";
 //#endregion
-export { o as MenubarTrigger };
+export { a as MenubarTrigger };
 
 //# sourceMappingURL=MenubarTrigger.js.map

package/dist/components/Menubar/MenubarTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst MenubarTrigger = React.forwardRef<HTMLButtonElement, MenubarTriggerProps>(\n  ({ className, children, onKeyDown, ...props }, ref) => {\n    const bar = useMenubarContext();\n    const menu = useMenubarMenuContext();\n    const composedRef = composeRefs(\n      ref,\n      menu.refs.setReference,\n      (el: HTMLButtonElement | null) => {\n        bar.registerTrigger(menu.value, el);\n      },\n    );\n\n    const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n      const values = bar.menuValues.current;\n      const currentIndex = values.indexOf(menu.value);\n      if (currentIndex === -1) return undefined;\n      const nextIndex =\n        (currentIndex + direction + values.length) % values.length;\n      return values[nextIndex];\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n\n      if (e.key === \"ArrowRight\") {\n        e.preventDefault();\n        const nextValue = getAdjacentValue(1);\n        if (nextValue !== undefined) {\n          if (menu.open) {\n            bar.openMenu(nextValue);\n          }\n          bar.triggerRefs.current.get(nextValue)?.focus();\n        }\n      } else if (e.key === \"ArrowLeft\") {\n        e.preventDefault();\n        const prevValue = getAdjacentValue(-1);\n        if (prevValue !== undefined) {\n          if (menu.open) {\n            bar.openMenu(prevValue);\n          }\n          bar.triggerRefs.current.get(prevValue)?.focus();\n        }\n      } else if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        if (!menu.open) {\n          bar.openMenu(menu.value);\n        }\n      }\n    };\n\n    const triggerProps = menu.getReferenceProps({\n      ...props,\n      onKeyDown: handleKeyDown,\n    });\n\n    return (\n      <button\n        ref={composedRef}\n        type=\"button\"\n        role=\"menuitem\"\n        aria-haspopup=\"menu\"\n        aria-expanded={menu.open}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n          \"text-sm font-medium\",\n          \"text-(--nuka-text-base)\",\n          \"select-none cursor-default\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus-visible: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={menu.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      >\n        {children}\n      </button>\n    );\n  },\n);\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":";;;;;;;AAWA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,aAAU,cAAW,GAAG,KAAS,MAAQ;CACrD,IAAM,IAAM,GAAmB,EACzB,IAAO,GAAuB,EAC9B,IAAc,EAClB,GACA,EAAK,KAAK,eACT,MAAiC;AAChC,IAAI,gBAAgB,EAAK,OAAO,EAAG;GAEtC,EAEK,KAAoB,MAA0C;EAClE,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,MAAM;AAC3C,YAAiB,GAGrB,QAAO,GADJ,IAAe,IAAY,EAAO,UAAU,EAAO;IAIlD,KAAiB,MAA8C;AAGnE,MAFA,IAAY,EAAE,EAEV,EAAE,QAAQ,cAAc;AAC1B,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,EAAE;AACrC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;aAExC,EAAE,QAAQ,aAAa;AAChC,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,GAAG;AACtC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;SAExC,EAAE,QAAQ,gBACnB,EAAE,gBAAgB,EACb,EAAK,QACR,EAAI,SAAS,EAAK,MAAM;IAKxB,IAAe,EAAK,kBAAkB;EAC1C,GAAG;EACH,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAK;EACpB,WAAW,EACT,2CACA,yDACA,uBACA,2BACA,8BACA,8BACA,sCACA,0DACA,+CACA,0CACA,EACD;EACD,cAAY,EAAK,OAAO,SAAS;EAGjC,GAAK;EAEJ;EACM,CAAA;EAGd;AAED,EAAe,cAAc"}
+{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction MenubarTrigger({\n  ref,\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: MenubarTriggerProps) {\n  const bar = useMenubarContext();\n  const menu = useMenubarMenuContext();\n  const composedRef = composeRefs(\n    ref,\n    menu.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      bar.registerTrigger(menu.value, el);\n    },\n  );\n\n  const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n    const values = bar.menuValues.current;\n    const currentIndex = values.indexOf(menu.value);\n    if (currentIndex === -1) return undefined;\n    const nextIndex =\n      (currentIndex + direction + values.length) % values.length;\n    return values[nextIndex];\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      const nextValue = getAdjacentValue(1);\n      if (nextValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(nextValue);\n        }\n        bar.triggerRefs.current.get(nextValue)?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      const prevValue = getAdjacentValue(-1);\n      if (prevValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(prevValue);\n        }\n        bar.triggerRefs.current.get(prevValue)?.focus();\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!menu.open) {\n        bar.openMenu(menu.value);\n      }\n    }\n  };\n\n  const triggerProps = menu.getReferenceProps({\n    ...props,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={menu.open}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none cursor-default\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible: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={menu.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    >\n      {children}\n    </button>\n  );\n}\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAe,EACtB,QACA,cACA,aACA,cACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAO,GAAuB,EAC9B,IAAc,EAClB,GACA,EAAK,KAAK,eACT,MAAiC;AAChC,IAAI,gBAAgB,EAAK,OAAO,EAAG;GAEtC,EAEK,KAAoB,MAA0C;EAClE,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,MAAM;AAC3C,YAAiB,GAGrB,QAAO,GADJ,IAAe,IAAY,EAAO,UAAU,EAAO;IAIlD,KAAiB,MAA8C;AAGnE,MAFA,IAAY,EAAE,EAEV,EAAE,QAAQ,cAAc;AAC1B,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,EAAE;AACrC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;aAExC,EAAE,QAAQ,aAAa;AAChC,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,GAAG;AACtC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;SAExC,EAAE,QAAQ,gBACnB,EAAE,gBAAgB,EACb,EAAK,QACR,EAAI,SAAS,EAAK,MAAM;IAKxB,IAAe,EAAK,kBAAkB;EAC1C,GAAG;EACH,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAK;EACpB,WAAW,EACT,2CACA,yDACA,uBACA,2BACA,8BACA,8BACA,sCACA,0DACA,+CACA,0CACA,EACD;EACD,cAAY,EAAK,OAAO,SAAS;EAGjC,GAAK;EAEJ;EACM,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Nav/Nav.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);var r=t.forwardRef(({"aria-label":e=`Main navigation`,...t},r)=>(0,n.jsx)(`nav`,{ref:r,"aria-label":e,...t}));r.displayName=`Nav`,exports.Nav=r;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,"aria-label":t=`Main navigation`,...r}){return(0,n.jsx)(`nav`,{ref:e,"aria-label":t,...r})}r.displayName=`Nav`,exports.Nav=r;
 //# sourceMappingURL=Nav.cjs.map

package/dist/components/Nav/Nav.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.cjs","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst Nav = React.forwardRef<HTMLElement, NavProps>(\n  ({ \"aria-label\": ariaLabel = \"Main navigation\", ...props }, ref) => (\n    <nav ref={ref} aria-label={ariaLabel} {...props} />\n  ),\n);\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":"mIAMA,IAAM,EAAM,EAAM,YACf,CAAE,aAAc,EAAY,kBAAmB,GAAG,GAAS,KAC1D,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,GAAI,EAAS,CAAA,CAEtD,CAED,EAAI,YAAc"}
+{"version":3,"file":"Nav.cjs","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":"gJASA,SAAS,EAAI,CACX,MACA,aAAc,EAAY,kBAC1B,GAAG,GACQ,CACX,OAAO,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,GAAI,EAAS,CAAA,CAG5D,EAAI,YAAc"}

package/dist/components/Nav/Nav.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface NavProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     "aria-label"?: string;
 }
-declare const Nav: React.ForwardRefExoticComponent<NavProps & React.RefAttributes<HTMLElement>>;
+declare function Nav({ ref, "aria-label": ariaLabel, ...props }: NavProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Nav {
+    var displayName: string;
+}
 export { Nav };
 //# sourceMappingURL=Nav.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,GAAG,8EAIR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,GAAG,CAAC,EACX,GAAG,EACH,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,QAAQ,2CAEV;kBANQ,GAAG;;;AAUZ,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/Nav/Nav.js

@@ -1,13 +1,16 @@
-import * as e from "react";
-import { jsx as t } from "react/jsx-runtime";
+"use client";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Nav/Nav.tsx
-var n = e.forwardRef(({ "aria-label": e = "Main navigation", ...n }, r) => /* @__PURE__ */ t("nav", {
-	ref: r,
-	"aria-label": e,
-	...n
-}));
-n.displayName = "Nav";
+function t({ ref: t, "aria-label": n = "Main navigation", ...r }) {
+	return /* @__PURE__ */ e("nav", {
+		ref: t,
+		"aria-label": n,
+		...r
+	});
+}
+t.displayName = "Nav";
 //#endregion
-export { n as Nav };
+export { t as Nav };
 
 //# sourceMappingURL=Nav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst Nav = React.forwardRef<HTMLElement, NavProps>(\n  ({ \"aria-label\": ariaLabel = \"Main navigation\", ...props }, ref) => (\n    <nav ref={ref} aria-label={ariaLabel} {...props} />\n  ),\n);\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":";;;AAMA,IAAM,IAAM,EAAM,YACf,EAAE,cAAc,IAAY,mBAAmB,GAAG,KAAS,MAC1D,kBAAC,OAAD;CAAU;CAAK,cAAY;CAAW,GAAI;CAAS,CAAA,CAEtD;AAED,EAAI,cAAc"}
+{"version":3,"file":"Nav.js","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":";;;;AASA,SAAS,EAAI,EACX,QACA,cAAc,IAAY,mBAC1B,GAAG,KACQ;AACX,QAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAW,GAAI;EAAS,CAAA;;AAG5D,EAAI,cAAc"}

package/dist/components/Nav/NavItem.cjs

@@ -1,2 +1,2 @@
-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(({hasSubmenu:e,className:n,...i},a)=>(0,r.jsx)(`li`,{ref:a,className:t.cn(`relative group list-none`,n),...i}));i.displayName=`NavItem`,exports.NavItem=i;
+"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,hasSubmenu:n,className:i,...a}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(`relative group list-none`,i),...a})}i.displayName=`NavItem`,exports.NavItem=i;
 //# sourceMappingURL=NavItem.cjs.map

package/dist/components/Nav/NavItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.cjs","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  hasSubmenu?: boolean;\n}\n\nconst NavItem = React.forwardRef<HTMLLIElement, NavItemProps>(\n  ({ hasSubmenu: _hasSubmenu, className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  ),\n);\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":"mKAOA,IAAM,EAAU,EAAM,YACnB,CAAE,WAAY,EAAa,YAAW,GAAG,GAAS,KACjD,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,2BAA4B,EAAU,CACpD,GAAI,EACJ,CAAA,CAEL,CAED,EAAQ,YAAc"}
+{"version":3,"file":"NavItem.cjs","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":"gLAUA,SAAS,EAAQ,CACf,MACA,WAAY,EACZ,YACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,2BAA4B,EAAU,CACpD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Nav/NavItem.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
     hasSubmenu?: boolean;
 }
-declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLLIElement>>;
+declare function NavItem({ ref, hasSubmenu: _hasSubmenu, className, ...props }: NavItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavItem {
+    var displayName: string;
+}
 export { NavItem };
 //# sourceMappingURL=NavItem.d.ts.map

package/dist/components/Nav/NavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,oFAQZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,UAAU,EAAE,WAAW,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAQd;kBAbQ,OAAO;;;AAiBhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Nav/NavItem.js

@@ -1,14 +1,17 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Nav/NavItem.tsx
-var r = t.forwardRef(({ hasSubmenu: t, className: r, ...i }, a) => /* @__PURE__ */ n("li", {
-	ref: a,
-	className: e("relative group list-none", r),
-	...i
-}));
-r.displayName = "NavItem";
+function n({ ref: n, hasSubmenu: r, className: i, ...a }) {
+	return /* @__PURE__ */ t("li", {
+		ref: n,
+		className: e("relative group list-none", i),
+		...a
+	});
+}
+n.displayName = "NavItem";
 //#endregion
-export { r as NavItem };
+export { n as NavItem };
 
 //# sourceMappingURL=NavItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  hasSubmenu?: boolean;\n}\n\nconst NavItem = React.forwardRef<HTMLLIElement, NavItemProps>(\n  ({ hasSubmenu: _hasSubmenu, className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  ),\n);\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":";;;;AAOA,IAAM,IAAU,EAAM,YACnB,EAAE,YAAY,GAAa,cAAW,GAAG,KAAS,MACjD,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,4BAA4B,EAAU;CACpD,GAAI;CACJ,CAAA,CAEL;AAED,EAAQ,cAAc"}
+{"version":3,"file":"NavItem.js","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":";;;;;AAUA,SAAS,EAAQ,EACf,QACA,YAAY,GACZ,cACA,GAAG,KACY;AACf,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,4BAA4B,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Nav/NavLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({asChild:e=!1,active:r=!1,className:a,...o},s)=>(0,i.jsx)(e?n.Slot:`a`,{ref:s,"aria-current":r?`page`:void 0,className:t.cn(`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)`,a),...o}));a.displayName=`NavLink`,exports.NavLink=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,active:a=!1,className:o,...s}){return(0,i.jsx)(r?n.Slot:`a`,{ref:e,"aria-current":a?`page`:void 0,className:t.cn(`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)`,a&&`text-(--nuka-accent-text)`,o),...s})}a.displayName=`NavLink`,exports.NavLink=a;
 //# sourceMappingURL=NavLink.cjs.map

package/dist/components/Nav/NavLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.cjs","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n  active?: boolean;\n}\n\nconst NavLink = React.forwardRef<HTMLAnchorElement, NavLinkProps>(\n  ({ asChild = false, active = false, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Comp\n        ref={ref}\n        aria-current={active ? \"page\" : undefined}\n        className={cn(\n          \"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        {...props}\n      />\n    );\n  },\n);\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":"qMASA,IAAM,EAAU,EAAM,YACnB,CAAE,UAAU,GAAO,SAAS,GAAO,YAAW,GAAG,GAAS,KAIvD,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAA,GACT,oBACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACA,GAAU,4BACV,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAQ,YAAc"}
+{"version":3,"file":"NavLink.cjs","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"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      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":"kNAYA,SAAS,EAAQ,CACf,MACA,UAAU,GACV,SAAS,GACT,YACA,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAA,GACT,oBACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACA,GAAU,4BACV,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Nav/NavLink.d.ts

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

package/dist/components/Nav/NavLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,OAAO,wFAwBZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,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,OAAO,CAAC,EACf,GAAG,EACH,OAAe,EACf,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAsBd;kBA5BQ,OAAO;;;AAgChB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Nav/NavLink.js

@@ -1,16 +1,19 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Nav/NavLink.tsx
-var i = n.forwardRef(({ asChild: n = !1, active: i = !1, className: a, ...o }, s) => /* @__PURE__ */ r(n ? t : "a", {
-	ref: s,
-	"aria-current": i ? "page" : void 0,
-	className: e("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),
-	...o
-}));
-i.displayName = "NavLink";
+function r({ ref: r, asChild: i = !1, active: a = !1, className: o, ...s }) {
+	return /* @__PURE__ */ n(i ? t : "a", {
+		ref: r,
+		"aria-current": a ? "page" : void 0,
+		className: e("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)", a && "text-(--nuka-accent-text)", o),
+		...s
+	});
+}
+r.displayName = "NavLink";
 //#endregion
-export { i as NavLink };
+export { r as NavLink };
 
 //# sourceMappingURL=NavLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavLink.js","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n  active?: boolean;\n}\n\nconst NavLink = React.forwardRef<HTMLAnchorElement, NavLinkProps>(\n  ({ asChild = false, active = false, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Comp\n        ref={ref}\n        aria-current={active ? \"page\" : undefined}\n        className={cn(\n          \"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        {...props}\n      />\n    );\n  },\n);\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":";;;;;AASA,IAAM,IAAU,EAAM,YACnB,EAAE,aAAU,IAAO,YAAS,IAAO,cAAW,GAAG,KAAS,MAIvD,kBAHW,IAAU,IAAO,KAG5B;CACO;CACL,gBAAc,IAAS,SAAS,KAAA;CAChC,WAAW,EACT,qBACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,KAAU,6BACV,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAQ,cAAc"}
+{"version":3,"file":"NavLink.js","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"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      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":";;;;;;AAYA,SAAS,EAAQ,EACf,QACA,aAAU,IACV,YAAS,IACT,cACA,GAAG,KACY;AAGf,QACE,kBAHW,IAAU,IAAO,KAG5B;EACO;EACL,gBAAc,IAAS,SAAS,KAAA;EAChC,WAAW,EACT,qBACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,KAAU,6BACV,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Nav/NavList.cjs

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

package/dist/components/Nav/NavList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavList.cjs","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavList = React.forwardRef<HTMLUListElement, NavListProps>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      {...props}\n    />\n  ),\n);\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":"mKAKA,IAAM,EAAU,EAAM,YACnB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EACJ,CAAA,CAEL,CAED,EAAQ,YAAc"}
+{"version":3,"file":"NavList.cjs","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavList({ ref, className, ...props }: NavListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":"gLASA,SAAS,EAAQ,CAAE,MAAK,YAAW,GAAG,GAAuB,CAC3D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Nav/NavList.d.ts

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

package/dist/components/Nav/NavList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAE/E,QAAA,MAAM,OAAO,uFAQZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAQ1D;kBARQ,OAAO;;;AAYhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Nav/NavList.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavList.js","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst NavList = React.forwardRef<HTMLUListElement, NavListProps>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      {...props}\n    />\n  ),\n);\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":";;;;AAKA,IAAM,IAAU,EAAM,YACnB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,+CAA+C,EAAU;CACvE,GAAI;CACJ,CAAA,CAEL;AAED,EAAQ,cAAc"}
+{"version":3,"file":"NavList.js","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavList({ ref, className, ...props }: NavListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":";;;;;AASA,SAAS,EAAQ,EAAE,QAAK,cAAW,GAAG,KAAuB;AAC3D,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Nav/NavSubmenu.cjs

@@ -1,2 +1,2 @@
-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(({align:e=`start`,className:n,...i},a)=>(0,r.jsx)(`ul`,{ref:a,className:t.cn(`absolute top-10`,e===`start`?`left-0`:`right-0`,`hidden group-hover:block group-focus-within:block`,`min-w-48`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)`,`z-(--nuka-z-dropdown)`,`list-none`,`py-(--space-1)`,n),...i}));i.displayName=`NavSubmenu`,exports.NavSubmenu=i;
+"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,align:n=`start`,className:i,...a}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`absolute top-10`,n===`start`?`left-0`:`right-0`,`hidden group-hover:block group-focus-within:block`,`min-w-48`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)`,`z-(--nuka-z-dropdown)`,`list-none`,`py-(--space-1)`,i),...a})}i.displayName=`NavSubmenu`,exports.NavSubmenu=i;
 //# sourceMappingURL=NavSubmenu.cjs.map

package/dist/components/Nav/NavSubmenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavSubmenu.cjs","names":[],"sources":["../../../src/components/Nav/NavSubmenu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavSubmenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  align?: \"start\" | \"end\";\n}\n\nconst NavSubmenu = React.forwardRef<HTMLUListElement, NavSubmenuProps>(\n  ({ align = \"start\", className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      className={cn(\n        \"absolute top-10\",\n        align === \"start\" ? \"left-0\" : \"right-0\",\n        \"hidden group-hover:block group-focus-within:block\",\n        \"min-w-48\",\n        \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)\",\n        \"z-(--nuka-z-dropdown)\",\n        \"list-none\",\n        \"py-(--space-1)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nNavSubmenu.displayName = \"NavSubmenu\";\n\nexport { NavSubmenu };\n"],"mappings":"mKAOA,IAAM,EAAa,EAAM,YACtB,CAAE,QAAQ,QAAS,YAAW,GAAG,GAAS,KACzC,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,kBACA,IAAU,QAAU,SAAW,UAC/B,oDACA,WACA,2DACA,qDACA,wBACA,YACA,iBACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAW,YAAc"}
+{"version":3,"file":"NavSubmenu.cjs","names":[],"sources":["../../../src/components/Nav/NavSubmenu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavSubmenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n  align?: \"start\" | \"end\";\n}\n\nfunction NavSubmenu({\n  ref,\n  align = \"start\",\n  className,\n  ...props\n}: NavSubmenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"absolute top-10\",\n        align === \"start\" ? \"left-0\" : \"right-0\",\n        \"hidden group-hover:block group-focus-within:block\",\n        \"min-w-48\",\n        \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)\",\n        \"z-(--nuka-z-dropdown)\",\n        \"list-none\",\n        \"py-(--space-1)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavSubmenu.displayName = \"NavSubmenu\";\n\nexport { NavSubmenu };\n"],"mappings":"gLAUA,SAAS,EAAW,CAClB,MACA,QAAQ,QACR,YACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,kBACA,IAAU,QAAU,SAAW,UAC/B,oDACA,WACA,2DACA,qDACA,wBACA,YACA,iBACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}

package/dist/components/Nav/NavSubmenu.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface NavSubmenuProps extends React.HTMLAttributes<HTMLUListElement> {
+    ref?: React.Ref<HTMLUListElement> | undefined;
     align?: "start" | "end";
 }
-declare const NavSubmenu: React.ForwardRefExoticComponent<NavSubmenuProps & React.RefAttributes<HTMLUListElement>>;
+declare function NavSubmenu({ ref, align, className, ...props }: NavSubmenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavSubmenu {
+    var displayName: string;
+}
 export { NavSubmenu };
 //# sourceMappingURL=NavSubmenu.d.ts.map

package/dist/components/Nav/NavSubmenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavSubmenu.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavSubmenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB;AAED,QAAA,MAAM,UAAU,0FAmBf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"NavSubmenu.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavSubmenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,KAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAmBjB;kBAxBQ,UAAU;;;AA4BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Nav/NavSubmenu.js

@@ -1,14 +1,17 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Nav/NavSubmenu.tsx
-var r = t.forwardRef(({ align: t = "start", className: r, ...i }, a) => /* @__PURE__ */ n("ul", {
-	ref: a,
-	className: e("absolute top-10", t === "start" ? "left-0" : "right-0", "hidden group-hover:block group-focus-within:block", "min-w-48", "rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)", "z-(--nuka-z-dropdown)", "list-none", "py-(--space-1)", r),
-	...i
-}));
-r.displayName = "NavSubmenu";
+function n({ ref: n, align: r = "start", className: i, ...a }) {
+	return /* @__PURE__ */ t("ul", {
+		ref: n,
+		className: e("absolute top-10", r === "start" ? "left-0" : "right-0", "hidden group-hover:block group-focus-within:block", "min-w-48", "rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)", "z-(--nuka-z-dropdown)", "list-none", "py-(--space-1)", i),
+		...a
+	});
+}
+n.displayName = "NavSubmenu";
 //#endregion
-export { r as NavSubmenu };
+export { n as NavSubmenu };
 
 //# sourceMappingURL=NavSubmenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavSubmenu.js","names":[],"sources":["../../../src/components/Nav/NavSubmenu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavSubmenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  align?: \"start\" | \"end\";\n}\n\nconst NavSubmenu = React.forwardRef<HTMLUListElement, NavSubmenuProps>(\n  ({ align = \"start\", className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      className={cn(\n        \"absolute top-10\",\n        align === \"start\" ? \"left-0\" : \"right-0\",\n        \"hidden group-hover:block group-focus-within:block\",\n        \"min-w-48\",\n        \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)\",\n        \"z-(--nuka-z-dropdown)\",\n        \"list-none\",\n        \"py-(--space-1)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nNavSubmenu.displayName = \"NavSubmenu\";\n\nexport { NavSubmenu };\n"],"mappings":";;;;AAOA,IAAM,IAAa,EAAM,YACtB,EAAE,WAAQ,SAAS,cAAW,GAAG,KAAS,MACzC,kBAAC,MAAD;CACO;CACL,WAAW,EACT,mBACA,MAAU,UAAU,WAAW,WAC/B,qDACA,YACA,4DACA,sDACA,yBACA,aACA,kBACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAW,cAAc"}
+{"version":3,"file":"NavSubmenu.js","names":[],"sources":["../../../src/components/Nav/NavSubmenu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavSubmenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n  align?: \"start\" | \"end\";\n}\n\nfunction NavSubmenu({\n  ref,\n  align = \"start\",\n  className,\n  ...props\n}: NavSubmenuProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"absolute top-10\",\n        align === \"start\" ? \"left-0\" : \"right-0\",\n        \"hidden group-hover:block group-focus-within:block\",\n        \"min-w-48\",\n        \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n        \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-overlay)\",\n        \"z-(--nuka-z-dropdown)\",\n        \"list-none\",\n        \"py-(--space-1)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavSubmenu.displayName = \"NavSubmenu\";\n\nexport { NavSubmenu };\n"],"mappings":";;;;;AAUA,SAAS,EAAW,EAClB,QACA,WAAQ,SACR,cACA,GAAG,KACe;AAClB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,mBACA,MAAU,UAAU,WAAW,WAC/B,qDACA,YACA,4DACA,sDACA,yBACA,aACA,kBACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}

package/dist/components/Nav/NavTrigger.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=(0,a.jsx)(r.Icon,{size:`sm`,children:(0,a.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,a.jsx)(`path`,{d:`m6 9 6 6 6-6`})})}),s=[`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)`],c=i.forwardRef(({asChild:e=!1,className:r,children:i,...c},l)=>e?(0,a.jsx)(n.Slot,{ref:l,type:`button`,"aria-haspopup":`true`,className:t.cn(...s,r),...c,children:i}):(0,a.jsxs)(`button`,{ref:l,type:`button`,"aria-haspopup":`true`,className:t.cn(...s,r),...c,children:[i,o]}));c.displayName=`NavTrigger`,exports.NavTrigger=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=(0,a.jsx)(r.Icon,{size:`sm`,children:(0,a.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,a.jsx)(`path`,{d:`m6 9 6 6 6-6`})})}),s=[`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)`];function c({ref:e,asChild:r=!1,className:i,children:c,...l}){return r?(0,a.jsx)(n.Slot,{ref:e,type:`button`,"aria-haspopup":`true`,className:t.cn(...s,i),...l,children:c}):(0,a.jsxs)(`button`,{ref:e,type:`button`,"aria-haspopup":`true`,className:t.cn(...s,i),...l,children:[c,o]})}c.displayName=`NavTrigger`,exports.NavTrigger=c;
 //# sourceMappingURL=NavTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavTrigger.cjs","names":[],"sources":["../../../src/components/Nav/NavTrigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\nexport interface NavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst chevron = (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst triggerClasses = [\n  \"inline-flex items-center gap-(--space-1)\",\n  \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n  \"text-sm font-medium\",\n  \"text-(--nuka-text-base)\",\n  \"select-none\",\n  \"hover:bg-(--nuka-bg-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"focus-visible:outline-(--nuka-border-focus)\",\n] as const;\n\nconst NavTrigger = React.forwardRef<HTMLButtonElement, NavTriggerProps>(\n  ({ asChild = false, className, children, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          type=\"button\"\n          aria-haspopup=\"true\"\n          className={cn(...triggerClasses, className)}\n          {...props}\n        >\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-haspopup=\"true\"\n        className={cn(...triggerClasses, className)}\n        {...props}\n      >\n        {children}\n        {chevron}\n      </button>\n    );\n  },\n);\n\nNavTrigger.displayName = \"NavTrigger\";\n\nexport { NavTrigger };\n"],"mappings":"mOASA,IAAM,GACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,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,CAGH,EAAiB,CACrB,2CACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACD,CAEK,EAAa,EAAM,YACtB,CAAE,UAAU,GAAO,YAAW,WAAU,GAAG,GAAS,IAC/C,GAEA,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,KAAK,SACL,gBAAc,OACd,UAAW,EAAA,GAAG,GAAG,EAAgB,EAAU,CAC3C,GAAI,EAEH,WACI,CAAA,EAKT,EAAA,EAAA,MAAC,SAAD,CACO,MACL,KAAK,SACL,gBAAc,OACd,UAAW,EAAA,GAAG,GAAG,EAAgB,EAAU,CAC3C,GAAI,WALN,CAOG,EACA,EACM,GAGd,CAED,EAAW,YAAc"}
+{"version":3,"file":"NavTrigger.cjs","names":[],"sources":["../../../src/components/Nav/NavTrigger.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\nexport interface NavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nconst chevron = (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst triggerClasses = [\n  \"inline-flex items-center gap-(--space-1)\",\n  \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n  \"text-sm font-medium\",\n  \"text-(--nuka-text-base)\",\n  \"select-none\",\n  \"hover:bg-(--nuka-bg-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n  \"focus-visible:outline-(--nuka-border-focus)\",\n] as const;\n\nfunction NavTrigger({\n  ref,\n  asChild = false,\n  className,\n  children,\n  ...props\n}: NavTriggerProps) {\n  if (asChild) {\n    return (\n      <Slot\n        ref={ref}\n        type=\"button\"\n        aria-haspopup=\"true\"\n        className={cn(...triggerClasses, className)}\n        {...props}\n      >\n        {children}\n      </Slot>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-haspopup=\"true\"\n      className={cn(...triggerClasses, className)}\n      {...props}\n    >\n      {children}\n      {chevron}\n    </button>\n  );\n}\n\nNavTrigger.displayName = \"NavTrigger\";\n\nexport { NavTrigger };\n"],"mappings":"gPAYA,IAAM,GACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,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,CAGH,EAAiB,CACrB,2CACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACD,CAED,SAAS,EAAW,CAClB,MACA,UAAU,GACV,YACA,WACA,GAAG,GACe,CAelB,OAdI,GAEA,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,KAAK,SACL,gBAAc,OACd,UAAW,EAAA,GAAG,GAAG,EAAgB,EAAU,CAC3C,GAAI,EAEH,WACI,CAAA,EAKT,EAAA,EAAA,MAAC,SAAD,CACO,MACL,KAAK,SACL,gBAAc,OACd,UAAW,EAAA,GAAG,GAAG,EAAgB,EAAU,CAC3C,GAAI,WALN,CAOG,EACA,EACM,GAIb,EAAW,YAAc"}

package/dist/components/Nav/NavTrigger.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface NavTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     asChild?: boolean;
 }
-declare const NavTrigger: React.ForwardRefExoticComponent<NavTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function NavTrigger({ ref, asChild, className, children, ...props }: NavTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NavTrigger {
+    var displayName: string;
+}
 export { NavTrigger };
 //# sourceMappingURL=NavTrigger.d.ts.map

package/dist/components/Nav/NavTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,QAAA,MAAM,UAAU,2FA6Bf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"NavTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CA2BjB;kBAjCQ,UAAU;;;AAqCnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Nav/NavTrigger.js

@@ -1,12 +1,13 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { Icon as n } from "../Icon/Icon.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Nav/NavTrigger.tsx
-var o = /* @__PURE__ */ i(n, {
+var a = /* @__PURE__ */ r(n, {
 	size: "sm",
-	children: /* @__PURE__ */ i("svg", {
+	children: /* @__PURE__ */ r("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -14,9 +15,9 @@ var o = /* @__PURE__ */ i(n, {
 		strokeWidth: "2",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" })
+		children: /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" })
 	})
-}), s = [
+}), o = [
 	"inline-flex items-center gap-(--space-1)",
 	"rounded-(--radius-md) px-(--space-3) py-(--space-2)",
 	"text-sm font-medium",
@@ -25,23 +26,26 @@ var o = /* @__PURE__ */ i(n, {
 	"hover:bg-(--nuka-bg-muted)",
 	"focus-visible:outline-2 focus-visible:outline-offset-2",
 	"focus-visible:outline-(--nuka-border-focus)"
-], c = r.forwardRef(({ asChild: n = !1, className: r, children: c, ...l }, u) => n ? /* @__PURE__ */ i(t, {
-	ref: u,
-	type: "button",
-	"aria-haspopup": "true",
-	className: e(...s, r),
-	...l,
-	children: c
-}) : /* @__PURE__ */ a("button", {
-	ref: u,
-	type: "button",
-	"aria-haspopup": "true",
-	className: e(...s, r),
-	...l,
-	children: [c, o]
-}));
-c.displayName = "NavTrigger";
+];
+function s({ ref: n, asChild: s = !1, className: c, children: l, ...u }) {
+	return s ? /* @__PURE__ */ r(t, {
+		ref: n,
+		type: "button",
+		"aria-haspopup": "true",
+		className: e(...o, c),
+		...u,
+		children: l
+	}) : /* @__PURE__ */ i("button", {
+		ref: n,
+		type: "button",
+		"aria-haspopup": "true",
+		className: e(...o, c),
+		...u,
+		children: [l, a]
+	});
+}
+s.displayName = "NavTrigger";
 //#endregion
-export { c as NavTrigger };
+export { s as NavTrigger };
 
 //# sourceMappingURL=NavTrigger.js.map