@nuka-ui/core 1.1.2 → 1.1.3

package/dist/components/Eyebrow/Eyebrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eyebrow.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":";;;;;AAiBA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,KACX,cACA,UACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,EAAgB,EAAE,UAAO,CAAC,EAAE,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"Eyebrow.js","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  eyebrowVariants,\n  type EyebrowVariantProps,\n} from \"@nuka/components/Eyebrow/Eyebrow.variants\";\n\ntype EyebrowElement = \"p\" | \"span\";\n\nexport interface EyebrowProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    EyebrowVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: EyebrowElement;\n}\n\nfunction Eyebrow({\n  ref,\n  as: Comp = \"p\",\n  className,\n  color,\n  ...props\n}: EyebrowProps) {\n  return (\n    <Comp\n      ref={ref as React.RefObject<never>}\n      className={cn(eyebrowVariants({ color }), className)}\n      {...props}\n    />\n  );\n}\n\nEyebrow.displayName = \"Eyebrow\";\n\nexport { Eyebrow, eyebrowVariants };\n"],"mappings":";;;;;;AAmBA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,KACX,cACA,UACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,EAAgB,EAAE,UAAO,CAAC,EAAE,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Grid/Grid.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,cols:o=1,gap:s=`none`,colGap:c,rowGap:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:`div`,{ref:e,className:t.cn(`grid`,...r.resolveResponsiveClasses(o,r.colsClasses),...r.resolveResponsiveClasses(s,r.gapClasses),...r.resolveResponsiveClasses(c,r.colGapClasses),...r.resolveResponsiveClasses(l,r.rowGapClasses),i),...d})}o.displayName=`Grid`,exports.Grid=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,cols:o=1,gap:s=`none`,colGap:c,rowGap:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:`div`,{ref:e,className:t.cn(`grid`,...r.resolveResponsiveClasses(o,r.colsClasses),...r.resolveResponsiveClasses(s,r.gapClasses),...r.resolveResponsiveClasses(c,r.colGapClasses),...r.resolveResponsiveClasses(l,r.rowGapClasses),i),...d})}o.displayName=`Grid`,exports.Grid=o;
 //# sourceMappingURL=Grid.cjs.map

package/dist/components/Grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":"6OAqBA,SAAS,EAAK,CACZ,MACA,YACA,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GACS,CAGZ,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
+{"version":3,"file":"Grid.cjs","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":"0PAuBA,SAAS,EAAK,CACZ,MACA,YACA,OAAO,EACP,MAAM,OACN,SACA,SACA,UAAU,GACV,GAAG,GACS,CAGZ,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,OACA,GAAG,EAAA,yBAAyB,EAAM,EAAA,YAAY,CAC9C,GAAG,EAAA,yBAAyB,EAAK,EAAA,WAAW,CAC5C,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,GAAG,EAAA,yBAAyB,EAAQ,EAAA,cAAc,CAClD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAQ,EACR,GAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAiBX;kBA1BQ,IAAI;;;AA8Bb,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,IAAQ,EACR,GAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAiBX;kBA1BQ,IAAI;;;AA8Bb,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Grid/Grid.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { colGapClasses as n, colsClasses as r, gapClasses as i, resolveResponsiveClasses as a, rowGapClasses as o } from "../../utils/responsive.js";

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":";;;;;;AAqBA,SAAS,EAAK,EACZ,QACA,cACA,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,EAAY,EAC9C,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAQ,EAAc,EAClD,GAAG,EAAyB,GAAQ,EAAc,EAClD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}
+{"version":3,"file":"Grid.js","names":[],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  gapClasses,\n  colGapClasses,\n  rowGapClasses,\n  colsClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, GapScale, ColCount } from \"@nuka/utils/responsive\";\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  cols?: Responsive<ColCount>;\n  gap?: Responsive<GapScale>;\n  colGap?: Responsive<GapScale>;\n  rowGap?: Responsive<GapScale>;\n  asChild?: boolean;\n}\n\nfunction Grid({\n  ref,\n  className,\n  cols = 1,\n  gap = \"none\",\n  colGap,\n  rowGap,\n  asChild = false,\n  ...props\n}: GridProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"grid\",\n        ...resolveResponsiveClasses(cols, colsClasses),\n        ...resolveResponsiveClasses(gap, gapClasses),\n        ...resolveResponsiveClasses(colGap, colGapClasses),\n        ...resolveResponsiveClasses(rowGap, rowGapClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nGrid.displayName = \"Grid\";\n\nexport { Grid };\n"],"mappings":";;;;;;;AAuBA,SAAS,EAAK,EACZ,QACA,cACA,UAAO,GACP,SAAM,QACN,WACA,WACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,QACA,GAAG,EAAyB,GAAM,EAAY,EAC9C,GAAG,EAAyB,GAAK,EAAW,EAC5C,GAAG,EAAyB,GAAQ,EAAc,EAClD,GAAG,EAAyB,GAAQ,EAAc,EAClD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Heading/Heading.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Heading.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`h2`,className:o,size:s=`3xl`,family:c,weight:l,color:u,truncate:d,...f}){return(0,a.jsx)(i,{ref:e,className:t.cn(r.headingVariants({family:c,weight:l,color:u,truncate:d}),...n.resolveResponsiveClasses(s,n.headingSizeClasses),o),...f})}o.displayName=`Heading`,exports.Heading=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Heading.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`h2`,className:o,size:s=`3xl`,family:c,weight:l,color:u,truncate:d,...f}){return(0,a.jsx)(i,{ref:e,className:t.cn(r.headingVariants({family:c,weight:l,color:u,truncate:d}),...n.resolveResponsiveClasses(s,n.headingSizeClasses),o),...f})}o.displayName=`Heading`,exports.Heading=o;
 //# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":"+OAyBA,SAAS,EAAQ,CACf,MAEA,GAAI,EAAO,KACX,YACA,OAAO,MACP,SACA,SACA,QACA,WACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,EAAD,CAGO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,mBAAmB,CACrD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"Heading.cjs","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":"4PA2BA,SAAS,EAAQ,CACf,MAEA,GAAI,EAAO,KACX,YACA,OAAO,MACP,SACA,SACA,QACA,WACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,EAAD,CAGO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACpD,GAAG,EAAA,yBAAyB,EAAM,EAAA,mBAAmB,CACrD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CAChC;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EAAE,qEAAqE;AAE1E,EAAE,EAAE,IAAW,EACf,SAAS,EACT,IAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CAcd;kBAzBQ,OAAO;;;AA6BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErE,MAAM,WAAW,YACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAChD,mBAAmB;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;CAChC;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EAAE,qEAAqE;AAE1E,EAAE,EAAE,IAAW,EACf,SAAS,EACT,IAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CAcd;kBAzBQ,OAAO;;;AA6BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { headingSizeClasses as t, resolveResponsiveClasses as n } from "../../utils/responsive.js";
 import { headingVariants as r } from "./Heading.variants.js";

package/dist/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":";;;;;;AAyBA,SAAS,EAAQ,EACf,QAEA,IAAI,IAAO,MACX,cACA,UAAO,OACP,WACA,WACA,UACA,aACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EAGO;EACL,WAAW,EACT,EAAgB;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACpD,GAAG,EAAyB,GAAM,EAAmB,EACrD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nfunction Heading({\n  ref, // Default element is h2: the most common non-landmark heading level.\n  // h1 is reserved for the page title (typically one per page).\n  as: Comp = \"h2\",\n  className,\n  size = \"3xl\",\n  family,\n  weight,\n  color,\n  truncate,\n  ...props\n}: HeadingProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop selects h1-h6, making the ref type a union.\n      // Same polymorphic element pattern as Text.tsx.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        headingVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, headingSizeClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":";;;;;;;AA2BA,SAAS,EAAQ,EACf,QAEA,IAAI,IAAO,MACX,cACA,UAAO,OACP,WACA,WACA,UACA,aACA,GAAG,KACY;AACf,QACE,kBAAC,GAAD;EAGO;EACL,WAAW,EACT,EAAgB;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACpD,GAAG,EAAyB,GAAM,EAAmB,EACrD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Icon/Icon.cjs

@@ -1,2 +1,2 @@
-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}){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;
 //# 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":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  children: React.ReactElement;\n  label?: string;\n}\n\nfunction Icon({\n  ref,\n  className,\n  size,\n  color,\n  label,\n  children,\n  ...props\n}: IconProps) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!React.isValidElement(children)) {\n      console.error(\"[nuka-ui] Icon: children must be a single React element.\");\n    }\n  }\n\n  const isLabelled = label !== undefined;\n\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        // Safe: children prop is typed as React.ReactElement in the interface,\n        // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          \"aria-hidden\": \"true\" as const,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      )\n    : children;\n\n  return (\n    <span\n      ref={ref}\n      {...(isLabelled\n        ? { role: \"img\", \"aria-label\": label }\n        : { \"aria-hidden\": \"true\" as const })}\n      className={cn(\n        iconVariants({ size }),\n        iconColorVariants({ color }),\n        className,\n      )}\n      {...props}\n    >\n      {child}\n    </span>\n  );\n}\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":"oMAiBA,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  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"}

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

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

package/dist/components/Icon/Icon.js

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

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

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

package/dist/components/Kbd/Kbd.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Kbd({ ref, className, family, size, ...props }: KbdProps) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(kbdVariants({ family, size }), className)}\n      {...props}\n    />\n  );\n}\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":"mMAYA,SAAS,EAAI,CAAE,MAAK,YAAW,SAAQ,OAAM,GAAG,GAAmB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAI,YAAc"}
+{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Kbd({ ref, className, family, size, ...props }: KbdProps) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(kbdVariants({ family, size }), className)}\n      {...props}\n    />\n  );\n}\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":"gNAcA,SAAS,EAAI,CAAE,MAAK,YAAW,SAAQ,OAAM,GAAG,GAAmB,CACjE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAI,YAAc"}

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

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

package/dist/components/Kbd/Kbd.js

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

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

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

package/dist/components/Menu/MenuCheckboxItemBase.cjs

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

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

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

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

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

package/dist/components/Menu/MenuCheckboxItemBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { menuCheckboxItemVariants as n } from "./menuItemVariants.js";

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

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

package/dist/components/Menu/MenuContentBase.cjs

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

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

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

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

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

package/dist/components/Menu/MenuContentBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { composeRefs as e } from "../../utils/slot.js";
 import { MenuItemBase as t } from "./MenuItemBase.js";
 import { MenuCheckboxItemBase as n } from "./MenuCheckboxItemBase.js";

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

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

package/dist/components/Menu/MenuItemBase.cjs

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

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

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

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

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

package/dist/components/Menu/MenuItemBase.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nfunction MenuItemBase({\n  ref,\n  className,\n  intent,\n  disabled = false,\n  onSelect,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuItemBaseProps) {\n  const handleActivate = () => {\n    if (disabled) return;\n    onSelect?.();\n    onClose?.();\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(e);\n    handleActivate();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleActivate();\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"menuitem\"\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuItemVariants({ intent }),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":";;;;;AAaA,SAAS,EAAa,EACpB,QACA,cACA,WACA,cAAW,IACX,aACA,YACA,aACA,YACA,cACA,GAAG,KACiB;CACpB,IAAM,UAAuB;AACvB,QACJ,KAAY,EACZ,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAiB,EAAE,WAAQ,CAAC,EAC5B,KAAY,kCACZ,EACD;EACD,UAvBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAsBd,YAnBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAgBhB,GAAI;EAEH;EACG,CAAA;;AAIV,EAAa,cAAc"}
+{"version":3,"file":"MenuItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nfunction MenuItemBase({\n  ref,\n  className,\n  intent,\n  disabled = false,\n  onSelect,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuItemBaseProps) {\n  const handleActivate = () => {\n    if (disabled) return;\n    onSelect?.();\n    onClose?.();\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(e);\n    handleActivate();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      handleActivate();\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      role=\"menuitem\"\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuItemVariants({ intent }),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      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,UAvBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAsBd,YAnBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAgBhB,GAAI;EAEH;EACG,CAAA;;AAIV,EAAa,cAAc"}

package/dist/components/Menu/MenuLabelBase.cjs

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

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

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

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

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

package/dist/components/Menu/MenuLabelBase.js

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

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

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

package/dist/components/Menu/MenuRadioGroupBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);var r=t.createContext(void 0);function i(){let e=t.useContext(r);if(e===void 0)throw Error(`useMenuRadioGroup must be used within a MenuRadioGroup`);return e}function a({ref:e,value:i,onValueChange:a,children:o,...s}){return(0,n.jsx)(r,{value:t.useMemo(()=>({value:i,onValueChange:a}),[i,a]),children:(0,n.jsx)(`div`,{ref:e,role:`group`,...s,children:o})})}a.displayName=`MenuRadioGroupBase`,exports.MenuRadioGroupBase=a,exports.useMenuRadioGroup=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);var r=t.createContext(void 0);function i(){let e=t.useContext(r);if(e===void 0)throw Error(`useMenuRadioGroup must be used within a MenuRadioGroup`);return e}function a({ref:e,value:i,onValueChange:a,children:o,...s}){return(0,n.jsx)(r,{value:t.useMemo(()=>({value:i,onValueChange:a}),[i,a]),children:(0,n.jsx)(`div`,{ref:e,role:`group`,...s,children:o})})}a.displayName=`MenuRadioGroupBase`,exports.MenuRadioGroupBase=a,exports.useMenuRadioGroup=i;
 //# sourceMappingURL=MenuRadioGroupBase.cjs.map

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

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

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

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

package/dist/components/Menu/MenuRadioGroupBase.js

@@ -1,3 +1,4 @@
+"use client";
 import * as e from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Menu/MenuRadioGroupBase.tsx

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

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

package/dist/components/Menu/MenuRadioItemBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`),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),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`,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),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`,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

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\n  const radioGroup = useMenuRadioGroup();\n  const checked = radioGroup.value === value;\n\n  const handleActivate = () => {\n    if (disabled) return;\n    radioGroup.onValueChange?.(value);\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=\"menuitemradio\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuRadioItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":"2QAaA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,yBAEL,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,CAC5B,CAAA,CAGR,SAAS,EAAkB,CACzB,MACA,YACA,QACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACsB,CACzB,IAAM,EAAa,EAAA,mBAAmB,CAChC,EAAU,EAAW,QAAU,EAE/B,MAAuB,CACvB,IACJ,EAAW,gBAAgB,EAAM,CACjC,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,gBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,uBAAuB,CACvB,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAW,CAAA,CACN,CAAA,CAEJ,CAAA,CACN,EACG,GAIV,EAAkB,YAAc"}
+{"version":3,"file":"MenuRadioItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\n  const radioGroup = useMenuRadioGroup();\n  const checked = radioGroup.value === value;\n\n  const handleActivate = () => {\n    if (disabled) return;\n    radioGroup.onValueChange?.(value);\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=\"menuitemradio\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuRadioItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":"wRAeA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,yBAEL,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,CAC5B,CAAA,CAGR,SAAS,EAAkB,CACzB,MACA,YACA,QACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACsB,CACzB,IAAM,EAAa,EAAA,mBAAmB,CAChC,EAAU,EAAW,QAAU,EAE/B,MAAuB,CACvB,IACJ,EAAW,gBAAgB,EAAM,CACjC,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,gBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,uBAAuB,CACvB,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAW,CAAA,CACN,CAAA,CAEJ,CAAA,CACN,EACG,GAIV,EAAkB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAgDxB;kBA1DQ,iBAAiB;;;AA8D1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"MenuRadioItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAgDxB;kBA1DQ,iBAAiB;;;AA8D1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Menu/MenuRadioItemBase.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { menuRadioItemVariants as n } from "./menuItemVariants.js";

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\n  const radioGroup = useMenuRadioGroup();\n  const checked = radioGroup.value === value;\n\n  const handleActivate = () => {\n    if (disabled) return;\n    radioGroup.onValueChange?.(value);\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=\"menuitemradio\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuRadioItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":";;;;;;;AAaA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;WAEL,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;EAAM,CAAA;CAC5B,CAAA;AAGR,SAAS,EAAkB,EACzB,QACA,cACA,UACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACsB;CACzB,IAAM,IAAa,GAAmB,EAChC,IAAU,EAAW,UAAU,GAE/B,UAAuB;AACvB,QACJ,EAAW,gBAAgB,EAAM,EACjC,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAAuB,EACvB,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAW,CAAA;IACN,CAAA;GAEJ,CAAA,EACN,EACG;;;AAIV,EAAkB,cAAc"}
+{"version":3,"file":"MenuRadioItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\n  const radioGroup = useMenuRadioGroup();\n  const checked = radioGroup.value === value;\n\n  const handleActivate = () => {\n    if (disabled) return;\n    radioGroup.onValueChange?.(value);\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=\"menuitemradio\"\n      aria-checked={checked}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        menuRadioItemVariants(),\n        disabled && \"opacity-50 pointer-events-none\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":";;;;;;;;AAeA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;WAEL,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;EAAM,CAAA;CAC5B,CAAA;AAGR,SAAS,EAAkB,EACzB,QACA,cACA,UACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACsB;CACzB,IAAM,IAAa,GAAmB,EAChC,IAAU,EAAW,UAAU,GAE/B,UAAuB;AACvB,QACJ,EAAW,gBAAgB,EAAM,EACjC,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAAuB,EACvB,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAW,CAAA;IACN,CAAA;GAEJ,CAAA,EACN,EACG;;;AAIV,EAAkB,cAAc"}