@nuka-ui/core 1.1.2 → 1.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EACpD,gBAAgB;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAsCX;kBA9CQ,IAAI;;;AAkDb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EACpD,gBAAgB;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAsCX;kBA9CQ,IAAI;;;AAkDb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { iconColorVariants as t, iconVariants as n } from "./Icon.variants.js";
 import * as r from "react";

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  children: React.ReactElement;\n  label?: string;\n}\n\nfunction Icon({\n  ref,\n  className,\n  size,\n  color,\n  label,\n  children,\n  ...props\n}: IconProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!React.isValidElement(children)) {\n      console.error(\"[nuka-ui] Icon: children must be a single React element.\");\n    }\n  }\n\n  const isLabelled = label !== undefined;\n\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        // Safe: children prop is typed as React.ReactElement in the interface,\n        // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          \"aria-hidden\": \"true\" as const,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      )\n    : children;\n\n  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {child}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":";;;;;AAiBA,SAAS,EAAK,EACZ,QACA,cACA,SACA,UACA,UACA,aACA,GAAG,KACS;AACZ,CAAA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,EAAS,IACjC,QAAQ,MAAM,2DAA2D;CAI7E,IAAM,IAAa,MAAU,KAAA,GAEvB,IAAQ,EAAM,eAAe,EAAS,GACxC,EAAM,aAGJ,GACA;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CACF,GACD;AAEJ,QACE,kBAAC,QAAD;EACO;EACL,GAAK,IACD;GAAE,MAAM;GAAO,cAAc;GAAO,GACpC,EAAE,eAAe,QAAiB;EACtC,WAAW,EACT,EAAa,EAAE,SAAM,CAAC,EACtB,EAAkB,EAAE,UAAO,CAAC,EAC5B,EACD;EACD,GAAI;YAEH;EACI,CAAA;;AAIX,EAAK,cAAc"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  children: React.ReactElement;\n  label?: string;\n}\n\nfunction Icon({\n  ref,\n  className,\n  size,\n  color,\n  label,\n  children,\n  ...props\n}: IconProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!React.isValidElement(children)) {\n      console.error(\"[nuka-ui] Icon: children must be a single React element.\");\n    }\n  }\n\n  const isLabelled = label !== undefined;\n\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        // Safe: children prop is typed as React.ReactElement in the interface,\n        // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          \"aria-hidden\": \"true\" as const,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      )\n    : children;\n\n  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {child}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAK,EACZ,QACA,cACA,SACA,UACA,UACA,aACA,GAAG,KACS;AACZ,CAAA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,EAAS,IACjC,QAAQ,MAAM,2DAA2D;CAI7E,IAAM,IAAa,MAAU,KAAA,GAEvB,IAAQ,EAAM,eAAe,EAAS,GACxC,EAAM,aAGJ,GACA;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CACF,GACD;AAEJ,QACE,kBAAC,QAAD;EACO;EACL,GAAK,IACD;GAAE,MAAM;GAAO,cAAc;GAAO,GACpC,EAAE,eAAe,QAAiB;EACtC,WAAW,EACT,EAAa,EAAE,SAAM,CAAC,EACtB,EAAkB,EAAE,UAAO,CAAC,EAC5B,EACD;EACD,GAAI;YAEH;EACI,CAAA;;AAIX,EAAK,cAAc"}

package/dist/components/Icon/Icon.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.variants.cjs","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":"8EAEA,IAAa,EAAe,EAAA,IAC1B,CAAC,cAAe,eAAgB,iBAAkB,WAAW,CAC7D,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,UACL,CACF,CACD,gBAAiB,CAAE,KAAM,KAAM,CAChC,CACF,CAEY,EAAoB,EAAA,IAAI,EAAE,CAAE,CACvC,SAAU,CACR,MAAO,CACL,QAAS,GACT,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACX,CACF,CACD,gBAAiB,CAAE,MAAO,UAAW,CACtC,CAAC"}
+{"version":3,"file":"Icon.variants.cjs","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Icon is a non-interactive visual glyph. It is not a pointer target; the\n// WCAG 2.5.8 24x24 minimum does not apply.\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":"8EAIA,IAAa,EAAe,EAAA,IAC1B,CAAC,cAAe,eAAgB,iBAAkB,WAAW,CAC7D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,UACL,CACF,CACD,gBAAiB,CAAE,KAAM,KAAM,CAChC,CACF,CAEY,EAAoB,EAAA,IAAI,EAAE,CAAE,CACvC,SAAU,CACR,MAAO,CACL,QAAS,GACT,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACX,CACF,CACD,gBAAiB,CAAE,MAAO,UAAW,CACtC,CAAC"}

package/dist/components/Icon/Icon.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY;;8EAaxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAY5B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAC9D,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"Icon.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAI9D,eAAO,MAAM,YAAY;;8EAcxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAY5B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAC9D,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/components/Icon/Icon.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.variants.js","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":";;AAEA,IAAa,IAAe,EAC1B;CAAC;CAAe;CAAgB;CAAkB;CAAW,EAC7D;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEY,IAAoB,EAAI,EAAE,EAAE;CACvC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EAAE,OAAO,WAAW;CACtC,CAAC"}
+{"version":3,"file":"Icon.variants.js","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Icon is a non-interactive visual glyph. It is not a pointer target; the\n// WCAG 2.5.8 24x24 minimum does not apply.\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":";;AAIA,IAAa,IAAe,EAC1B;CAAC;CAAe;CAAgB;CAAkB;CAAW,EAC7D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEY,IAAoB,EAAI,EAAE,EAAE;CACvC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EAAE,OAAO,WAAW;CACtC,CAAC"}

package/dist/components/Kbd/Kbd.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Kbd.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,family:a,size:o,...s}){return(0,i.jsx)(`kbd`,{ref:e,className:t.cn(n.kbdVariants({family:a,size:o}),r),...s})}a.displayName=`Kbd`,exports.Kbd=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Kbd.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,family:a,size:o,...s}){return(0,i.jsx)(`kbd`,{ref:e,className:t.cn(n.kbdVariants({family:a,size:o}),r),...s})}a.displayName=`Kbd`,exports.Kbd=a;
 //# sourceMappingURL=Kbd.cjs.map

package/dist/components/Kbd/Kbd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.cjs","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  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":"mMAYA,SAAS,EAAI,CAAE,MAAK,YAAW,SAAQ,OAAM,GAAG,GAAmB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAI,YAAc"}
+{"version":3,"file":"Kbd.cjs","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":"gNAcA,SAAS,EAAI,CAAE,MAAK,YAAW,SAAQ,OAAM,GAAG,GAAmB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,eAAe;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAQhE;kBARQ,GAAG;;;AAYZ,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,eAAe;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAQhE;kBARQ,GAAG;;;AAYZ,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Kbd/Kbd.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { kbdVariants as t } from "./Kbd.variants.js";
 import "react";

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  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":";;;;;AAYA,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"}
+{"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/Kbd/Kbd.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.variants.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      size: {\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":"AAEA,IAAa,wEAAc,IACzB,CACE,0CACA,YACA,wBACA,qCACA,wBACA,0BACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,KAAM,CACJ,GAAI,0FACJ,GAAI,0FACJ,GAAI,0FACL,CACF,CACD,gBAAiB,CACf,OAAQ,OACR,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Kbd.variants.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      // Kbd is a non-interactive inline presentation element (keyboard shortcut\n      // rendering), not a pointer target. WCAG 2.5.8 does not apply.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":"AAEA,IAAa,wEAAc,IACzB,CACE,0CACA,YACA,wBACA,qCACA,wBACA,0BACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CAGD,KAAM,CAEJ,GAAI,0FACJ,GAAI,0FACJ,GAAI,0FACL,CACF,CACD,gBAAiB,CACf,OAAQ,OACR,KAAM,KACP,CACF,CACF"}

package/dist/components/Kbd/Kbd.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,WAAW;;;8EA4BvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"Kbd.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,WAAW;;;8EA+BvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.variants.js","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      size: {\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":";;AAEA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Kbd.variants.js","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      // Kbd is a non-interactive inline presentation element (keyboard shortcut\n      // rendering), not a pointer target. WCAG 2.5.8 does not apply.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":";;AAEA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EAGD,MAAM;GAEJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}

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`);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;
+"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={thin:`font-[number:var(--font-weight-thin)]`,extralight:`font-[number:var(--font-weight-extralight)]`,light:`font-[number:var(--font-weight-light)]`,regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`,extrabold:`font-[number:var(--font-weight-extrabold)]`,black:`font-[number:var(--font-weight-black)]`};function o({ref:e,className:r,children:o,required:s,id:c,htmlFor:l,weight:u,...d}){let f=n.useFormField(),p=c??(f.labelId||void 0),m=l??(f.fieldId||void 0),h=s??f.required;return(0,i.jsxs)(`label`,{ref:e,id:p,htmlFor:m,className:t.cn(`text-sm leading-none text-(--nuka-text-base)`,a[u??`medium`],r),...d,children:[o,h&&(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`ml-(--space-1) text-(--nuka-danger-text)`,children:`*`})]})}o.displayName=`Label`,exports.Label=o;
 //# 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  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"}
+{"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\";\nimport type { TextVariantProps } from \"@nuka/components/Text/Text.variants\";\n\nexport type LabelWeight = NonNullable<TextVariantProps[\"weight\"]>;\n\nconst labelWeightClasses: Record<LabelWeight, string> = {\n  thin: \"font-[number:var(--font-weight-thin)]\",\n  extralight: \"font-[number:var(--font-weight-extralight)]\",\n  light: \"font-[number:var(--font-weight-light)]\",\n  regular: \"font-[number:var(--font-weight-regular)]\",\n  medium: \"font-[number:var(--font-weight-medium)]\",\n  semibold: \"font-[number:var(--font-weight-semibold)]\",\n  bold: \"font-[number:var(--font-weight-bold)]\",\n  extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n  black: \"font-[number:var(--font-weight-black)]\",\n};\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  ref?: React.Ref<HTMLLabelElement> | undefined;\n  required?: boolean;\n  weight?: LabelWeight;\n}\n\nfunction Label({\n  ref,\n  className,\n  children,\n  required,\n  id,\n  htmlFor,\n  weight,\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 leading-none text-(--nuka-text-base)\",\n        labelWeightClasses[weight ?? \"medium\"],\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":"gOAQA,IAAM,EAAkD,CACtD,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACN,UAAW,6CACX,MAAO,yCACR,CAQD,SAAS,EAAM,CACb,MACA,YACA,WACA,WACA,KACA,UACA,SACA,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,+CACA,EAAmB,GAAU,UAC7B,EACD,CACD,GAAI,WATN,CAWG,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,9 +1,12 @@
+import { TextVariantProps } from '../Text/Text.variants';
 import * as React from "react";
+export type LabelWeight = NonNullable<TextVariantProps["weight"]>;
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     ref?: React.Ref<HTMLLabelElement> | undefined;
     required?: boolean;
+    weight?: LabelWeight;
 }
-declare function Label({ ref, className, children, required, id, htmlFor, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+declare function Label({ ref, className, children, required, id, htmlFor, weight, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Label {
     var displayName: string;
 }

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,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"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAclE,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;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,2CA8BZ;kBAvCQ,KAAK;;;AA2Cd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label/Label.js

@@ -4,23 +4,34 @@ import { useFormField as t } from "../FormField/FormField.context.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Label/Label.tsx
-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;
+var i = {
+	thin: "font-[number:var(--font-weight-thin)]",
+	extralight: "font-[number:var(--font-weight-extralight)]",
+	light: "font-[number:var(--font-weight-light)]",
+	regular: "font-[number:var(--font-weight-regular)]",
+	medium: "font-[number:var(--font-weight-medium)]",
+	semibold: "font-[number:var(--font-weight-semibold)]",
+	bold: "font-[number:var(--font-weight-bold)]",
+	extrabold: "font-[number:var(--font-weight-extrabold)]",
+	black: "font-[number:var(--font-weight-black)]"
+};
+function a({ ref: a, className: o, children: s, required: c, id: l, htmlFor: u, weight: d, ...f }) {
+	let p = t(), m = l ?? (p.labelId || void 0), h = u ?? (p.fieldId || void 0), g = c ?? p.required;
 	return /* @__PURE__ */ r("label", {
-		ref: i,
-		id: f,
-		htmlFor: p,
-		className: e("text-sm font-medium leading-none text-(--nuka-text-base)", a),
-		...u,
-		children: [o, m && /* @__PURE__ */ n("span", {
+		ref: a,
+		id: m,
+		htmlFor: h,
+		className: e("text-sm leading-none text-(--nuka-text-base)", i[d ?? "medium"], o),
+		...f,
+		children: [s, g && /* @__PURE__ */ n("span", {
 			"aria-hidden": "true",
 			className: "ml-(--space-1) text-(--nuka-danger-text)",
 			children: "*"
 		})]
 	});
 }
-i.displayName = "Label";
+a.displayName = "Label";
 //#endregion
-export { i as Label };
+export { a 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  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"}
+{"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\";\nimport type { TextVariantProps } from \"@nuka/components/Text/Text.variants\";\n\nexport type LabelWeight = NonNullable<TextVariantProps[\"weight\"]>;\n\nconst labelWeightClasses: Record<LabelWeight, string> = {\n  thin: \"font-[number:var(--font-weight-thin)]\",\n  extralight: \"font-[number:var(--font-weight-extralight)]\",\n  light: \"font-[number:var(--font-weight-light)]\",\n  regular: \"font-[number:var(--font-weight-regular)]\",\n  medium: \"font-[number:var(--font-weight-medium)]\",\n  semibold: \"font-[number:var(--font-weight-semibold)]\",\n  bold: \"font-[number:var(--font-weight-bold)]\",\n  extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n  black: \"font-[number:var(--font-weight-black)]\",\n};\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  ref?: React.Ref<HTMLLabelElement> | undefined;\n  required?: boolean;\n  weight?: LabelWeight;\n}\n\nfunction Label({\n  ref,\n  className,\n  children,\n  required,\n  id,\n  htmlFor,\n  weight,\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 leading-none text-(--nuka-text-base)\",\n        labelWeightClasses[weight ?? \"medium\"],\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":";;;;;;AAQA,IAAM,IAAkD;CACtD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAQD,SAAS,EAAM,EACb,QACA,cACA,aACA,aACA,OACA,YACA,WACA,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,gDACA,EAAmB,KAAU,WAC7B,EACD;EACD,GAAI;YATN,CAWG,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`})});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;
+"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),"data-slot":`checkbox-item`,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`,"data-slot":`item-indicator`,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  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":"qOAaA,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"}
+{"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      data-slot=\"checkbox-item\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span\n        className=\"inline-flex size-4 items-center justify-center shrink-0\"\n        data-slot=\"item-indicator\"\n      >\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,YAAU,gBACV,QAzBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAwBd,UArBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAkBhB,GAAI,WAbN,EAeE,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,0DACV,YAAU,0BAET,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.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,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"}
+{"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,2CAiD3B;kBA5DQ,oBAAoB;;;AAgE7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Menu/MenuCheckboxItemBase.js

@@ -1,3 +1,4 @@
+"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";
@@ -24,6 +25,7 @@ function o({ ref: o, className: s, checked: c, onCheckedChange: l, disabled: u =
 		"aria-checked": c,
 		"aria-disabled": u || void 0,
 		className: e(n(), u && "opacity-50 pointer-events-none", s),
+		"data-slot": "checkbox-item",
 		onClick: (e) => {
 			p?.(e), g();
 		},
@@ -33,6 +35,7 @@ function o({ ref: o, className: s, checked: c, onCheckedChange: l, disabled: u =
 		...h,
 		children: [/* @__PURE__ */ r("span", {
 			className: "inline-flex size-4 items-center justify-center shrink-0",
+			"data-slot": "item-indicator",
 			children: c && /* @__PURE__ */ r(t, {
 				size: "sm",
 				children: /* @__PURE__ */ r(a, {})

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  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":";;;;;;AAaA,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"}
+{"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      data-slot=\"checkbox-item\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span\n        className=\"inline-flex size-4 items-center justify-center shrink-0\"\n        data-slot=\"item-indicator\"\n      >\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,aAAU;EACV,UAzBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAwBd,YArBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAkBhB,GAAI;YAbN,CAeE,kBAAC,QAAD;GACE,WAAU;GACV,aAAU;aAET,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)}}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;
+"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  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":"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,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"}
+{"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.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;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"}
+{"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";

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  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":";;;;;;;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;;;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"}
+{"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`);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;
+"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),"data-slot":`item`,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  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":"uMAaA,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"}
+{"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      data-slot=\"item\"\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,YAAU,OACV,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,EAEH,WACG,CAAA,CAIV,EAAa,YAAc"}

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,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"}
+{"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,2CAsCnB;kBAjDQ,YAAY;;;AAqDrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Menu/MenuItemBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { menuItemVariants as t } from "./menuItemVariants.js";
 import "react";
@@ -12,6 +13,7 @@ function r({ ref: r, className: i, intent: a, disabled: o = !1, onSelect: s, onC
 		role: "menuitem",
 		"aria-disabled": o || void 0,
 		className: e(t({ intent: a }), o && "opacity-50 pointer-events-none", i),
+		"data-slot": "item",
 		onClick: (e) => {
 			u?.(e), p();
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemBase.js","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  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":";;;;;AAaA,SAAS,EAAa,EACpB,QACA,cACA,WACA,cAAW,IACX,aACA,YACA,aACA,YACA,cACA,GAAG,KACiB;CACpB,IAAM,UAAuB;AACvB,QACJ,KAAY,EACZ,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAiB,EAAE,WAAQ,CAAC,EAC5B,KAAY,kCACZ,EACD;EACD,UAvBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAsBd,YAnBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAgBhB,GAAI;EAEH;EACG,CAAA;;AAIV,EAAa,cAAc"}
+{"version":3,"file":"MenuItemBase.js","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      data-slot=\"item\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":";;;;;;AAeA,SAAS,EAAa,EACpB,QACA,cACA,WACA,cAAW,IACX,aACA,YACA,aACA,YACA,cACA,GAAG,KACiB;CACpB,IAAM,UAAuB;AACvB,QACJ,KAAY,EACZ,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAiB,EAAE,WAAQ,CAAC,EAC5B,KAAY,kCACZ,EACD;EACD,aAAU;EACV,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;EAEH;EACG,CAAA;;AAIV,EAAa,cAAc"}

package/dist/components/Menu/MenuLabelBase.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`);function a({ref:e,className:r,children:a,...o}){return(0,i.jsx)(`div`,{ref:e,className:t.cn(n.menuLabelVariants(),r),...o,children:a})}a.displayName=`MenuLabelBase`,exports.MenuLabelBase=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,children:a,...o}){return(0,i.jsx)(`div`,{ref:e,className:t.cn(n.menuLabelVariants(),r),"data-slot":`label`,...o,children:a})}a.displayName=`MenuLabelBase`,exports.MenuLabelBase=a;
 //# sourceMappingURL=MenuLabelBase.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabelBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuLabelBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuLabelBase({\n  ref,\n  className,\n  children,\n  ...props\n}: MenuLabelBaseProps) {\n  return (\n    <div ref={ref} className={cn(menuLabelVariants(), className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":"uMAQA,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,OACE,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,EAAA,mBAAmB,CAAE,EAAU,CAAE,GAAI,EAC/D,WACG,CAAA,CAIV,EAAc,YAAc"}
+{"version":3,"file":"MenuLabelBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuLabelBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuLabelBase({\n  ref,\n  className,\n  children,\n  ...props\n}: MenuLabelBaseProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(menuLabelVariants(), className)}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":"oNAUA,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,mBAAmB,CAAE,EAAU,CAC7C,YAAU,QACV,GAAI,EAEH,WACG,CAAA,CAIV,EAAc,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabelBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAMpB;kBAXQ,aAAa;;;AAetB,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"MenuLabelBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAWpB;kBAhBQ,aAAa;;;AAoBtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Menu/MenuLabelBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { menuLabelVariants as t } from "./menuItemVariants.js";
 import "react";
@@ -7,6 +8,7 @@ function r({ ref: r, className: i, children: a, ...o }) {
 	return /* @__PURE__ */ n("div", {
 		ref: r,
 		className: e(t(), i),
+		"data-slot": "label",
 		...o,
 		children: a
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"MenuLabelBase.js","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuLabelBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuLabelBase({\n  ref,\n  className,\n  children,\n  ...props\n}: MenuLabelBaseProps) {\n  return (\n    <div ref={ref} className={cn(menuLabelVariants(), className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":";;;;;AAQA,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;AACrB,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,GAAmB,EAAE,EAAU;EAAE,GAAI;EAC/D;EACG,CAAA;;AAIV,EAAc,cAAc"}
+{"version":3,"file":"MenuLabelBase.js","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuLabelBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuLabelBase({\n  ref,\n  className,\n  children,\n  ...props\n}: MenuLabelBaseProps) {\n  return (\n    <div\n      ref={ref}\n      className={cn(menuLabelVariants(), className)}\n      data-slot=\"label\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":";;;;;;AAUA,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;AACrB,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,GAAmB,EAAE,EAAU;EAC7C,aAAU;EACV,GAAI;EAEH;EACG,CAAA;;AAIV,EAAc,cAAc"}

package/dist/components/Menu/MenuRadioGroupBase.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.createContext(void 0);function i(){let e=t.useContext(r);if(e===void 0)throw Error(`useMenuRadioGroup must be used within a MenuRadioGroup`);return e}function a({ref:e,value:i,onValueChange:a,children:o,...s}){return(0,n.jsx)(r,{value:t.useMemo(()=>({value:i,onValueChange:a}),[i,a]),children:(0,n.jsx)(`div`,{ref:e,role:`group`,...s,children:o})})}a.displayName=`MenuRadioGroupBase`,exports.MenuRadioGroupBase=a,exports.useMenuRadioGroup=i;
+"use client";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.createContext(void 0);function i(){let e=t.useContext(r);if(e===void 0)throw Error(`useMenuRadioGroup must be used within a MenuRadioGroup`);return e}function a({ref:e,value:i,onValueChange:a,children:o,...s}){return(0,n.jsx)(r,{value:t.useMemo(()=>({value:i,onValueChange:a}),[i,a]),children:(0,n.jsx)(`div`,{ref:e,role:`group`,"data-slot":`group`,...s,children:o})})}a.displayName=`MenuRadioGroupBase`,exports.MenuRadioGroupBase=a,exports.useMenuRadioGroup=i;
 //# sourceMappingURL=MenuRadioGroupBase.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioGroupBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n}\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":"mIAUA,IAAM,EAAwB,EAAM,cAMlC,IAAA,GAAU,CAEZ,SAAS,GAAoB,CAC3B,IAAM,EAAM,EAAM,WAAW,EAAsB,CACnD,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,yDAAyD,CAE3E,OAAO,EAGT,SAAS,EAAmB,CAC1B,MACA,QACA,gBACA,WACA,GAAG,GACuB,CAM1B,OACE,EAAA,EAAA,KAAC,EAAD,CAAuB,MANR,EAAM,aACd,CAAE,QAAO,gBAAe,EAC/B,CAAC,EAAO,EAAc,CACvB,WAIG,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,KAAK,QAAQ,GAAI,EAC7B,WACG,CAAA,CACgB,CAAA,CAI5B,EAAmB,YAAc"}
+{"version":3,"file":"MenuRadioGroupBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" data-slot=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n}\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":"gJAYA,IAAM,EAAwB,EAAM,cAMlC,IAAA,GAAU,CAEZ,SAAS,GAAoB,CAC3B,IAAM,EAAM,EAAM,WAAW,EAAsB,CACnD,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,yDAAyD,CAE3E,OAAO,EAGT,SAAS,EAAmB,CAC1B,MACA,QACA,gBACA,WACA,GAAG,GACuB,CAM1B,OACE,EAAA,EAAA,KAAC,EAAD,CAAuB,MANR,EAAM,aACd,CAAE,QAAO,gBAAe,EAC/B,CAAC,EAAO,EAAc,CACvB,WAIG,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,KAAK,QAAQ,YAAU,QAAQ,GAAI,EAC/C,WACG,CAAA,CACgB,CAAA,CAI5B,EAAmB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioGroupBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB;WAEd,MAAM;oBACG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;cAG/C,CAAC;AAEb,iBAAS,iBAAiB;WANb,MAAM;oBACG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;EAW1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAazB;kBAnBQ,kBAAkB;;;AAuB3B,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"MenuRadioGroupBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB;WAEd,MAAM;oBACG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;cAG/C,CAAC;AAEb,iBAAS,iBAAiB;WANb,MAAM;oBACG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS;EAW1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAazB;kBAnBQ,kBAAkB;;;AAuB3B,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Menu/MenuRadioGroupBase.js

@@ -1,3 +1,4 @@
+"use client";
 import * as e from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Menu/MenuRadioGroupBase.tsx
@@ -16,6 +17,7 @@ function i({ ref: r, value: i, onValueChange: a, children: o, ...s }) {
 		children: /* @__PURE__ */ t("div", {
 			ref: r,
 			role: "group",
+			"data-slot": "group",
 			...s,
 			children: o
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioGroupBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n}\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":";;;AAUA,IAAM,IAAwB,EAAM,cAMlC,KAAA,EAAU;AAEZ,SAAS,IAAoB;CAC3B,IAAM,IAAM,EAAM,WAAW,EAAsB;AACnD,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAGT,SAAS,EAAmB,EAC1B,QACA,UACA,kBACA,aACA,GAAG,KACuB;AAM1B,QACE,kBAAC,GAAD;EAAuB,OANR,EAAM,eACd;GAAE;GAAO;GAAe,GAC/B,CAAC,GAAO,EAAc,CACvB;YAIG,kBAAC,OAAD;GAAU;GAAK,MAAK;GAAQ,GAAI;GAC7B;GACG,CAAA;EACgB,CAAA;;AAI5B,EAAmB,cAAc"}
+{"version":3,"file":"MenuRadioGroupBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" data-slot=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n}\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":";;;;AAYA,IAAM,IAAwB,EAAM,cAMlC,KAAA,EAAU;AAEZ,SAAS,IAAoB;CAC3B,IAAM,IAAM,EAAM,WAAW,EAAsB;AACnD,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAGT,SAAS,EAAmB,EAC1B,QACA,UACA,kBACA,aACA,GAAG,KACuB;AAM1B,QACE,kBAAC,GAAD;EAAuB,OANR,EAAM,eACd;GAAE;GAAO;GAAe,GAC/B,CAAC,GAAO,EAAc,CACvB;YAIG,kBAAC,OAAD;GAAU;GAAK,MAAK;GAAQ,aAAU;GAAQ,GAAI;GAC/C;GACG,CAAA;EACgB,CAAA;;AAI5B,EAAmB,cAAc"}