@nuka-ui/core 1.1.4 → 1.1.5

package/dist/components/Icon/Icon.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Icon.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,size:o,color:s,label:c,children:l,...u}){process.env.NODE_ENV!==`production`&&(r.isValidElement(l)||console.error(`[nuka-ui] Icon: children must be a single React element.`));let d=c!==void 0,f=r.isValidElement(l)?r.cloneElement(l,{"aria-hidden":`true`,width:`100%`,height:`100%`}):l;return(0,i.jsx)(`span`,{ref:e,...d?{role:`img`,"aria-label":c}:{"aria-hidden":`true`},className:t.cn(n.iconVariants({size:o}),n.iconColorVariants({color:s}),a),...u,children:f})}a.displayName=`Icon`,exports.Icon=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./Icon.variants.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,className:a,size:o,color:s,label:c,children:l,...u}){return process.env.NODE_ENV!==`production`&&(r.isValidElement(l)||console.error(`[nuka-ui] Icon: children must be a single React element.`)),(0,i.jsx)(`span`,{ref:e,...c===void 0?{"aria-hidden":`true`}:{role:`img`,"aria-label":c},className:t.cn(`[&>svg]:w-full [&>svg]:h-full`,n.iconVariants({size:o}),n.iconColorVariants({color:s}),a),...u,children:l})}a.displayName=`Icon`,exports.Icon=a;
 //# sourceMappingURL=Icon.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","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":"iNAmBA,SAAS,EAAK,CACZ,MACA,YACA,OACA,QACA,QACA,WACA,GAAG,GACS,CACZ,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,EAAS,EACjC,QAAQ,MAAM,2DAA2D,EAI7E,IAAM,EAAa,IAAU,IAAA,GAEvB,EAAQ,EAAM,eAAe,EAAS,CACxC,EAAM,aAGJ,EACA,CACE,cAAe,OACf,MAAO,OACP,OAAQ,OACT,CACF,CACD,EAEJ,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GAAK,EACD,CAAE,KAAM,MAAO,aAAc,EAAO,CACpC,CAAE,cAAe,OAAiB,CACtC,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,OAAM,CAAC,CACtB,EAAA,kBAAkB,CAAE,QAAO,CAAC,CAC5B,EACD,CACD,GAAI,WAEH,EACI,CAAA,CAIX,EAAK,YAAc"}
+{"version":3,"file":"Icon.cjs","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  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        \"[&>svg]:w-full [&>svg]:h-full\",\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":"iNAmBA,SAAS,EAAK,CACZ,MACA,YACA,OACA,QACA,QACA,WACA,GAAG,GACS,CASZ,OARA,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,CAAQ,GAChC,QAAQ,MAAM,0DAA0D,IAO1E,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GALe,IAAU,IAAA,GAOrB,CAAE,cAAe,MAAgB,EADjC,CAAE,KAAM,MAAO,aAAc,CAAM,EAEvC,UAAW,EAAA,GACT,gCACA,EAAA,aAAa,CAAE,MAAK,CAAC,EACrB,EAAA,kBAAkB,CAAE,OAAM,CAAC,EAC3B,CACF,EACA,GAAI,EAEH,UACG,CAAA,CAEV,CAEA,EAAK,YAAc"}

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":"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"}
+{"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,2CA0BX;kBAlCQ,IAAI;;;AAsCb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Icon/Icon.js

@@ -5,21 +5,15 @@ import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Icon/Icon.tsx
 function a({ ref: a, className: o, size: s, color: c, label: l, children: u, ...d }) {
-	process.env.NODE_ENV !== "production" && (r.isValidElement(u) || console.error("[nuka-ui] Icon: children must be a single React element."));
-	let f = l !== void 0, p = r.isValidElement(u) ? r.cloneElement(u, {
-		"aria-hidden": "true",
-		width: "100%",
-		height: "100%"
-	}) : u;
-	return /* @__PURE__ */ i("span", {
+	return process.env.NODE_ENV !== "production" && (r.isValidElement(u) || console.error("[nuka-ui] Icon: children must be a single React element.")), /* @__PURE__ */ i("span", {
 		ref: a,
-		...f ? {
+		...l === void 0 ? { "aria-hidden": "true" } : {
 			role: "img",
 			"aria-label": l
-		} : { "aria-hidden": "true" },
-		className: e(n({ size: s }), t({ color: c }), o),
+		},
+		className: e("[&>svg]:w-full [&>svg]:h-full", n({ size: s }), t({ color: c }), o),
 		...d,
-		children: p
+		children: u
 	});
 }
 a.displayName = "Icon";

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

@@ -1 +1 @@
-{"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"}
+{"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  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        \"[&>svg]:w-full [&>svg]:h-full\",\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\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;CASZ,OARA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,CAAQ,KAChC,QAAQ,MAAM,0DAA0D,IAO1E,kBAAC,QAAD;EACO;EACL,GALe,MAAU,KAAA,IAOrB,EAAE,eAAe,OAAgB,IADjC;GAAE,MAAM;GAAO,cAAc;EAAM;EAEvC,WAAW,EACT,iCACA,EAAa,EAAE,QAAK,CAAC,GACrB,EAAkB,EAAE,SAAM,CAAC,GAC3B,CACF;EACA,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,EAAK,cAAc"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex`,`items-center`,`justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-10`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{inherit:``,base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`}},defaultVariants:{color:`inherit`}});exports.iconColorVariants=n,exports.iconVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`inline-flex`,`items-center`,`justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-10`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{inherit:``,base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`}},defaultVariants:{color:`inherit`}});exports.iconColorVariants=n,exports.iconVariants=t;
 //# sourceMappingURL=Icon.variants.cjs.map

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\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"}
+{"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,UAAU,EAC5D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACN,CACF,EACA,gBAAiB,CAAE,KAAM,IAAK,CAChC,CACF,EAEa,EAAoB,EAAA,IAAI,CAAC,EAAG,CACvC,SAAU,CACR,MAAO,CACL,QAAS,GACT,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,6BACZ,CACF,EACA,gBAAiB,CAAE,MAAO,SAAU,CACtC,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\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"}
+{"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;AAAU,GAC5D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CACF,GAEa,IAAoB,EAAI,CAAC,GAAG;CACvC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;CACZ,EACF;CACA,iBAAiB,EAAE,OAAO,UAAU;AACtC,CAAC"}

package/dist/components/Input/Input.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Input.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,intent:o,size:s,id:c,...l}){let u=n.useFormFieldProps({id:c,"aria-invalid":l[`aria-invalid`],"aria-describedby":l[`aria-describedby`],"aria-required":l[`aria-required`]}),d=u.ariaInvalid??(o===`danger`?!0:void 0);return(0,a.jsx)(`input`,{ref:e,id:u.resolvedId,className:t.cn(r.inputVariants({intent:o,size:s}),i),...l,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})}o.displayName=`Input`,exports.Input=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../hooks/use-form-field-props.cjs"),r=require("./Input.variants.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,intent:o,size:s,id:c,...l}){let u=n.useFormFieldProps({id:c,"aria-invalid":l[`aria-invalid`],"aria-describedby":l[`aria-describedby`],"aria-required":l[`aria-required`]}),d=u.ariaInvalid??(o===`danger`?!0:void 0);return(0,a.jsx)(`input`,{ref:e,id:u.resolvedId,className:t.cn(r.inputVariants({intent:o,size:s}),i),...l,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})}o.displayName=`Input`,exports.Input=o;
 //# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":"oQAgBA,SAAS,EAAM,CAAE,MAAK,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAqB,CACzE,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACzD,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,CAIN,EAAM,YAAc"}
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":"oQAgBA,SAAS,EAAM,CAAE,MAAK,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAqB,CACzE,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,gBACzB,CAAC,EAEK,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,MAAK,CAAC,EAAG,CAAS,EACxD,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,YACtB,CAAA,CAEL,CAEA,EAAM,YAAc"}

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAM,EAAE,QAAK,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAqB;CACzE,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,SAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAc;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzD,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;;AAIN,EAAM,cAAc"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction Input({ ref, className, intent, size, id, ...props }: InputProps) {\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <input\n      ref={ref}\n      id={field.resolvedId}\n      className={cn(inputVariants({ intent, size }), className)}\n      {...props}\n      aria-invalid={ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n    />\n  );\n}\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAM,EAAE,QAAK,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAqB;CACzE,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;CACzB,CAAC,GAEK,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;CAErD,OACE,kBAAC,SAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAc;GAAE;GAAQ;EAAK,CAAC,GAAG,CAAS;EACxD,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;CACtB,CAAA;AAEL;AAEA,EAAM,cAAc"}

package/dist/components/Input/Input.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/field-base.cjs`);var n=e.cva([...t.fieldBaseClasses,`read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.inputVariants=n;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs"),t=require("../../utils/field-base.cjs");var n=e.cva([...t.fieldBaseClasses,`read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.inputVariants=n;
 //# sourceMappingURL=Input.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.variants.cjs","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":"sHAGA,IAAa,EAAgB,EAAA,IAC3B,CACE,GAAG,EAAA,iBACH,mEACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,iCACV,CACD,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,0CACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Input.variants.cjs","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":"sHAGA,IAAa,EAAgB,EAAA,IAC3B,CACE,GAAG,EAAA,iBACH,kEACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,gCACX,EACA,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,yCACN,CACF,EACA,gBAAiB,CACf,OAAQ,UACR,KAAM,IACR,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.variants.js","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":";;;AAGA,IAAa,IAAgB,EAC3B,CACE,GAAG,GACH,mEACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Input.variants.js","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":";;;AAGA,IAAa,IAAgB,EAC3B,CACE,GAAG,GACH,kEACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CACF"}

package/dist/components/Kbd/Kbd.cjs

@@ -1,2 +1,2 @@
-"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;
+"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":["\"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"}
+{"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,MAAK,CAAC,EAAG,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,EAAI,YAAc"}

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

@@ -1 +1 @@
-{"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"}
+{"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;CACjE,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,EAAY;GAAE;GAAQ;EAAK,CAAC,GAAG,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,EAAI,cAAc"}

package/dist/components/Kbd/Kbd.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`inline-flex items-center justify-center`,`font-mono`,`rounded-(--radius-sm)`,`border border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},size:{sm:`min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)`,md:`min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)`,lg:`min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)`}},defaultVariants:{family:`code`,size:`md`}});exports.kbdVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([`inline-flex items-center justify-center`,`font-mono`,`rounded-(--radius-sm)`,`border border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},size:{sm:`min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)`,md:`min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)`,lg:`min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)`}},defaultVariants:{family:`code`,size:`md`}});exports.kbdVariants=e;
 //# sourceMappingURL=Kbd.variants.cjs.map

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      // 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"}
+{"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,sEAAc,EAAA,IACzB,CACE,0CACA,YACA,wBACA,qCACA,wBACA,yBACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,qCACR,EAGA,KAAM,CAEJ,GAAI,0FACJ,GAAI,0FACJ,GAAI,yFACN,CACF,EACA,gBAAiB,CACf,OAAQ,OACR,KAAM,IACR,CACF,CACF"}

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      // 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"}
+{"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;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;EACR;EAGA,MAAM;GAEJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,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`);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;
+"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\";\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"}
+{"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,wCACT,EAQA,SAAS,EAAM,CACb,MACA,YACA,WACA,WACA,KACA,UACA,SACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,aAAa,EAEnB,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,CACF,EACA,GAAI,WATN,CAWG,EACA,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAU,oDACX,GAEK,CAAA,CAEH,GAEX,CAEA,EAAM,YAAc"}

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\";\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"}
+{"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;AACT;AAQA,SAAS,EAAM,EACb,QACA,cACA,aACA,aACA,OACA,YACA,WACA,GAAG,KACU;CACb,IAAM,IAAM,EAAa,GAEnB,IAAa,MAAO,EAAI,WAAW,KAAA,IACnC,IAAkB,MAAY,EAAI,WAAW,KAAA,IAC7C,IAAmB,KAAY,EAAI;CAEzC,OACE,kBAAC,SAAD;EACO;EACL,IAAI;EACJ,SAAS;EACT,WAAW,EACT,gDACA,EAAmB,KAAU,WAC7B,CACF;EACA,GAAI;YATN,CAWG,GACA,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;aACX;EAEK,CAAA,CAEH;;AAEX;AAEA,EAAM,cAAc"}

package/dist/components/Menu/MenuCheckboxItemBase.cjs

@@ -1,2 +1,2 @@
-"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;
+"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":["\"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"}
+{"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,iBAAmB,CAAA,CACxB,CAAA,EAGP,SAAS,EAAqB,CAC5B,MACA,YACA,UACA,kBACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACyB,CAC5B,IAAM,MAAuB,CACvB,IACJ,IAAkB,CAAC,CAAO,EAC1B,IAAU,EACZ,EAeA,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,mBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,yBAAyB,EACzB,GAAY,iCACZ,CACF,EACA,YAAU,gBACV,QAzBiB,GAAwC,CAC3D,IAAU,CAAC,EACX,EAAe,CACjB,EAuBI,UArBmB,GAA2C,CAChE,IAAY,CAAC,GACT,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,EAAe,EAEnB,EAgBI,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,CAAY,CAAA,CACR,CAAA,CAEJ,CAAA,EACL,CACE,GAET,CAEA,EAAqB,YAAc"}

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

@@ -1 +1 @@
-{"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"}
+{"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,kBAAmB,CAAA;AACxB,CAAA;AAGP,SAAS,EAAqB,EAC5B,QACA,cACA,YACA,oBACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACyB;CAC5B,IAAM,UAAuB;EACvB,MACJ,IAAkB,CAAC,CAAO,GAC1B,IAAU;CACZ;CAeA,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAyB,GACzB,KAAY,kCACZ,CACF;EACA,aAAU;EACV,UAzBiB,MAAwC;GAE3D,AADA,IAAU,CAAC,GACX,EAAe;EACjB;EAuBI,YArBmB,MAA2C;GAEhE,AADA,IAAY,CAAC,IACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAe;EAEnB;EAgBI,GAAI;YAbN,CAeE,kBAAC,QAAD;GACE,WAAU;GACV,aAAU;aAET,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,CAAY,CAAA;GACR,CAAA;EAEJ,CAAA,GACL,CACE;;AAET;AAEA,EAAqB,cAAc"}

package/dist/components/Menu/MenuContentBase.cjs

@@ -1,2 +1,2 @@
-"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;
+"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.use(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":["\"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"}
+{"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.use(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,EACF,EAEA,SAAS,GAA2C,CAClD,IAAM,EAAM,EAAM,IAAI,CAAe,EACrC,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,uDAAuD,EAEzE,OAAO,CACT,CAEA,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,CAAC,EACX,KACF,CAEJ,CAAC,EACD,UAAa,qBAAqB,CAAK,CACzC,CACA,EAAS,QAAU,CAAC,CAEtB,EAAG,CAAC,EAAM,EAAW,EAAU,CAAY,CAAC,CAC9C,CAEA,SAAS,EACP,EACA,EACA,EACA,CACA,MAAQ,IAA2C,CACjD,GAAI,EAAE,MAAQ,aAAe,EAAQ,YAAa,CAChD,EAAE,eAAe,EACjB,EAAQ,YAAY,EACpB,MACF,CACA,GAAI,EAAE,MAAQ,cAAgB,EAAQ,aAAc,CAClD,EAAE,eAAe,EACjB,EAAQ,aAAa,EACrB,MACF,CACA,EAAS,UAAU,CAAC,EACpB,IAAY,CAAC,CACf,CACF,CASA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,IAAM,EAAU,EAAmB,EAC7B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,CAAK,EAG3C,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,GAIrC,EACL,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,CAAS,EAChE,QAAS,EAAQ,MACjB,GAAI,CACL,CAAA,CAEL,CAEA,EAAgB,YAAc,kBAS9B,SAAS,EAAwB,CAC/B,MACA,YACA,GAAG,GAC4B,CAC/B,IAAM,EAAU,EAAmB,EAC7B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,CAAK,EAG3C,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,GAIrC,EACL,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,CAAS,EAChE,QAAS,EAAQ,MACjB,GAAI,CACL,CAAA,CAEL,CAEA,EAAwB,YAAc,0BAStC,SAAS,EAAqB,CAC5B,MACA,YACA,GAAG,GACyB,CAC5B,IAAM,EAAU,EAAmB,EAC7B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,CAAK,EAG3C,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,GAIrC,EACL,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,CAAS,EAChE,QAAS,EAAQ,MACjB,GAAI,CACL,CAAA,CAEL,CAEA,EAAqB,YAAc"}

package/dist/components/Menu/MenuContentBase.js

@@ -8,7 +8,7 @@ import { jsx as a } from "react/jsx-runtime";
 //#region src/components/Menu/MenuContentBase.tsx
 var o = i.createContext(void 0);
 function s() {
-	let e = i.useContext(o);
+	let e = i.use(o);
 	if (e === void 0) throw Error("Menu item must be used within a MenuContent component");
 	return e;
 }

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

@@ -1 +1 @@
-{"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"}
+{"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.use(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,CACF;AAEA,SAAS,IAA2C;CAClD,IAAM,IAAM,EAAM,IAAI,CAAe;CACrC,IAAI,MAAQ,KAAA,GACV,MAAU,MAAM,uDAAuD;CAEzE,OAAO;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACM;CACN,EAAM,gBAAgB;EACpB,IAAI,GAAM;GACR,EAAa,UAAU;GACvB,IAAM,IAAQ,4BAA4B;IACxC,IAAM,IAAQ,EAAS;IACvB,KAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAChC,IAAI,EAAM,IAAI;KACZ,EAAU,CAAC;KACX;IACF;GAEJ,CAAC;GACD,aAAa,qBAAqB,CAAK;EACzC;EACA,EAAS,UAAU,CAAC;CAEtB,GAAG;EAAC;EAAM;EAAW;EAAU;CAAY,CAAC;AAC9C;AAEA,SAAS,EACP,GACA,GACA,GACA;CACA,QAAQ,MAA2C;EACjD,IAAI,EAAE,QAAQ,eAAe,EAAQ,aAAa;GAEhD,AADA,EAAE,eAAe,GACjB,EAAQ,YAAY;GACpB;EACF;EACA,IAAI,EAAE,QAAQ,gBAAgB,EAAQ,cAAc;GAElD,AADA,EAAE,eAAe,GACjB,EAAQ,aAAa;GACrB;EACF;EAEA,AADA,EAAS,UAAU,CAAC,GACpB,IAAY,CAAC;CACf;AACF;AASA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;CAC3E,IAAM,IAAU,EAAmB,GAC7B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,CAAK;CAG3C,OACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,GAIrC;EACL,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,CAAS;EAChE,SAAS,EAAQ;EACjB,GAAI;CACL,CAAA;AAEL;AAEA,EAAgB,cAAc;AAS9B,SAAS,EAAwB,EAC/B,QACA,cACA,GAAG,KAC4B;CAC/B,IAAM,IAAU,EAAmB,GAC7B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,CAAK;CAG3C,OACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,GAIrC;EACL,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,CAAS;EAChE,SAAS,EAAQ;EACjB,GAAI;CACL,CAAA;AAEL;AAEA,EAAwB,cAAc;AAStC,SAAS,EAAqB,EAC5B,QACA,cACA,GAAG,KACyB;CAC5B,IAAM,IAAU,EAAmB,GAC7B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,CAAK;CAG3C,OACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,GAIrC;EACL,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,CAAS;EAChE,SAAS,EAAQ;EACjB,GAAI;CACL,CAAA;AAEL;AAEA,EAAqB,cAAc"}

package/dist/components/Menu/MenuItemBase.cjs

@@ -1,2 +1,2 @@
-"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;
+"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":["\"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"}
+{"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,IAAW,EACX,IAAU,EACZ,EAeA,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,QAAO,CAAC,EAC3B,GAAY,iCACZ,CACF,EACA,YAAU,OACV,QAxBiB,GAAwC,CAC3D,IAAU,CAAC,EACX,EAAe,CACjB,EAsBI,UApBmB,GAA2C,CAChE,IAAY,CAAC,GACT,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,EAAe,EAEnB,EAeI,GAAI,EAEH,UACE,CAAA,CAET,CAEA,EAAa,YAAc"}

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

@@ -1 +1 @@
-{"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"}
+{"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;EACvB,MACJ,IAAW,GACX,IAAU;CACZ;CAeA,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAiB,EAAE,UAAO,CAAC,GAC3B,KAAY,kCACZ,CACF;EACA,aAAU;EACV,UAxBiB,MAAwC;GAE3D,AADA,IAAU,CAAC,GACX,EAAe;EACjB;EAsBI,YApBmB,MAA2C;GAEhE,AADA,IAAY,CAAC,IACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAe;EAEnB;EAeI,GAAI;EAEH;CACE,CAAA;AAET;AAEA,EAAa,cAAc"}

package/dist/components/Menu/MenuLabelBase.cjs

@@ -1,2 +1,2 @@
-"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;
+"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":["\"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"}
+{"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,kBAAkB,EAAG,CAAS,EAC5C,YAAU,QACV,GAAI,EAEH,UACE,CAAA,CAET,CAEA,EAAc,YAAc"}

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

@@ -1 +1 @@
-{"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"}
+{"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;CACrB,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,EAAkB,GAAG,CAAS;EAC5C,aAAU;EACV,GAAI;EAEH;CACE,CAAA;AAET;AAEA,EAAc,cAAc"}

package/dist/components/Menu/MenuRadioGroupBase.cjs

@@ -1,2 +1,2 @@
-"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;
+"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.use(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":["\"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"}
+{"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.use(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,EAAS,EAEX,SAAS,GAAoB,CAC3B,IAAM,EAAM,EAAM,IAAI,CAAqB,EAC3C,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,wDAAwD,EAE1E,OAAO,CACT,CAEA,SAAS,EAAmB,CAC1B,MACA,QACA,gBACA,WACA,GAAG,GACuB,CAM1B,OACE,EAAA,EAAA,KAAC,EAAD,CAAuB,MANR,EAAM,aACd,CAAE,QAAO,eAAc,GAC9B,CAAC,EAAO,CAAa,CAIS,YAC5B,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,KAAK,QAAQ,YAAU,QAAQ,GAAI,EAC/C,UACE,CAAA,CACgB,CAAA,CAE3B,CAEA,EAAmB,YAAc"}

package/dist/components/Menu/MenuRadioGroupBase.js

@@ -4,7 +4,7 @@ import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Menu/MenuRadioGroupBase.tsx
 var n = e.createContext(void 0);
 function r() {
-	let t = e.useContext(n);
+	let t = e.use(n);
 	if (t === void 0) throw Error("useMenuRadioGroup must be used within a MenuRadioGroup");
 	return t;
 }

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

@@ -1 +1 @@
-{"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"}
+{"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.use(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,CAAS;AAEX,SAAS,IAAoB;CAC3B,IAAM,IAAM,EAAM,IAAI,CAAqB;CAC3C,IAAI,MAAQ,KAAA,GACV,MAAU,MAAM,wDAAwD;CAE1E,OAAO;AACT;AAEA,SAAS,EAAmB,EAC1B,QACA,UACA,kBACA,aACA,GAAG,KACuB;CAM1B,OACE,kBAAC,GAAD;EAAuB,OANR,EAAM,eACd;GAAE;GAAO;EAAc,IAC9B,CAAC,GAAO,CAAa,CAIS;YAC5B,kBAAC,OAAD;GAAU;GAAK,MAAK;GAAQ,aAAU;GAAQ,GAAI;GAC/C;EACE,CAAA;CACgB,CAAA;AAE3B;AAEA,EAAmB,cAAc"}

package/dist/components/Menu/MenuRadioItemBase.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`),i=require(`./MenuRadioGroupBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=()=>(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`})});function c({ref:e,className:a,value:c,disabled:l=!1,onClose:u,children:d,onClick:f,onKeyDown:p,...m}){let h=i.useMenuRadioGroup(),g=h.value===c,_=()=>{l||(h.onValueChange?.(c),u?.())};return(0,o.jsxs)(`div`,{ref:e,role:`menuitemradio`,"aria-checked":g,"aria-disabled":l||void 0,className:t.cn(r.menuRadioItemVariants(),l&&`opacity-50 pointer-events-none`,a),"data-slot":`radio-item`,onClick:e=>{f?.(e),_()},onKeyDown:e=>{p?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())},...m,children:[(0,o.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,"data-slot":`item-indicator`,children:g&&(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(s,{})})}),d]})}c.displayName=`MenuRadioItemBase`,exports.MenuRadioItemBase=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Icon/Icon.cjs"),r=require("./menuItemVariants.cjs"),i=require("./MenuRadioGroupBase.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=()=>(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`})});function c({ref:e,className:a,value:c,disabled:l=!1,onClose:u,children:d,onClick:f,onKeyDown:p,...m}){let h=i.useMenuRadioGroup(),g=h.value===c,_=()=>{l||(h.onValueChange?.(c),u?.())};return(0,o.jsxs)(`div`,{ref:e,role:`menuitemradio`,"aria-checked":g,"aria-disabled":l||void 0,className:t.cn(r.menuRadioItemVariants(),l&&`opacity-50 pointer-events-none`,a),"data-slot":`radio-item`,onClick:e=>{f?.(e),_()},onKeyDown:e=>{p?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())},...m,children:[(0,o.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,"data-slot":`item-indicator`,children:g&&(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(s,{})})}),d]})}c.displayName=`MenuRadioItemBase`,exports.MenuRadioItemBase=c;
 //# sourceMappingURL=MenuRadioItemBase.cjs.map