@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Kbd/Kbd.js

@@ -1,18 +1,21 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { kbdVariants as t } from "./Kbd.variants.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/Kbd/Kbd.tsx
-var i = n.forwardRef(({ className: n, family: i, size: a, ...o }, s) => /* @__PURE__ */ r("kbd", {
-	ref: s,
-	className: e(t({
-		family: i,
-		size: a
-	}), n),
-	...o
-}));
-i.displayName = "Kbd";
+function r({ ref: r, className: i, family: a, size: o, ...s }) {
+	return /* @__PURE__ */ n("kbd", {
+		ref: r,
+		className: e(t({
+			family: a,
+			size: o
+		}), i),
+		...s
+	});
+}
+r.displayName = "Kbd";
 //#endregion
-export { i as Kbd };
+export { r as Kbd };
 
 //# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {}\n\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, family, size, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        className={cn(kbdVariants({ family, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":";;;;;AAUA,IAAM,IAAM,EAAM,YACf,EAAE,cAAW,WAAQ,SAAM,GAAG,KAAS,MAEpC,kBAAC,OAAD;CACO;CACL,WAAW,EAAG,EAAY;EAAE;EAAQ;EAAM,CAAC,EAAE,EAAU;CACvD,GAAI;CACJ,CAAA,CAGP;AAED,EAAI,cAAc"}
+{"version":3,"file":"Kbd.js","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Kbd({ ref, className, family, size, ...props }: KbdProps) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(kbdVariants({ family, size }), className)}\n      {...props}\n    />\n  );\n}\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":";;;;;;AAcA,SAAS,EAAI,EAAE,QAAK,cAAW,WAAQ,SAAM,GAAG,KAAmB;AACjE,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,EAAY;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACvD,GAAI;EACJ,CAAA;;AAIN,EAAI,cAAc"}

package/dist/components/Label/Label.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../FormField/FormField.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:r,required:a,id:o,htmlFor:s,...c},l)=>{let u=n.useFormField(),d=o??(u.labelId||void 0),f=s??(u.fieldId||void 0),p=a??u.required;return(0,i.jsxs)(`label`,{ref:l,id:d,htmlFor:f,className:t.cn(`text-sm font-medium leading-none text-(--nuka-text-base)`,e),...c,children:[r,p&&(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`ml-(--space-1) text-(--nuka-danger-text)`,children:`*`})]})});a.displayName=`Label`,exports.Label=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../FormField/FormField.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,children:a,required:o,id:s,htmlFor:c,...l}){let u=n.useFormField(),d=s??(u.labelId||void 0),f=c??(u.fieldId||void 0),p=o??u.required;return(0,i.jsxs)(`label`,{ref:e,id:d,htmlFor:f,className:t.cn(`text-sm font-medium leading-none text-(--nuka-text-base)`,r),...l,children:[a,p&&(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`ml-(--space-1) text-(--nuka-danger-text)`,children:`*`})]})}a.displayName=`Label`,exports.Label=a;
 //# sourceMappingURL=Label.cjs.map

package/dist/components/Label/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, children, required, id, htmlFor, ...props }, ref) => {\n    const ctx = useFormField();\n\n    const resolvedId = id ?? (ctx.labelId || undefined);\n    const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n    const resolvedRequired = required ?? ctx.required;\n\n    return (\n      <label\n        ref={ref}\n        id={resolvedId}\n        htmlFor={resolvedHtmlFor}\n        className={cn(\n          \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {resolvedRequired && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n          >\n            *\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":"gOASA,IAAM,EAAQ,EAAM,YACjB,CAAE,YAAW,WAAU,WAAU,KAAI,UAAS,GAAG,GAAS,IAAQ,CACjE,IAAM,EAAM,EAAA,cAAc,CAEpB,EAAa,IAAO,EAAI,SAAW,IAAA,IACnC,EAAkB,IAAY,EAAI,SAAW,IAAA,IAC7C,EAAmB,GAAY,EAAI,SAEzC,OACE,EAAA,EAAA,MAAC,QAAD,CACO,MACL,GAAI,EACJ,QAAS,EACT,UAAW,EAAA,GACT,2DACA,EACD,CACD,GAAI,WARN,CAUG,EACA,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAU,oDACX,IAEM,CAAA,CAEH,IAGb,CAED,EAAM,YAAc"}
+{"version":3,"file":"Label.cjs","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  ref?: React.Ref<HTMLLabelElement> | undefined;\n  required?: boolean;\n}\n\nfunction Label({\n  ref,\n  className,\n  children,\n  required,\n  id,\n  htmlFor,\n  ...props\n}: LabelProps) {\n  const ctx = useFormField();\n\n  const resolvedId = id ?? (ctx.labelId || undefined);\n  const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n  const resolvedRequired = required ?? ctx.required;\n\n  return (\n    <label\n      ref={ref}\n      id={resolvedId}\n      htmlFor={resolvedHtmlFor}\n      className={cn(\n        \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {resolvedRequired && (\n        <span\n          aria-hidden=\"true\"\n          className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n        >\n          *\n        </span>\n      )}\n    </label>\n  );\n}\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":"gOAUA,SAAS,EAAM,CACb,MACA,YACA,WACA,WACA,KACA,UACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,cAAc,CAEpB,EAAa,IAAO,EAAI,SAAW,IAAA,IACnC,EAAkB,IAAY,EAAI,SAAW,IAAA,IAC7C,EAAmB,GAAY,EAAI,SAEzC,OACE,EAAA,EAAA,MAAC,QAAD,CACO,MACL,GAAI,EACJ,QAAS,EACT,UAAW,EAAA,GACT,2DACA,EACD,CACD,GAAI,WARN,CAUG,EACA,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAU,oDACX,IAEM,CAAA,CAEH,GAIZ,EAAM,YAAc"}

package/dist/components/Label/Label.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,qFA+BV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,GAAG,KAAK,EACT,EAAE,UAAU,2CA6BZ;kBArCQ,KAAK;;;AAyCd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label/Label.js

@@ -1,26 +1,26 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { useFormField as t } from "../FormField/FormField.context.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Label/Label.tsx
-var a = n.forwardRef(({ className: n, children: a, required: o, id: s, htmlFor: c, ...l }, u) => {
-	let d = t(), f = s ?? (d.labelId || void 0), p = c ?? (d.fieldId || void 0), m = o ?? d.required;
-	return /* @__PURE__ */ i("label", {
-		ref: u,
+function i({ ref: i, className: a, children: o, required: s, id: c, htmlFor: l, ...u }) {
+	let d = t(), f = c ?? (d.labelId || void 0), p = l ?? (d.fieldId || void 0), m = s ?? d.required;
+	return /* @__PURE__ */ r("label", {
+		ref: i,
 		id: f,
 		htmlFor: p,
-		className: e("text-sm font-medium leading-none text-(--nuka-text-base)", n),
-		...l,
-		children: [a, m && /* @__PURE__ */ r("span", {
+		className: e("text-sm font-medium leading-none text-(--nuka-text-base)", a),
+		...u,
+		children: [o, m && /* @__PURE__ */ n("span", {
 			"aria-hidden": "true",
 			className: "ml-(--space-1) text-(--nuka-danger-text)",
 			children: "*"
 		})]
 	});
-});
-a.displayName = "Label";
+}
+i.displayName = "Label";
 //#endregion
-export { a as Label };
+export { i as Label };
 
 //# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, children, required, id, htmlFor, ...props }, ref) => {\n    const ctx = useFormField();\n\n    const resolvedId = id ?? (ctx.labelId || undefined);\n    const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n    const resolvedRequired = required ?? ctx.required;\n\n    return (\n      <label\n        ref={ref}\n        id={resolvedId}\n        htmlFor={resolvedHtmlFor}\n        className={cn(\n          \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {resolvedRequired && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n          >\n            *\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":";;;;;;AASA,IAAM,IAAQ,EAAM,YACjB,EAAE,cAAW,aAAU,aAAU,OAAI,YAAS,GAAG,KAAS,MAAQ;CACjE,IAAM,IAAM,GAAc,EAEpB,IAAa,MAAO,EAAI,WAAW,KAAA,IACnC,IAAkB,MAAY,EAAI,WAAW,KAAA,IAC7C,IAAmB,KAAY,EAAI;AAEzC,QACE,kBAAC,SAAD;EACO;EACL,IAAI;EACJ,SAAS;EACT,WAAW,EACT,4DACA,EACD;EACD,GAAI;YARN,CAUG,GACA,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;aACX;GAEM,CAAA,CAEH;;EAGb;AAED,EAAM,cAAc"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  ref?: React.Ref<HTMLLabelElement> | undefined;\n  required?: boolean;\n}\n\nfunction Label({\n  ref,\n  className,\n  children,\n  required,\n  id,\n  htmlFor,\n  ...props\n}: LabelProps) {\n  const ctx = useFormField();\n\n  const resolvedId = id ?? (ctx.labelId || undefined);\n  const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n  const resolvedRequired = required ?? ctx.required;\n\n  return (\n    <label\n      ref={ref}\n      id={resolvedId}\n      htmlFor={resolvedHtmlFor}\n      className={cn(\n        \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {resolvedRequired && (\n        <span\n          aria-hidden=\"true\"\n          className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n        >\n          *\n        </span>\n      )}\n    </label>\n  );\n}\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":";;;;;;AAUA,SAAS,EAAM,EACb,QACA,cACA,aACA,aACA,OACA,YACA,GAAG,KACU;CACb,IAAM,IAAM,GAAc,EAEpB,IAAa,MAAO,EAAI,WAAW,KAAA,IACnC,IAAkB,MAAY,EAAI,WAAW,KAAA,IAC7C,IAAmB,KAAY,EAAI;AAEzC,QACE,kBAAC,SAAD;EACO;EACL,IAAI;EACJ,SAAS;EACT,WAAW,EACT,4DACA,EACD;EACD,GAAI;YARN,CAUG,GACA,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;aACX;GAEM,CAAA,CAEH;;;AAIZ,EAAM,cAAc"}

package/dist/components/Menu/MenuCheckboxItemBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(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:`M20 6 9 17l-5-5`})}),s=i.forwardRef(({className:e,checked:i,onCheckedChange:s,disabled:c=!1,onClose:l,children:u,onClick:d,onKeyDown:f,...p},m)=>{let h=()=>{c||(s?.(!i),l?.())};return(0,a.jsxs)(`div`,{ref:m,role:`menuitemcheckbox`,"aria-checked":i,"aria-disabled":c||void 0,className:t.cn(r.menuCheckboxItemVariants(),c&&`opacity-50 pointer-events-none`,e),onClick:e=>{d?.(e),h()},onKeyDown:e=>{f?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),h())},...p,children:[(0,a.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,children:i&&(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(o,{})})}),u]})});s.displayName=`MenuCheckboxItemBase`,exports.MenuCheckboxItemBase=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(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:`M20 6 9 17l-5-5`})});function s({ref:e,className:i,checked:s,onCheckedChange:c,disabled:l=!1,onClose:u,children:d,onClick:f,onKeyDown:p,...m}){let h=()=>{l||(c?.(!s),u?.())};return(0,a.jsxs)(`div`,{ref:e,role:`menuitemcheckbox`,"aria-checked":s,"aria-disabled":l||void 0,className:t.cn(r.menuCheckboxItemVariants(),l&&`opacity-50 pointer-events-none`,i),onClick:e=>{f?.(e),h()},onKeyDown:e=>{p?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),h())},...m,children:[(0,a.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,children:s&&(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(o,{})})}),d]})}s.displayName=`MenuCheckboxItemBase`,exports.MenuCheckboxItemBase=s;
 //# sourceMappingURL=MenuCheckboxItemBase.cjs.map

package/dist/components/Menu/MenuCheckboxItemBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCheckboxItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MenuCheckboxItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemBaseProps\n>(\n  (\n    {\n      className,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onCheckedChange?.(!checked);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuCheckboxItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <CheckIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":"qOAYA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,CAAA,CAGF,EAAuB,EAAM,YAK/B,CACE,YACA,UACA,kBACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GAEL,IACG,CACH,IAAM,MAAuB,CACvB,IACJ,IAAkB,CAAC,EAAQ,CAC3B,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,mBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,0BAA0B,CAC1B,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAa,CAAA,CACR,CAAA,CAEJ,CAAA,CACN,EACG,IAGX,CAED,EAAqB,YAAc"}
+{"version":3,"file":"MenuCheckboxItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nfunction MenuCheckboxItemBase({\n  ref,\n  className,\n  checked,\n  onCheckedChange,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuCheckboxItemBaseProps) {\n  const handleActivate = () => {\n    if (disabled) return;\n    onCheckedChange?.(!checked);\n    onClose?.();\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(e);\n    handleActivate();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleActivate();\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuCheckboxItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <CheckIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":"kPAeA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,CAAA,CAGR,SAAS,EAAqB,CAC5B,MACA,YACA,UACA,kBACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACyB,CAC5B,IAAM,MAAuB,CACvB,IACJ,IAAkB,CAAC,EAAQ,CAC3B,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,mBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,0BAA0B,CAC1B,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAa,CAAA,CACR,CAAA,CAEJ,CAAA,CACN,EACG,GAIV,EAAqB,YAAc"}

package/dist/components/Menu/MenuCheckboxItemBase.d.ts

@@ -1,10 +1,14 @@
 import * as React from "react";
 export interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     checked: boolean;
     onCheckedChange?: (checked: boolean) => void;
     disabled?: boolean;
     onClose?: () => void;
 }
-declare const MenuCheckboxItemBase: React.ForwardRefExoticComponent<MenuCheckboxItemBaseProps & React.RefAttributes<HTMLDivElement>>;
+declare function MenuCheckboxItemBase({ ref, className, checked, onCheckedChange, disabled, onClose, children, onClick, onKeyDown, ...props }: MenuCheckboxItemBaseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuCheckboxItemBase {
+    var displayName: string;
+}
 export { MenuCheckboxItemBase };
 //# sourceMappingURL=MenuCheckboxItemBase.d.ts.map

package/dist/components/Menu/MenuCheckboxItemBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCheckboxItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgBD,QAAA,MAAM,oBAAoB,kGA+DzB,CAAC;AAIF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"MenuCheckboxItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgBD,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,OAAO,EACP,eAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CA6C3B;kBAxDQ,oBAAoB;;;AA4D7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Menu/MenuCheckboxItemBase.js

@@ -1,10 +1,11 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { menuCheckboxItemVariants as n } from "./menuItemVariants.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/Menu/MenuCheckboxItemBase.tsx
-var o = () => /* @__PURE__ */ i("svg", {
+var a = () => /* @__PURE__ */ r("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -12,35 +13,36 @@ var o = () => /* @__PURE__ */ i("svg", {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: /* @__PURE__ */ i("path", { d: "M20 6 9 17l-5-5" })
-}), s = r.forwardRef(({ className: r, checked: s, onCheckedChange: c, disabled: l = !1, onClose: u, children: d, onClick: f, onKeyDown: p, ...m }, h) => {
+	children: /* @__PURE__ */ r("path", { d: "M20 6 9 17l-5-5" })
+});
+function o({ ref: o, className: s, checked: c, onCheckedChange: l, disabled: u = !1, onClose: d, children: f, onClick: p, onKeyDown: m, ...h }) {
 	let g = () => {
-		l || (c?.(!s), u?.());
+		u || (l?.(!c), d?.());
 	};
-	return /* @__PURE__ */ a("div", {
-		ref: h,
+	return /* @__PURE__ */ i("div", {
+		ref: o,
 		role: "menuitemcheckbox",
-		"aria-checked": s,
-		"aria-disabled": l || void 0,
-		className: e(n(), l && "opacity-50 pointer-events-none", r),
+		"aria-checked": c,
+		"aria-disabled": u || void 0,
+		className: e(n(), u && "opacity-50 pointer-events-none", s),
 		onClick: (e) => {
-			f?.(e), g();
+			p?.(e), g();
 		},
 		onKeyDown: (e) => {
-			p?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+			m?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
 		},
-		...m,
-		children: [/* @__PURE__ */ i("span", {
+		...h,
+		children: [/* @__PURE__ */ r("span", {
 			className: "inline-flex size-4 items-center justify-center shrink-0",
-			children: s && /* @__PURE__ */ i(t, {
+			children: c && /* @__PURE__ */ r(t, {
 				size: "sm",
-				children: /* @__PURE__ */ i(o, {})
+				children: /* @__PURE__ */ r(a, {})
 			})
-		}), d]
+		}), f]
 	});
-});
-s.displayName = "MenuCheckboxItemBase";
+}
+o.displayName = "MenuCheckboxItemBase";
 //#endregion
-export { s as MenuCheckboxItemBase };
+export { o as MenuCheckboxItemBase };
 
 //# sourceMappingURL=MenuCheckboxItemBase.js.map

package/dist/components/Menu/MenuCheckboxItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCheckboxItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MenuCheckboxItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemBaseProps\n>(\n  (\n    {\n      className,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onCheckedChange?.(!checked);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuCheckboxItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <CheckIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":";;;;;;AAYA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WAEf,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;CACxB,CAAA,EAGF,IAAuB,EAAM,YAK/B,EACE,cACA,YACA,oBACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,UAAuB;AACvB,QACJ,IAAkB,CAAC,EAAQ,EAC3B,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAA0B,EAC1B,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAa,CAAA;IACR,CAAA;GAEJ,CAAA,EACN,EACG;;EAGX;AAED,EAAqB,cAAc"}
+{"version":3,"file":"MenuCheckboxItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nfunction MenuCheckboxItemBase({\n  ref,\n  className,\n  checked,\n  onCheckedChange,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuCheckboxItemBaseProps) {\n  const handleActivate = () => {\n    if (disabled) return;\n    onCheckedChange?.(!checked);\n    onClose?.();\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(e);\n    handleActivate();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleActivate();\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuCheckboxItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <CheckIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":";;;;;;;AAeA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WAEf,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;CACxB,CAAA;AAGR,SAAS,EAAqB,EAC5B,QACA,cACA,YACA,oBACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACyB;CAC5B,IAAM,UAAuB;AACvB,QACJ,IAAkB,CAAC,EAAQ,EAC3B,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAA0B,EAC1B,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAa,CAAA;IACR,CAAA;GAEJ,CAAA,EACN,EACG;;;AAIV,EAAqB,cAAc"}

package/dist/components/Menu/MenuContentBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./MenuItemBase.cjs`),r=require(`./MenuCheckboxItemBase.cjs`),i=require(`./MenuRadioItemBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.createContext(void 0);function c(){let e=a.useContext(s);if(e===void 0)throw Error(`Menu item must be used within a MenuContent component`);return e}function l(e,t,n,r){a.useEffect(()=>{if(e){r.current=0;let e=requestAnimationFrame(()=>{let e=n.current;for(let n=0;n<e.length;n++)if(e[n]){t(n);break}});return()=>cancelAnimationFrame(e)}n.current=[]},[e,t,n,r])}function u(e,t,n){return r=>{if(r.key===`ArrowLeft`&&e.onArrowLeft){r.preventDefault(),e.onArrowLeft();return}if(r.key===`ArrowRight`&&e.onArrowRight){r.preventDefault(),e.onArrowRight();return}t.onKeyDown(r),n?.(r)}}var d=a.forwardRef(({onKeyDown:e,...r},i)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(n.MenuItemBase,{ref:t.composeRefs(i,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...r})});d.displayName=`MenuItemWithNav`;var f=a.forwardRef(({onKeyDown:e,...n},i)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(r.MenuCheckboxItemBase,{ref:t.composeRefs(i,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...n})});f.displayName=`MenuCheckboxItemWithNav`;var p=a.forwardRef(({onKeyDown:e,...n},r)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(i.MenuRadioItemBase,{ref:t.composeRefs(r,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...n})});p.displayName=`MenuRadioItemWithNav`,exports.MenuCheckboxItemWithNav=f,exports.MenuItemContext=s,exports.MenuItemWithNav=d,exports.MenuRadioItemWithNav=p,exports.useAutoFocusFirstItem=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./MenuItemBase.cjs`),r=require(`./MenuCheckboxItemBase.cjs`),i=require(`./MenuRadioItemBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.createContext(void 0);function c(){let e=a.useContext(s);if(e===void 0)throw Error(`Menu item must be used within a MenuContent component`);return e}function l(e,t,n,r){a.useEffect(()=>{if(e){r.current=0;let e=requestAnimationFrame(()=>{let e=n.current;for(let n=0;n<e.length;n++)if(e[n]){t(n);break}});return()=>cancelAnimationFrame(e)}n.current=[]},[e,t,n,r])}function u(e,t,n){return r=>{if(r.key===`ArrowLeft`&&e.onArrowLeft){r.preventDefault(),e.onArrowLeft();return}if(r.key===`ArrowRight`&&e.onArrowRight){r.preventDefault(),e.onArrowRight();return}t.onKeyDown(r),n?.(r)}}function d({ref:e,onKeyDown:r,...i}){let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(n.MenuItemBase,{ref:t.composeRefs(e,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,r),onClose:a.close,...i})}d.displayName=`MenuItemWithNav`;function f({ref:e,onKeyDown:n,...i}){let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(r.MenuCheckboxItemBase,{ref:t.composeRefs(e,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,n),onClose:a.close,...i})}f.displayName=`MenuCheckboxItemWithNav`;function p({ref:e,onKeyDown:n,...r}){let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(i.MenuRadioItemBase,{ref:t.composeRefs(e,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,n),onClose:a.close,...r})}p.displayName=`MenuRadioItemWithNav`,exports.MenuCheckboxItemWithNav=f,exports.MenuItemContext=s,exports.MenuItemWithNav=d,exports.MenuRadioItemWithNav=p,exports.useAutoFocusFirstItem=l;
 //# sourceMappingURL=MenuContentBase.cjs.map

package/dist/components/Menu/MenuContentBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContentBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuItemWithNav = React.forwardRef<HTMLDivElement, MenuItemWithNavProps>(\n  ({ onKeyDown, ...props }, ref) => {\n    const itemCtx = useMenuItemContext();\n    const index = itemCtx.indexRef.current++;\n    const navProps = itemCtx.getItemProps(index);\n    const composedRef = composeRefs(ref, navProps.ref);\n\n    return (\n      <MenuItemBase\n        ref={composedRef}\n        tabIndex={navProps.tabIndex}\n        onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n        onClose={itemCtx.close}\n        {...props}\n      />\n    );\n  },\n);\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuCheckboxItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuRadioItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":"kRAqBA,IAAM,EAAkB,EAAM,cAC5B,IAAA,GACD,CAED,SAAS,GAA2C,CAClD,IAAM,EAAM,EAAM,WAAW,EAAgB,CAC7C,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,wDAAwD,CAE1E,OAAO,EAGT,SAAgB,EACd,EACA,EACA,EACA,EACM,CACN,EAAM,cAAgB,CACpB,GAAI,EAAM,CACR,EAAa,QAAU,EACvB,IAAM,EAAQ,0BAA4B,CACxC,IAAM,EAAQ,EAAS,QACvB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,IAChC,GAAI,EAAM,GAAI,CACZ,EAAU,EAAE,CACZ,QAGJ,CACF,UAAa,qBAAqB,EAAM,CAE1C,EAAS,QAAU,EAAE,EAEpB,CAAC,EAAM,EAAW,EAAU,EAAa,CAAC,CAG/C,SAAS,EACP,EACA,EACA,EACA,CACA,MAAQ,IAA2C,CACjD,GAAI,EAAE,MAAQ,aAAe,EAAQ,YAAa,CAChD,EAAE,gBAAgB,CAClB,EAAQ,aAAa,CACrB,OAEF,GAAI,EAAE,MAAQ,cAAgB,EAAQ,aAAc,CAClD,EAAE,gBAAgB,CAClB,EAAQ,cAAc,CACtB,OAEF,EAAS,UAAU,EAAE,CACrB,IAAY,EAAE,EASlB,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAGP,CAED,EAAgB,YAAc,kBAO9B,IAAM,EAA0B,EAAM,YAGnC,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAEJ,CAEF,EAAwB,YAAc,0BAOtC,IAAM,EAAuB,EAAM,YAGhC,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAEJ,CAEF,EAAqB,YAAc"}
+{"version":3,"file":"MenuContentBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuItemWithNav({ ref, onKeyDown, ...props }: MenuItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuCheckboxItemWithNav({\n  ref,\n  onKeyDown,\n  ...props\n}: MenuCheckboxItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuRadioItemWithNav({\n  ref,\n  onKeyDown,\n  ...props\n}: MenuRadioItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":"+RAuBA,IAAM,EAAkB,EAAM,cAC5B,IAAA,GACD,CAED,SAAS,GAA2C,CAClD,IAAM,EAAM,EAAM,WAAW,EAAgB,CAC7C,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,wDAAwD,CAE1E,OAAO,EAGT,SAAgB,EACd,EACA,EACA,EACA,EACM,CACN,EAAM,cAAgB,CACpB,GAAI,EAAM,CACR,EAAa,QAAU,EACvB,IAAM,EAAQ,0BAA4B,CACxC,IAAM,EAAQ,EAAS,QACvB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,IAChC,GAAI,EAAM,GAAI,CACZ,EAAU,EAAE,CACZ,QAGJ,CACF,UAAa,qBAAqB,EAAM,CAE1C,EAAS,QAAU,EAAE,EAEpB,CAAC,EAAM,EAAW,EAAU,EAAa,CAAC,CAG/C,SAAS,EACP,EACA,EACA,EACA,CACA,MAAQ,IAA2C,CACjD,GAAI,EAAE,MAAQ,aAAe,EAAQ,YAAa,CAChD,EAAE,gBAAgB,CAClB,EAAQ,aAAa,CACrB,OAEF,GAAI,EAAE,MAAQ,cAAgB,EAAQ,aAAc,CAClD,EAAE,gBAAgB,CAClB,EAAQ,cAAc,CACtB,OAEF,EAAS,UAAU,EAAE,CACrB,IAAY,EAAE,EAWlB,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,CAIN,EAAgB,YAAc,kBAS9B,SAAS,EAAwB,CAC/B,MACA,YACA,GAAG,GAC4B,CAC/B,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,CAIN,EAAwB,YAAc,0BAStC,SAAS,EAAqB,CAC5B,MACA,YACA,GAAG,GACyB,CAC5B,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,CAIN,EAAqB,YAAc"}

package/dist/components/Menu/MenuContentBase.d.ts

@@ -17,13 +17,25 @@ declare const MenuItemContext: React.Context<MenuItemContextValue | undefined>;
 declare function useMenuItemContext(): MenuItemContextValue;
 export declare function useAutoFocusFirstItem(open: boolean, focusItem: (index: number) => void, itemsRef: React.RefObject<(HTMLElement | null)[]>, itemIndexRef: React.RefObject<number>): void;
 export interface MenuItemWithNavProps extends Omit<MenuItemBaseProps, "onClose"> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function MenuItemWithNav({ ref, onKeyDown, ...props }: MenuItemWithNavProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuItemWithNav {
+    var displayName: string;
 }
-declare const MenuItemWithNav: React.ForwardRefExoticComponent<MenuItemWithNavProps & React.RefAttributes<HTMLDivElement>>;
 export interface MenuCheckboxItemWithNavProps extends Omit<MenuCheckboxItemBaseProps, "onClose"> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function MenuCheckboxItemWithNav({ ref, onKeyDown, ...props }: MenuCheckboxItemWithNavProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuCheckboxItemWithNav {
+    var displayName: string;
 }
-declare const MenuCheckboxItemWithNav: React.ForwardRefExoticComponent<MenuCheckboxItemWithNavProps & React.RefAttributes<HTMLDivElement>>;
 export interface MenuRadioItemWithNavProps extends Omit<MenuRadioItemBaseProps, "onClose"> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function MenuRadioItemWithNav({ ref, onKeyDown, ...props }: MenuRadioItemWithNavProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuRadioItemWithNav {
+    var displayName: string;
 }
-declare const MenuRadioItemWithNav: React.ForwardRefExoticComponent<MenuRadioItemWithNavProps & React.RefAttributes<HTMLDivElement>>;
 export { MenuItemContext, useMenuItemContext, MenuItemWithNav, MenuCheckboxItemWithNav, MenuRadioItemWithNav, };
 //# sourceMappingURL=MenuContentBase.d.ts.map

package/dist/components/Menu/MenuContentBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContentBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContentBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAE5F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEtF,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,iDAEpB,CAAC;AAEF,iBAAS,kBAAkB,IAAI,oBAAoB,CAMlD;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,EACjD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GACpC,IAAI,CAkBN;AAuBD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,iBAAiB,EACjB,SAAS,CACV;CAAG;AAEJ,QAAA,MAAM,eAAe,6FAiBpB,CAAC;AAIF,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CACxD,yBAAyB,EACzB,SAAS,CACV;CAAG;AAEJ,QAAA,MAAM,uBAAuB,qGAkB3B,CAAC;AAIH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CACrD,sBAAsB,EACtB,SAAS,CACV;CAAG;AAEJ,QAAA,MAAM,oBAAoB,kGAkBxB,CAAC;AAIH,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,GACrB,CAAC"}
+{"version":3,"file":"MenuContentBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContentBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAE5F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEtF,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACtC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;KAC7C,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,iDAEpB,CAAC;AAEF,iBAAS,kBAAkB,IAAI,oBAAoB,CAMlD;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,EACjD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,GACpC,IAAI,CAkBN;AAuBD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,iBAAiB,EACjB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAe1E;kBAfQ,eAAe;;;AAmBxB,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CACxD,yBAAyB,EACzB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,uBAAuB,CAAC,EAC/B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAe9B;kBAnBQ,uBAAuB;;;AAuBhC,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CACrD,sBAAsB,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,oBAAoB,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAe3B;kBAnBQ,oBAAoB;;;AAuB7B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,GACrB,CAAC"}

package/dist/components/Menu/MenuContentBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { composeRefs as e } from "../../utils/slot.js";
 import { MenuItemBase as t } from "./MenuItemBase.js";
 import { MenuCheckboxItemBase as n } from "./MenuCheckboxItemBase.js";
@@ -45,38 +46,38 @@ function l(e, t, n) {
 		t.onKeyDown(r), n?.(r);
 	};
 }
-var u = i.forwardRef(({ onKeyDown: n, ...r }, i) => {
+function u({ ref: n, onKeyDown: r, ...i }) {
 	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
 	return /* @__PURE__ */ a(t, {
-		ref: e(i, u.ref),
+		ref: e(n, u.ref),
 		tabIndex: u.tabIndex,
-		onKeyDown: l(o, u, n),
+		onKeyDown: l(o, u, r),
 		onClose: o.close,
-		...r
+		...i
 	});
-});
+}
 u.displayName = "MenuItemWithNav";
-var d = i.forwardRef(({ onKeyDown: t, ...r }, i) => {
+function d({ ref: t, onKeyDown: r, ...i }) {
 	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
 	return /* @__PURE__ */ a(n, {
-		ref: e(i, u.ref),
+		ref: e(t, u.ref),
 		tabIndex: u.tabIndex,
-		onKeyDown: l(o, u, t),
+		onKeyDown: l(o, u, r),
 		onClose: o.close,
-		...r
+		...i
 	});
-});
+}
 d.displayName = "MenuCheckboxItemWithNav";
-var f = i.forwardRef(({ onKeyDown: t, ...n }, i) => {
+function f({ ref: t, onKeyDown: n, ...i }) {
 	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
 	return /* @__PURE__ */ a(r, {
-		ref: e(i, u.ref),
+		ref: e(t, u.ref),
 		tabIndex: u.tabIndex,
-		onKeyDown: l(o, u, t),
+		onKeyDown: l(o, u, n),
 		onClose: o.close,
-		...n
+		...i
 	});
-});
+}
 f.displayName = "MenuRadioItemWithNav";
 //#endregion
 export { d as MenuCheckboxItemWithNav, o as MenuItemContext, u as MenuItemWithNav, f as MenuRadioItemWithNav, c as useAutoFocusFirstItem };

package/dist/components/Menu/MenuContentBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContentBase.js","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuItemWithNav = React.forwardRef<HTMLDivElement, MenuItemWithNavProps>(\n  ({ onKeyDown, ...props }, ref) => {\n    const itemCtx = useMenuItemContext();\n    const index = itemCtx.indexRef.current++;\n    const navProps = itemCtx.getItemProps(index);\n    const composedRef = composeRefs(ref, navProps.ref);\n\n    return (\n      <MenuItemBase\n        ref={composedRef}\n        tabIndex={navProps.tabIndex}\n        onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n        onClose={itemCtx.close}\n        {...props}\n      />\n    );\n  },\n);\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuCheckboxItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuRadioItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":";;;;;;;AAqBA,IAAM,IAAkB,EAAM,cAC5B,KAAA,EACD;AAED,SAAS,IAA2C;CAClD,IAAM,IAAM,EAAM,WAAW,EAAgB;AAC7C,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,wDAAwD;AAE1E,QAAO;;AAGT,SAAgB,EACd,GACA,GACA,GACA,GACM;AACN,GAAM,gBAAgB;AACpB,MAAI,GAAM;AACR,KAAa,UAAU;GACvB,IAAM,IAAQ,4BAA4B;IACxC,IAAM,IAAQ,EAAS;AACvB,SAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,IAChC,KAAI,EAAM,IAAI;AACZ,OAAU,EAAE;AACZ;;KAGJ;AACF,gBAAa,qBAAqB,EAAM;;AAE1C,IAAS,UAAU,EAAE;IAEpB;EAAC;EAAM;EAAW;EAAU;EAAa,CAAC;;AAG/C,SAAS,EACP,GACA,GACA,GACA;AACA,SAAQ,MAA2C;AACjD,MAAI,EAAE,QAAQ,eAAe,EAAQ,aAAa;AAEhD,GADA,EAAE,gBAAgB,EAClB,EAAQ,aAAa;AACrB;;AAEF,MAAI,EAAE,QAAQ,gBAAgB,EAAQ,cAAc;AAElD,GADA,EAAE,gBAAgB,EAClB,EAAQ,cAAc;AACtB;;AAGF,EADA,EAAS,UAAU,EAAE,EACrB,IAAY,EAAE;;;AASlB,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAGP;AAED,EAAgB,cAAc;AAO9B,IAAM,IAA0B,EAAM,YAGnC,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAEJ;AAEF,EAAwB,cAAc;AAOtC,IAAM,IAAuB,EAAM,YAGhC,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAEJ;AAEF,EAAqB,cAAc"}
+{"version":3,"file":"MenuContentBase.js","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuItemWithNav({ ref, onKeyDown, ...props }: MenuItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuCheckboxItemWithNav({\n  ref,\n  onKeyDown,\n  ...props\n}: MenuCheckboxItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuRadioItemWithNav({\n  ref,\n  onKeyDown,\n  ...props\n}: MenuRadioItemWithNavProps) {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n}\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":";;;;;;;;AAuBA,IAAM,IAAkB,EAAM,cAC5B,KAAA,EACD;AAED,SAAS,IAA2C;CAClD,IAAM,IAAM,EAAM,WAAW,EAAgB;AAC7C,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,wDAAwD;AAE1E,QAAO;;AAGT,SAAgB,EACd,GACA,GACA,GACA,GACM;AACN,GAAM,gBAAgB;AACpB,MAAI,GAAM;AACR,KAAa,UAAU;GACvB,IAAM,IAAQ,4BAA4B;IACxC,IAAM,IAAQ,EAAS;AACvB,SAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,IAChC,KAAI,EAAM,IAAI;AACZ,OAAU,EAAE;AACZ;;KAGJ;AACF,gBAAa,qBAAqB,EAAM;;AAE1C,IAAS,UAAU,EAAE;IAEpB;EAAC;EAAM;EAAW;EAAU;EAAa,CAAC;;AAG/C,SAAS,EACP,GACA,GACA,GACA;AACA,SAAQ,MAA2C;AACjD,MAAI,EAAE,QAAQ,eAAe,EAAQ,aAAa;AAEhD,GADA,EAAE,gBAAgB,EAClB,EAAQ,aAAa;AACrB;;AAEF,MAAI,EAAE,QAAQ,gBAAgB,EAAQ,cAAc;AAElD,GADA,EAAE,gBAAgB,EAClB,EAAQ,cAAc;AACtB;;AAGF,EADA,EAAS,UAAU,EAAE,EACrB,IAAY,EAAE;;;AAWlB,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;CAC3E,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc;AAS9B,SAAS,EAAwB,EAC/B,QACA,cACA,GAAG,KAC4B;CAC/B,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;;AAIN,EAAwB,cAAc;AAStC,SAAS,EAAqB,EAC5B,QACA,cACA,GAAG,KACyB;CAC5B,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;;AAIN,EAAqB,cAAc"}

package/dist/components/Menu/MenuItemBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,intent:r,disabled:a=!1,onSelect:o,onClose:s,children:c,onClick:l,onKeyDown:u,...d},f)=>{let p=()=>{a||(o?.(),s?.())};return(0,i.jsx)(`div`,{ref:f,role:`menuitem`,"aria-disabled":a||void 0,className:t.cn(n.menuItemVariants({intent:r}),a&&`opacity-50 pointer-events-none`,e),onClick:e=>{l?.(e),p()},onKeyDown:e=>{u?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p())},...d,children:c})});a.displayName=`MenuItemBase`,exports.MenuItemBase=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,intent:a,disabled:o=!1,onSelect:s,onClose:c,children:l,onClick:u,onKeyDown:d,...f}){let p=()=>{o||(s?.(),c?.())};return(0,i.jsx)(`div`,{ref:e,role:`menuitem`,"aria-disabled":o||void 0,className:t.cn(n.menuItemVariants({intent:a}),o&&`opacity-50 pointer-events-none`,r),onClick:e=>{u?.(e),p()},onKeyDown:e=>{d?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p())},...f,children:l})}a.displayName=`MenuItemBase`,exports.MenuItemBase=a;
 //# sourceMappingURL=MenuItemBase.cjs.map

package/dist/components/Menu/MenuItemBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nconst MenuItemBase = React.forwardRef<HTMLDivElement, MenuItemBaseProps>(\n  (\n    {\n      className,\n      intent,\n      disabled = false,\n      onSelect,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onSelect?.();\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitem\"\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuItemVariants({ intent }),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":"uMAYA,IAAM,EAAe,EAAM,YAEvB,CACE,YACA,SACA,WAAW,GACX,WACA,UACA,WACA,UACA,YACA,GAAG,GAEL,IACG,CACH,IAAM,MAAuB,CACvB,IACJ,KAAY,CACZ,KAAW,GAgBb,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,SAAQ,CAAC,CAC5B,GAAY,iCACZ,EACD,CACD,QAvBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAsBd,UAnBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAgBhB,GAAI,EAEH,WACG,CAAA,EAGX,CAED,EAAa,YAAc"}
+{"version":3,"file":"MenuItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nfunction MenuItemBase({\n  ref,\n  className,\n  intent,\n  disabled = false,\n  onSelect,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuItemBaseProps) {\n  const handleActivate = () => {\n    if (disabled) return;\n    onSelect?.();\n    onClose?.();\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(e);\n    handleActivate();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleActivate();\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"menuitem\"\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuItemVariants({ intent }),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":"oNAeA,SAAS,EAAa,CACpB,MACA,YACA,SACA,WAAW,GACX,WACA,UACA,WACA,UACA,YACA,GAAG,GACiB,CACpB,IAAM,MAAuB,CACvB,IACJ,KAAY,CACZ,KAAW,GAgBb,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,SAAQ,CAAC,CAC5B,GAAY,iCACZ,EACD,CACD,QAvBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAsBd,UAnBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAgBhB,GAAI,EAEH,WACG,CAAA,CAIV,EAAa,YAAc"}

package/dist/components/Menu/MenuItemBase.d.ts

@@ -1,10 +1,14 @@
 import { MenuItemVariantProps } from './menuItemVariants';
 import * as React from "react";
 export interface MenuItemBaseProps extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     disabled?: boolean;
     onSelect?: () => void;
     onClose?: () => void;
 }
-declare const MenuItemBase: React.ForwardRefExoticComponent<MenuItemBaseProps & React.RefAttributes<HTMLDivElement>>;
+declare function MenuItemBase({ ref, className, intent, disabled, onSelect, onClose, children, onClick, onKeyDown, ...props }: MenuItemBaseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MenuItemBase {
+    var displayName: string;
+}
 export { MenuItemBase };
 //# sourceMappingURL=MenuItemBase.d.ts.map

package/dist/components/Menu/MenuItemBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItemBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,0FAoDjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"MenuItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItemBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAEnF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,SAAS,EACT,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqCnB;kBAhDQ,YAAY;;;AAoDrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Menu/MenuItemBase.js

@@ -1,29 +1,30 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { menuItemVariants as t } from "./menuItemVariants.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/Menu/MenuItemBase.tsx
-var i = n.forwardRef(({ className: n, intent: i, disabled: a = !1, onSelect: o, onClose: s, children: c, onClick: l, onKeyDown: u, ...d }, f) => {
+function r({ ref: r, className: i, intent: a, disabled: o = !1, onSelect: s, onClose: c, children: l, onClick: u, onKeyDown: d, ...f }) {
 	let p = () => {
-		a || (o?.(), s?.());
+		o || (s?.(), c?.());
 	};
-	return /* @__PURE__ */ r("div", {
-		ref: f,
+	return /* @__PURE__ */ n("div", {
+		ref: r,
 		role: "menuitem",
-		"aria-disabled": a || void 0,
-		className: e(t({ intent: i }), a && "opacity-50 pointer-events-none", n),
+		"aria-disabled": o || void 0,
+		className: e(t({ intent: a }), o && "opacity-50 pointer-events-none", i),
 		onClick: (e) => {
-			l?.(e), p();
+			u?.(e), p();
 		},
 		onKeyDown: (e) => {
-			u?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+			d?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
 		},
-		...d,
-		children: c
+		...f,
+		children: l
 	});
-});
-i.displayName = "MenuItemBase";
+}
+r.displayName = "MenuItemBase";
 //#endregion
-export { i as MenuItemBase };
+export { r as MenuItemBase };
 
 //# sourceMappingURL=MenuItemBase.js.map