@nuka-ui/core 1.1.3 → 1.1.5

package/dist/components/Progress/Progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.cjs","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  progressTrackVariants,\n  progressFillVariants,\n  type ProgressVariantProps,\n} from \"@nuka/components/Progress/Progress.variants\";\n\nexport interface ProgressProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    ProgressVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: number;\n  label?: string;\n}\n\nfunction Progress({\n  ref,\n  className,\n  size,\n  intent,\n  value,\n  label,\n  ...props\n}: ProgressProps) {\n  const isIndeterminate = value === undefined;\n\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      aria-label={label ?? \"Loading\"}\n      className={cn(progressTrackVariants({ size }), className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          progressFillVariants({ intent }),\n          isIndeterminate &&\n            \"w-[33%] nuka-progress-indeterminate animate-[nuka-progress-indeterminate_1.5s_ease-in-out_infinite]\",\n        )}\n        style={isIndeterminate ? undefined : { width: `${String(value)}%` }}\n      />\n    </div>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressFillVariants };\n"],"mappings":"qNAkBA,SAAS,EAAS,CAChB,MACA,YACA,OACA,SACA,QACA,QACA,GAAG,GACa,CAChB,IAAM,EAAkB,IAAU,IAAA,GAElC,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAe,EAAkB,IAAA,GAAY,EAC7C,aAAY,GAAS,UACrB,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,OAAM,CAAC,CAAE,EAAU,CACzD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,qBAAqB,CAAE,SAAQ,CAAC,CAChC,GACE,sGACH,CACD,MAAO,EAAkB,IAAA,GAAY,CAAE,MAAO,GAAG,OAAO,EAAM,CAAC,GAAI,CACnE,CAAA,CACE,CAAA,CAIV,EAAS,YAAc"}
+{"version":3,"file":"Progress.cjs","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  progressTrackVariants,\n  progressFillVariants,\n  type ProgressVariantProps,\n} from \"@nuka/components/Progress/Progress.variants\";\n\nexport interface ProgressProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    ProgressVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: number;\n  label?: string;\n}\n\nfunction Progress({\n  ref,\n  className,\n  size,\n  intent,\n  value,\n  label,\n  ...props\n}: ProgressProps) {\n  const isIndeterminate = value === undefined;\n\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      aria-label={label ?? \"Loading\"}\n      className={cn(progressTrackVariants({ size }), className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          progressFillVariants({ intent }),\n          isIndeterminate &&\n            \"w-[33%] nuka-progress-indeterminate animate-[nuka-progress-indeterminate_1.5s_ease-in-out_infinite]\",\n        )}\n        style={isIndeterminate ? undefined : { width: `${String(value)}%` }}\n      />\n    </div>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressFillVariants };\n"],"mappings":"qNAkBA,SAAS,EAAS,CAChB,MACA,YACA,OACA,SACA,QACA,QACA,GAAG,GACa,CAChB,IAAM,EAAkB,IAAU,IAAA,GAElC,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,cACL,gBAAe,EACf,gBAAe,IACf,gBAAe,EAAkB,IAAA,GAAY,EAC7C,aAAY,GAAS,UACrB,UAAW,EAAA,GAAG,EAAA,sBAAsB,CAAE,MAAK,CAAC,EAAG,CAAS,EACxD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,EAAA,qBAAqB,CAAE,QAAO,CAAC,EAC/B,GACE,qGACJ,EACA,MAAO,EAAkB,IAAA,GAAY,CAAE,MAAO,GAAG,OAAO,CAAK,EAAE,EAAG,CACnE,CAAA,CACE,CAAA,CAET,CAEA,EAAS,YAAc"}

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  progressTrackVariants,\n  progressFillVariants,\n  type ProgressVariantProps,\n} from \"@nuka/components/Progress/Progress.variants\";\n\nexport interface ProgressProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    ProgressVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: number;\n  label?: string;\n}\n\nfunction Progress({\n  ref,\n  className,\n  size,\n  intent,\n  value,\n  label,\n  ...props\n}: ProgressProps) {\n  const isIndeterminate = value === undefined;\n\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      aria-label={label ?? \"Loading\"}\n      className={cn(progressTrackVariants({ size }), className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          progressFillVariants({ intent }),\n          isIndeterminate &&\n            \"w-[33%] nuka-progress-indeterminate animate-[nuka-progress-indeterminate_1.5s_ease-in-out_infinite]\",\n        )}\n        style={isIndeterminate ? undefined : { width: `${String(value)}%` }}\n      />\n    </div>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressFillVariants };\n"],"mappings":";;;;;;AAkBA,SAAS,EAAS,EAChB,QACA,cACA,SACA,WACA,UACA,UACA,GAAG,KACa;CAChB,IAAM,IAAkB,MAAU,KAAA;AAElC,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe,IAAkB,KAAA,IAAY;EAC7C,cAAY,KAAS;EACrB,WAAW,EAAG,EAAsB,EAAE,SAAM,CAAC,EAAE,EAAU;EACzD,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,EAAqB,EAAE,WAAQ,CAAC,EAChC,KACE,sGACH;GACD,OAAO,IAAkB,KAAA,IAAY,EAAE,OAAO,GAAG,OAAO,EAAM,CAAC,IAAI;GACnE,CAAA;EACE,CAAA;;AAIV,EAAS,cAAc"}
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  progressTrackVariants,\n  progressFillVariants,\n  type ProgressVariantProps,\n} from \"@nuka/components/Progress/Progress.variants\";\n\nexport interface ProgressProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"role\">,\n    ProgressVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: number;\n  label?: string;\n}\n\nfunction Progress({\n  ref,\n  className,\n  size,\n  intent,\n  value,\n  label,\n  ...props\n}: ProgressProps) {\n  const isIndeterminate = value === undefined;\n\n  return (\n    <div\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      aria-label={label ?? \"Loading\"}\n      className={cn(progressTrackVariants({ size }), className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          progressFillVariants({ intent }),\n          isIndeterminate &&\n            \"w-[33%] nuka-progress-indeterminate animate-[nuka-progress-indeterminate_1.5s_ease-in-out_infinite]\",\n        )}\n        style={isIndeterminate ? undefined : { width: `${String(value)}%` }}\n      />\n    </div>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressFillVariants };\n"],"mappings":";;;;;;AAkBA,SAAS,EAAS,EAChB,QACA,cACA,SACA,WACA,UACA,UACA,GAAG,KACa;CAChB,IAAM,IAAkB,MAAU,KAAA;CAElC,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe,IAAkB,KAAA,IAAY;EAC7C,cAAY,KAAS;EACrB,WAAW,EAAG,EAAsB,EAAE,QAAK,CAAC,GAAG,CAAS;EACxD,GAAI;YAEJ,kBAAC,OAAD;GACE,WAAW,EACT,EAAqB,EAAE,UAAO,CAAC,GAC/B,KACE,qGACJ;GACA,OAAO,IAAkB,KAAA,IAAY,EAAE,OAAO,GAAG,OAAO,CAAK,EAAE,GAAG;EACnE,CAAA;CACE,CAAA;AAET;AAEA,EAAS,cAAc"}

package/dist/components/Progress/Progress.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)`],{variants:{size:{sm:`h-1.5`,md:`h-2.5`,lg:`h-4`}},defaultVariants:{size:`md`}}),n=e.cva([`h-full rounded-full transition-[width] duration-300`],{variants:{intent:{default:``,danger:``,success:``,warning:``}},compoundVariants:[{intent:`default`,className:`bg-(--nuka-accent-bg)`},{intent:`danger`,className:`bg-(--nuka-danger-base)`},{intent:`success`,className:`bg-(--nuka-success-base)`},{intent:`warning`,className:`bg-(--nuka-warning-base)`}],defaultVariants:{intent:`default`}});exports.progressFillVariants=n,exports.progressTrackVariants=t;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs");var t=e.cva([`w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)`],{variants:{size:{sm:`h-1.5`,md:`h-2.5`,lg:`h-4`}},defaultVariants:{size:`md`}}),n=e.cva([`h-full rounded-full transition-[width] duration-300`],{variants:{intent:{default:``,danger:``,success:``,warning:``}},compoundVariants:[{intent:`default`,className:`bg-(--nuka-accent-bg)`},{intent:`danger`,className:`bg-(--nuka-danger-base)`},{intent:`success`,className:`bg-(--nuka-success-base)`},{intent:`warning`,className:`bg-(--nuka-warning-base)`}],defaultVariants:{intent:`default`}});exports.progressFillVariants=n,exports.progressTrackVariants=t;
 //# sourceMappingURL=Progress.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.variants.cjs","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const progressTrackVariants = cva(\n  [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2.5\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const progressFillVariants = cva(\n  [\"h-full rounded-full transition-[width] duration-300\"],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: \"bg-(--nuka-accent-bg)\",\n      },\n      {\n        intent: \"danger\",\n        className: \"bg-(--nuka-danger-base)\",\n      },\n      {\n        intent: \"success\",\n        className: \"bg-(--nuka-success-base)\",\n      },\n      {\n        intent: \"warning\",\n        className: \"bg-(--nuka-warning-base)\",\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n  typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n  typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n  ProgressFillVariantProps;\n"],"mappings":"8EAEA,IAAa,EAAwB,EAAA,IACnC,CAAC,2DAA2D,CAC5D,CACE,SAAU,CACR,KAAM,CACJ,GAAI,QACJ,GAAI,QACJ,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAClC,CAAC,sDAAsD,CACvD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACF,CACD,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,wBACZ,CACD,CACE,OAAQ,SACR,UAAW,0BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF"}
+{"version":3,"file":"Progress.variants.cjs","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Progress is a non-interactive status indicator (role=\"progressbar\"), not a\n// pointer target. The 24x24 WCAG 2.5.8 minimum does not apply.\nexport const progressTrackVariants = cva(\n  [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-2.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const progressFillVariants = cva(\n  [\"h-full rounded-full transition-[width] duration-300\"],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: \"bg-(--nuka-accent-bg)\",\n      },\n      {\n        intent: \"danger\",\n        className: \"bg-(--nuka-danger-base)\",\n      },\n      {\n        intent: \"success\",\n        className: \"bg-(--nuka-success-base)\",\n      },\n      {\n        intent: \"warning\",\n        className: \"bg-(--nuka-warning-base)\",\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n  typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n  typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n  ProgressFillVariantProps;\n"],"mappings":"8EAIA,IAAa,EAAwB,EAAA,IACnC,CAAC,0DAA0D,EAC3D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,QAEJ,GAAI,QAEJ,GAAI,KACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEa,EAAuB,EAAA,IAClC,CAAC,qDAAqD,EACtD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,EACX,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,uBACb,EACA,CACE,OAAQ,SACR,UAAW,yBACb,EACA,CACE,OAAQ,UACR,UAAW,0BACb,EACA,CACE,OAAQ,UACR,UAAW,0BACb,CACF,EACA,gBAAiB,CACf,OAAQ,SACV,CACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,qBAAqB;;8EAcjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAiChC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,qBAAqB,CAC7B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAC1D,wBAAwB,CAAC"}
+{"version":3,"file":"Progress.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAI9D,eAAO,MAAM,qBAAqB;;8EAiBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAiChC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,qBAAqB,CAC7B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAC1D,wBAAwB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.variants.js","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const progressTrackVariants = cva(\n  [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        md: \"h-2.5\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const progressFillVariants = cva(\n  [\"h-full rounded-full transition-[width] duration-300\"],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: \"bg-(--nuka-accent-bg)\",\n      },\n      {\n        intent: \"danger\",\n        className: \"bg-(--nuka-danger-base)\",\n      },\n      {\n        intent: \"success\",\n        className: \"bg-(--nuka-success-base)\",\n      },\n      {\n        intent: \"warning\",\n        className: \"bg-(--nuka-warning-base)\",\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n  typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n  typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n  ProgressFillVariantProps;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC,CAAC,2DAA2D,EAC5D;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAClC,CAAC,sDAAsD,EACvD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF"}
+{"version":3,"file":"Progress.variants.js","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Progress is a non-interactive status indicator (role=\"progressbar\"), not a\n// pointer target. The 24x24 WCAG 2.5.8 minimum does not apply.\nexport const progressTrackVariants = cva(\n  [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n  {\n    variants: {\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"h-1.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"h-2.5\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const progressFillVariants = cva(\n  [\"h-full rounded-full transition-[width] duration-300\"],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: \"bg-(--nuka-accent-bg)\",\n      },\n      {\n        intent: \"danger\",\n        className: \"bg-(--nuka-danger-base)\",\n      },\n      {\n        intent: \"success\",\n        className: \"bg-(--nuka-success-base)\",\n      },\n      {\n        intent: \"warning\",\n        className: \"bg-(--nuka-warning-base)\",\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n  typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n  typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n  ProgressFillVariantProps;\n"],"mappings":";;AAIA,IAAa,IAAwB,EACnC,CAAC,0DAA0D,GAC3D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF,GAEa,IAAuB,EAClC,CAAC,qDAAqD,GACtD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;CACX,EACF;CACA,kBAAkB;EAChB;GACE,QAAQ;GACR,WAAW;EACb;EACA;GACE,QAAQ;GACR,WAAW;EACb;EACA;GACE,QAAQ;GACR,WAAW;EACb;EACA;GACE,QAAQ;GACR,WAAW;EACb;CACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CACF"}

package/dist/components/RadioGroup/Radio.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Text/Text.cjs`),i=require(`./RadioGroup.context.cjs`),a=require(`./Radio.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,intent:l,size:u,value:d,children:f,disabled:p,name:m,...h}){let g=i.useRadioGroup(),_=o.useRef(null),v=g.name||m,y=g.value===void 0?void 0:g.value===d,b=p??(g.disabled||void 0),x=g.focusedValue===d,S=g.name?x?0:-1:void 0;o.useEffect(()=>{let e=_.current;return g.registerRef(d,e),()=>{g.registerRef(d,null)}},[g,d]);let C=e=>{h.onChange?.(e),g.onChange(d)};return(0,s.jsxs)(`label`,{className:t.cn(`inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6`,b?`cursor-not-allowed`:void 0,c),children:[(0,s.jsx)(`input`,{ref:n.composeRefs(e,_),type:`radio`,name:v,value:d,checked:y,disabled:b,tabIndex:S,className:`peer sr-only`,...h,onChange:C}),(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.radioIndicatorVariants({intent:l,size:u})),children:(0,s.jsx)(`span`,{className:`hidden size-1/2 rounded-full bg-current`})}),f&&(0,s.jsx)(r.Text,{as:`span`,children:f})]})}c.displayName=`Radio`,exports.Radio=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../Text/Text.cjs"),i=require("./RadioGroup.context.cjs"),a=require("./Radio.variants.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({ref:e,className:c,intent:l,size:u,value:d,children:f,disabled:p,name:m,...h}){let g=i.useRadioGroup(),_=o.useRef(null),v=g.name||m,y=g.value===void 0?void 0:g.value===d,b=p??(g.disabled||void 0),x=g.focusedValue===d,S=g.name?x?0:-1:void 0;o.useEffect(()=>{let e=_.current;return g.registerRef(d,e),()=>{g.registerRef(d,null)}},[g,d]);let C=e=>{h.onChange?.(e),g.onChange(d)};return(0,s.jsxs)(`label`,{className:t.cn(`inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6`,b?`cursor-not-allowed`:void 0,c),"data-slot":`item`,children:[(0,s.jsx)(`input`,{ref:n.composeRefs(e,_),type:`radio`,name:v,value:d,checked:y,disabled:b,tabIndex:S,className:`peer sr-only`,"data-slot":`item-input`,...h,onChange:C}),(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.radioIndicatorVariants({intent:l,size:u})),"data-slot":`item-indicator`,children:(0,s.jsx)(`span`,{className:`hidden size-1/2 rounded-full bg-current`})}),f&&(0,s.jsx)(r.Text,{as:`span`,"data-slot":`item-label`,children:f})]})}c.displayName=`Radio`,exports.Radio=c;
 //# sourceMappingURL=Radio.cjs.map

package/dist/components/RadioGroup/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && <Text as=\"span\">{children}</Text>}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":"wTAoBA,SAAS,EAAM,CACb,MACA,YACA,SACA,OACA,QACA,WACA,WACA,OACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,eAAe,CACrB,EAAc,EAAM,OAAyB,KAAK,CAElD,EAAe,EAAI,MAAQ,EAC3B,EAAY,EAAI,QAAU,IAAA,GAAkC,IAAA,GAAtB,EAAI,QAAU,EACpD,EAAa,IAAa,EAAI,UAAY,IAAA,IAC1C,EAAgB,EAAI,eAAiB,EACrC,EAAW,EAAI,KAAQ,EAAgB,EAAI,GAAM,IAAA,GAEvD,EAAM,cAAgB,CACpB,IAAM,EAAO,EAAY,QAEzB,OADA,EAAI,YAAY,EAAO,EAAK,KACf,CACX,EAAI,YAAY,EAAO,KAAK,GAE7B,CAAC,EAAK,EAAM,CAAC,CAEhB,IAAM,EAAgB,GAA2C,CAC/D,EAAM,WAAW,EAAE,CACnB,EAAI,SAAS,EAAM,EAGrB,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,sFACA,EAAa,qBAAuB,IAAA,GACpC,EACD,UALH,EAOE,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAY,CAClC,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACA,WACV,UAAU,eACV,GAAI,EACJ,SAAU,EACV,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,SAAQ,OAAM,CAAC,CAAC,WAEvD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAA4C,CAAA,CACvD,CAAA,CACN,IAAY,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAQ,WAAgB,CAAA,CACxC,GAIZ,EAAM,YAAc"}
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n      data-slot=\"item\"\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        data-slot=\"item-input\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n        data-slot=\"item-indicator\"\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && (\n        <Text as=\"span\" data-slot=\"item-label\">\n          {children}\n        </Text>\n      )}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":"wTAoBA,SAAS,EAAM,CACb,MACA,YACA,SACA,OACA,QACA,WACA,WACA,OACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,cAAc,EACpB,EAAc,EAAM,OAAyB,IAAI,EAEjD,EAAe,EAAI,MAAQ,EAC3B,EAAY,EAAI,QAAU,IAAA,GAAkC,IAAA,GAAtB,EAAI,QAAU,EACpD,EAAa,IAAa,EAAI,UAAY,IAAA,IAC1C,EAAgB,EAAI,eAAiB,EACrC,EAAW,EAAI,KAAQ,EAAgB,EAAI,GAAM,IAAA,GAEvD,EAAM,cAAgB,CACpB,IAAM,EAAO,EAAY,QAEzB,OADA,EAAI,YAAY,EAAO,CAAI,MACd,CACX,EAAI,YAAY,EAAO,IAAI,CAC7B,CACF,EAAG,CAAC,EAAK,CAAK,CAAC,EAEf,IAAM,EAAgB,GAA2C,CAC/D,EAAM,WAAW,CAAC,EAClB,EAAI,SAAS,CAAK,CACpB,EAEA,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,sFACA,EAAa,qBAAuB,IAAA,GACpC,CACF,EACA,YAAU,gBANZ,EAQE,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EAAA,YAAY,EAAK,CAAW,EACjC,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACA,WACV,UAAU,eACV,YAAU,aACV,GAAI,EACJ,SAAU,CACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,SAAQ,MAAK,CAAC,CAAC,EACtD,YAAU,2BAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yCAA2C,CAAA,CACvD,CAAA,EACL,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,YAAU,aACvB,UACG,CAAA,CAEH,GAEX,CAEA,EAAM,YAAc"}

package/dist/components/RadioGroup/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,2CAoDZ;kBA9DQ,KAAK;;;AAkEd,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,2CA2DZ;kBArEQ,KAAK;;;AAyEd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/RadioGroup/Radio.js

@@ -20,6 +20,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 	};
 	return /* @__PURE__ */ s("label", {
 		className: e("inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6", x ? "cursor-not-allowed" : void 0, l),
+		"data-slot": "item",
 		children: [
 			/* @__PURE__ */ o("input", {
 				ref: t(c, v),
@@ -30,6 +31,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 				disabled: x,
 				tabIndex: C,
 				className: "peer sr-only",
+				"data-slot": "item-input",
 				...g,
 				onChange: w
 			}),
@@ -39,10 +41,12 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 					intent: u,
 					size: d
 				})),
+				"data-slot": "item-indicator",
 				children: /* @__PURE__ */ o("span", { className: "hidden size-1/2 rounded-full bg-current" })
 			}),
 			p && /* @__PURE__ */ o(n, {
 				as: "span",
+				"data-slot": "item-label",
 				children: p
 			})
 		]

package/dist/components/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && <Text as=\"span\">{children}</Text>}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,GAAe,EACrB,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;AAEvD,GAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;AAEzB,SADA,EAAI,YAAY,GAAO,EAAK,QACf;AACX,KAAI,YAAY,GAAO,KAAK;;IAE7B,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,KAAgB,MAA2C;AAE/D,EADA,EAAM,WAAW,EAAE,EACnB,EAAI,SAAS,EAAM;;AAGrB,QACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,EACD;YALH;GAOE,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,EAAY;IAClC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,GAAI;IACJ,UAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;KAAM,CAAC,CAAC;cAEvD,kBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;IACvD,CAAA;GACN,KAAY,kBAAC,GAAD;IAAM,IAAG;IAAQ;IAAgB,CAAA;GACxC;;;AAIZ,EAAM,cAAc"}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n  radioIndicatorVariants,\n  type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    RadioVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value: string;\n  children?: React.ReactNode;\n}\n\nfunction Radio({\n  ref,\n  className,\n  intent,\n  size,\n  value,\n  children,\n  disabled,\n  name,\n  ...props\n}: RadioProps) {\n  const ctx = useRadioGroup();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const resolvedName = ctx.name || name;\n  const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n  const isDisabled = disabled ?? (ctx.disabled || undefined);\n  const isFocusTarget = ctx.focusedValue === value;\n  const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n  React.useEffect(() => {\n    const node = internalRef.current;\n    ctx.registerRef(value, node);\n    return () => {\n      ctx.registerRef(value, null);\n    };\n  }, [ctx, value]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    ctx.onChange(value);\n  };\n\n  return (\n    <label\n      className={cn(\n        \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n        isDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n      data-slot=\"item\"\n    >\n      <input\n        ref={composeRefs(ref, internalRef)}\n        type=\"radio\"\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        disabled={isDisabled}\n        tabIndex={tabIndex}\n        className=\"peer sr-only\"\n        data-slot=\"item-input\"\n        {...props}\n        onChange={handleChange}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(radioIndicatorVariants({ intent, size }))}\n        data-slot=\"item-indicator\"\n      >\n        <span className=\"hidden size-1/2 rounded-full bg-current\" />\n      </span>\n      {children && (\n        <Text as=\"span\" data-slot=\"item-label\">\n          {children}\n        </Text>\n      )}\n    </label>\n  );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,EAAc,GACpB,IAAc,EAAM,OAAyB,IAAI,GAEjD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;CAEvD,EAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;EAEzB,OADA,EAAI,YAAY,GAAO,CAAI,SACd;GACX,EAAI,YAAY,GAAO,IAAI;EAC7B;CACF,GAAG,CAAC,GAAK,CAAK,CAAC;CAEf,IAAM,KAAgB,MAA2C;EAE/D,AADA,EAAM,WAAW,CAAC,GAClB,EAAI,SAAS,CAAK;CACpB;CAEA,OACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,CACF;EACA,aAAU;YANZ;GAQE,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,CAAW;IACjC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,aAAU;IACV,GAAI;IACJ,UAAU;GACX,CAAA;GACD,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;IAAK,CAAC,CAAC;IACtD,aAAU;cAEV,kBAAC,QAAD,EAAM,WAAU,0CAA2C,CAAA;GACvD,CAAA;GACL,KACC,kBAAC,GAAD;IAAM,IAAG;IAAO,aAAU;IACvB;GACG,CAAA;EAEH;;AAEX;AAEA,EAAM,cAAc"}

package/dist/components/RadioGroup/Radio.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/variants.cjs`);var n=e.cva([`inline-flex items-center justify-center shrink-0`,`rounded-full`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-inverse)`,`transition-colors duration-150`,`peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2`,`peer-focus-visible:outline-(--nuka-border-focus)`,`peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,`peer-checked:*:block`],{variants:{intent:{default:``,danger:``,success:``,warning:``},size:{sm:`size-4`,md:`size-5`,lg:`size-6`}},compoundVariants:t.selectionIndicatorIntentVariants,defaultVariants:{intent:`default`,size:`md`}}),r=n;exports.radioIndicatorVariants=n,exports.radioVariants=r;
+const e=require("../../node_modules/class-variance-authority/dist/index.cjs"),t=require("../../utils/variants.cjs");var n=e.cva([`inline-flex items-center justify-center shrink-0`,`rounded-full`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-inverse)`,`transition-colors duration-150`,`peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2`,`peer-focus-visible:outline-(--nuka-border-focus)`,`peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,`peer-checked:*:block`],{variants:{intent:{default:``,danger:``,success:``,warning:``},size:{sm:`size-4`,md:`size-5`,lg:`size-6`}},compoundVariants:t.selectionIndicatorIntentVariants,defaultVariants:{intent:`default`,size:`md`}}),r=n;exports.radioIndicatorVariants=n,exports.radioVariants=r;
 //# sourceMappingURL=Radio.variants.cjs.map

package/dist/components/RadioGroup/Radio.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,uBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAgB"}
+{"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      // Indicator sits inside the label wrapper in Radio.tsx, which provides\n      // the 24x24 touch target via min-h-6 min-w-6.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,sBACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,EACX,EAGA,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,QACN,CACF,EACA,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,IACR,CACF,CACF,EAEa,EAAgB"}

package/dist/components/RadioGroup/Radio.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;8EAiClC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;8EAqClC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/components/RadioGroup/Radio.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAgB"}
+{"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n  cva,\n  selectionIndicatorIntentVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n  [\n    \"inline-flex items-center justify-center shrink-0\",\n    \"rounded-full\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-inverse)\",\n    \"transition-colors duration-150\",\n    \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n    \"peer-focus-visible:outline-(--nuka-border-focus)\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n    \"peer-checked:*:block\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      // Indicator sits inside the label wrapper in Radio.tsx, which provides\n      // the 24x24 touch target via min-h-6 min-w-6.\n      size: {\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        sm: \"size-4\",\n        // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    compoundVariants: selectionIndicatorIntentVariants,\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;EACX;EAGA,MAAM;GAEJ,IAAI;GAEJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;CACR;AACF,CACF,GAEa,IAAgB"}

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./RadioGroup.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState(0),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(e=>e+1)):x.current.delete(e)},[]);o.useEffect(()=>{if(S===void 0){let e=Array.from(x.current.keys())[0];e!==void 0&&C(e)}},[S,y,w]);let D=o.useCallback(e=>{b(e),C(e)},[b]),O=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),k=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=O(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),D(a),x.current.get(a)?.focus())},[S,O,D,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:D,registerRef:E}),[l,y,v,S,D,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),...g,onKeyDown:k,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/roving-index.cjs"),r=require("../../hooks/use-controllable-state.cjs"),i=require("../../hooks/use-form-field-props.cjs"),a=require("./RadioGroup.context.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState([]),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(t=>t.includes(e)?t:[...t,e])):(x.current.delete(e),T(t=>t.filter(t=>t!==e)))},[]),[D,O]=o.useState(w[0]),k=w[0];D!==k&&(O(k),S===void 0&&k!==void 0&&C(k));let A=o.useCallback(e=>{b(e),C(e)},[b]),j=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),M=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=j(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),A(a),x.current.get(a)?.focus())},[S,j,A,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:A,registerRef:E}),[l,y,v,S,A,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),"data-slot":`root`,...g,onKeyDown:M,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
 //# sourceMappingURL=RadioGroup.cjs.map

package/dist/components/RadioGroup/RadioGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC3B,CAAC,CAEI,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,EAAU,EAAM,OAAO,IAAI,IAAgC,CAE3D,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAa,CAO9D,CAAC,EAAmB,GAAwB,EAAM,SAAS,EAAE,CAE7D,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAQ,QAAQ,IAAI,EAAY,EAAK,CACrC,EAAsB,GAAM,EAAI,EAAE,EAElC,EAAQ,QAAQ,OAAO,EAAW,EAGtC,EAAE,CACH,CAKD,EAAM,cAAgB,CACpB,GAAI,IAAiB,IAAA,GAAW,CAC9B,IAAM,EAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC,GAChD,IAAa,IAAA,IACf,EAAgB,EAAS,GAG5B,CAAC,EAAc,EAAc,EAAkB,CAAC,CAEnD,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,EAAW,CAC3B,EAAgB,EAAW,EAE7B,CAAC,EAAgB,CAClB,CAEK,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,EAAE,CAM3B,OALA,EAAQ,QAAQ,SAAS,EAAM,IAAe,CACvC,EAAK,UACR,EAAO,KAAK,EAAW,EAEzB,CACK,GACN,EAAE,CAAC,CAEA,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,EAAE,CAChB,EAAE,iBAAkB,OAExB,IAAM,EAAS,GAAkB,CAC3B,EAAe,EAAO,QAAQ,GAAgB,GAAG,CACjD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,OACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,EAAU,CAC1B,EAAa,EAAU,CACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO,GAEzC,CAAC,EAAc,EAAkB,EAAc,EAAM,CACtD,CAsBD,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,cACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,EACD,CACD,GAAI,EACJ,UAAW,EAEV,WACG,CAAA,CACY,CAAA,CAIxB,EAAW,YAAc"}
+{"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const inputRefsRef = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Track registered radio values in state so focusedValue can be derived\n  // during render (setState during render) rather than via a useEffect.\n  const [registeredValues, setRegisteredValues] = React.useState<string[]>([]);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        inputRefsRef.current.set(radioValue, node);\n        setRegisteredValues((prev) =>\n          prev.includes(radioValue) ? prev : [...prev, radioValue],\n        );\n      } else {\n        inputRefsRef.current.delete(radioValue);\n        setRegisteredValues((prev) => prev.filter((v) => v !== radioValue));\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first registered radio has\n  // tabIndex=0 so the group is reachable by Tab. Uses setState during render\n  // to avoid the extra paint cycle that a useEffect would introduce.\n  const [prevFirstRegistered, setPrevFirstRegistered] = React.useState<\n    string | undefined\n  >(registeredValues[0]);\n  const firstRegistered = registeredValues[0];\n  if (prevFirstRegistered !== firstRegistered) {\n    setPrevFirstRegistered(firstRegistered);\n    if (focusedValue === undefined && firstRegistered !== undefined) {\n      setFocusedValue(firstRegistered);\n    }\n  }\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    inputRefsRef.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      inputRefsRef.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,mBAC5B,CAAC,EAEK,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,CACF,EAEM,EAAe,EAAM,OAAO,IAAI,GAA+B,EAE/D,CAAC,EAAc,GAAmB,EAAM,SAAS,CAAY,EAI7D,CAAC,EAAkB,GAAuB,EAAM,SAAmB,CAAC,CAAC,EAErE,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAa,QAAQ,IAAI,EAAY,CAAI,EACzC,EAAqB,GACnB,EAAK,SAAS,CAAU,EAAI,EAAO,CAAC,GAAG,EAAM,CAAU,CACzD,IAEA,EAAa,QAAQ,OAAO,CAAU,EACtC,EAAqB,GAAS,EAAK,OAAQ,GAAM,IAAM,CAAU,CAAC,EAEtE,EACA,CAAC,CACH,EAKM,CAAC,EAAqB,GAA0B,EAAM,SAE1D,EAAiB,EAAE,EACf,EAAkB,EAAiB,GACrC,IAAwB,IAC1B,EAAuB,CAAe,EAClC,IAAiB,IAAA,IAAa,IAAoB,IAAA,IACpD,EAAgB,CAAe,GAInC,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,CAAU,EAC1B,EAAgB,CAAU,CAC5B,EACA,CAAC,CAAe,CAClB,EAEM,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,CAAC,EAM1B,OALA,EAAa,QAAQ,SAAS,EAAM,IAAe,CAC5C,EAAK,UACR,EAAO,KAAK,CAAU,CAE1B,CAAC,EACM,CACT,EAAG,CAAC,CAAC,EAEC,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,CAAC,EACf,EAAE,iBAAkB,OAExB,IAAM,EAAS,EAAiB,EAC1B,EAAe,EAAO,QAAQ,GAAgB,EAAE,EAChD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,MACF,EACA,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,eAAe,EACjB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,CAAS,EACzB,EAAa,CAAS,EACtB,EAAa,QAAQ,IAAI,CAAS,GAAG,MAAM,EAC7C,EACA,CAAC,EAAc,EAAkB,EAAc,CAAK,CACtD,EAsBA,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,aACF,GACA,CACE,EACA,EACA,EACA,EACA,EACA,CACF,CAI0B,YACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,CACF,EACA,YAAU,OACV,GAAI,EACJ,UAAW,EAEV,UACE,CAAA,CACY,CAAA,CAEvB,CAEA,EAAW,YAAc"}

package/dist/components/RadioGroup/RadioGroup.context.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext({name:``,value:void 0,disabled:!1,focusedValue:void 0,setFocusedValue:()=>{},onChange:()=>{},registerRef:()=>{}});function r(){return t.useContext(n)}exports.RadioGroupContext=n,exports.useRadioGroup=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=t.createContext({name:``,value:void 0,disabled:!1,focusedValue:void 0,setFocusedValue:()=>{},onChange:()=>{},registerRef:()=>{}});function r(){return t.use(n)}exports.RadioGroupContext=n,exports.useRadioGroup=r;
 //# sourceMappingURL=RadioGroup.context.cjs.map

package/dist/components/RadioGroup/RadioGroup.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.context.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface RadioGroupContextValue {\n  name: string;\n  value: string | undefined;\n  disabled: boolean;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string) => void;\n  onChange: (value: string) => void;\n  registerRef: (value: string, ref: HTMLInputElement | null) => void;\n}\n\nconst defaultContext: RadioGroupContextValue = {\n  name: \"\",\n  value: undefined,\n  disabled: false,\n  focusedValue: undefined,\n  setFocusedValue: () => {\n    /* noop */\n  },\n  onChange: () => {\n    /* noop */\n  },\n  registerRef: () => {\n    /* noop */\n  },\n};\n\nexport const RadioGroupContext = React.createContext(defaultContext);\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return React.useContext(RadioGroupContext);\n}\n"],"mappings":"6GA6BA,IAAa,EAAoB,EAAM,cAhBQ,CAC7C,KAAM,GACN,MAAO,IAAA,GACP,SAAU,GACV,aAAc,IAAA,GACd,oBAAuB,GAGvB,aAAgB,GAGhB,gBAAmB,GAGpB,CAEmE,CAEpE,SAAgB,GAAwC,CACtD,OAAO,EAAM,WAAW,EAAkB"}
+{"version":3,"file":"RadioGroup.context.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface RadioGroupContextValue {\n  name: string;\n  value: string | undefined;\n  disabled: boolean;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string) => void;\n  onChange: (value: string) => void;\n  registerRef: (value: string, ref: HTMLInputElement | null) => void;\n}\n\nconst defaultContext: RadioGroupContextValue = {\n  name: \"\",\n  value: undefined,\n  disabled: false,\n  focusedValue: undefined,\n  setFocusedValue: () => {\n    /* noop */\n  },\n  onChange: () => {\n    /* noop */\n  },\n  registerRef: () => {\n    /* noop */\n  },\n};\n\nexport const RadioGroupContext = React.createContext(defaultContext);\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return React.use(RadioGroupContext);\n}\n"],"mappings":"6GA6BA,IAAa,EAAoB,EAAM,cAAc,CAfnD,KAAM,GACN,MAAO,IAAA,GACP,SAAU,GACV,aAAc,IAAA,GACd,oBAAuB,CAEvB,EACA,aAAgB,CAEhB,EACA,gBAAmB,CAEnB,CAGmD,CAAc,EAEnE,SAAgB,GAAwC,CACtD,OAAO,EAAM,IAAI,CAAiB,CACpC"}

package/dist/components/RadioGroup/RadioGroup.context.js

@@ -10,7 +10,7 @@ var t = e.createContext({
 	registerRef: () => {}
 });
 function n() {
-	return e.useContext(t);
+	return e.use(t);
 }
 //#endregion
 export { t as RadioGroupContext, n as useRadioGroup };

package/dist/components/RadioGroup/RadioGroup.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.context.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface RadioGroupContextValue {\n  name: string;\n  value: string | undefined;\n  disabled: boolean;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string) => void;\n  onChange: (value: string) => void;\n  registerRef: (value: string, ref: HTMLInputElement | null) => void;\n}\n\nconst defaultContext: RadioGroupContextValue = {\n  name: \"\",\n  value: undefined,\n  disabled: false,\n  focusedValue: undefined,\n  setFocusedValue: () => {\n    /* noop */\n  },\n  onChange: () => {\n    /* noop */\n  },\n  registerRef: () => {\n    /* noop */\n  },\n};\n\nexport const RadioGroupContext = React.createContext(defaultContext);\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return React.useContext(RadioGroupContext);\n}\n"],"mappings":";;AA6BA,IAAa,IAAoB,EAAM,cAhBQ;CAC7C,MAAM;CACN,OAAO,KAAA;CACP,UAAU;CACV,cAAc,KAAA;CACd,uBAAuB;CAGvB,gBAAgB;CAGhB,mBAAmB;CAGpB,CAEmE;AAEpE,SAAgB,IAAwC;AACtD,QAAO,EAAM,WAAW,EAAkB"}
+{"version":3,"file":"RadioGroup.context.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nexport interface RadioGroupContextValue {\n  name: string;\n  value: string | undefined;\n  disabled: boolean;\n  focusedValue: string | undefined;\n  setFocusedValue: (value: string) => void;\n  onChange: (value: string) => void;\n  registerRef: (value: string, ref: HTMLInputElement | null) => void;\n}\n\nconst defaultContext: RadioGroupContextValue = {\n  name: \"\",\n  value: undefined,\n  disabled: false,\n  focusedValue: undefined,\n  setFocusedValue: () => {\n    /* noop */\n  },\n  onChange: () => {\n    /* noop */\n  },\n  registerRef: () => {\n    /* noop */\n  },\n};\n\nexport const RadioGroupContext = React.createContext(defaultContext);\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return React.use(RadioGroupContext);\n}\n"],"mappings":";;AA6BA,IAAa,IAAoB,EAAM,cAAc;CAfnD,MAAM;CACN,OAAO,KAAA;CACP,UAAU;CACV,cAAc,KAAA;CACd,uBAAuB,CAEvB;CACA,gBAAgB,CAEhB;CACA,mBAAmB,CAEnB;AAGmD,CAAc;AAEnE,SAAgB,IAAwC;CACtD,OAAO,EAAM,IAAI,CAAiB;AACpC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAsIjB;kBAjJQ,UAAU;;;AAqJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAyIjB;kBApJQ,UAAU;;;AAwJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -12,37 +12,28 @@ function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled:
 		disabled: f,
 		"aria-invalid": g["aria-invalid"],
 		"aria-describedby": g["aria-describedby"]
-	}), v = _.resolvedDisabled ?? !1, [y, b] = n(u, d, p), x = a.useRef(/* @__PURE__ */ new Map()), [S, C] = a.useState(y), [w, T] = a.useState(0), E = a.useCallback((e, t) => {
-		t ? (x.current.set(e, t), T((e) => e + 1)) : x.current.delete(e);
-	}, []);
-	a.useEffect(() => {
-		if (S === void 0) {
-			let e = Array.from(x.current.keys())[0];
-			e !== void 0 && C(e);
-		}
-	}, [
-		S,
-		y,
-		w
-	]);
-	let D = a.useCallback((e) => {
+	}), v = _.resolvedDisabled ?? !1, [y, b] = n(u, d, p), x = a.useRef(/* @__PURE__ */ new Map()), [S, C] = a.useState(y), [w, T] = a.useState([]), E = a.useCallback((e, t) => {
+		t ? (x.current.set(e, t), T((t) => t.includes(e) ? t : [...t, e])) : (x.current.delete(e), T((t) => t.filter((t) => t !== e)));
+	}, []), [D, O] = a.useState(w[0]), k = w[0];
+	D !== k && (O(k), S === void 0 && k !== void 0 && C(k));
+	let A = a.useCallback((e) => {
 		b(e), C(e);
-	}, [b]), O = a.useCallback(() => {
+	}, [b]), j = a.useCallback(() => {
 		let e = [];
 		return x.current.forEach((t, n) => {
 			t.disabled || e.push(n);
 		}), e;
-	}, []), k = a.useCallback((e) => {
+	}, []), M = a.useCallback((e) => {
 		if (g.onKeyDown?.(e), e.defaultPrevented) return;
-		let n = O(), r = n.indexOf(S ?? ""), i = t(e.key, r, n.length, "both");
+		let n = j(), r = n.indexOf(S ?? ""), i = t(e.key, r, n.length, "both");
 		if (i === void 0) return;
 		e.preventDefault();
 		let a = n[i];
-		a !== void 0 && (C(a), D(a), x.current.get(a)?.focus());
+		a !== void 0 && (C(a), A(a), x.current.get(a)?.focus());
 	}, [
 		S,
-		O,
-		D,
+		j,
+		A,
 		g
 	]);
 	return /* @__PURE__ */ o(i, {
@@ -52,14 +43,14 @@ function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled:
 			disabled: v,
 			focusedValue: S ?? y ?? void 0,
 			setFocusedValue: C,
-			onChange: D,
+			onChange: A,
 			registerRef: E
 		}), [
 			l,
 			y,
 			v,
 			S,
-			D,
+			A,
 			E
 		]),
 		children: /* @__PURE__ */ o("div", {
@@ -69,8 +60,9 @@ function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled:
 			"aria-invalid": _.ariaInvalid,
 			"aria-describedby": _.ariaDescribedBy,
 			className: e("flex", m === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", c),
+			"data-slot": "root",
 			...g,
-			onKeyDown: k,
+			onKeyDown: M,
 			children: h
 		})
 	});

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Incremented each time a Radio mounts and registers its ref. Used as a\n  // dependency for the first-focus effect below: refsMap is a ref (not state)\n  // so mutating it does not trigger a re-render. Without this counter the\n  // effect would run on mount before any radios have registered, read an\n  // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n  const [registrationCount, setRegistrationCount] = React.useState(0);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        refsMap.current.set(radioValue, node);\n        setRegistrationCount((c) => c + 1);\n      } else {\n        refsMap.current.delete(radioValue);\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first non-disabled radio\n  // has tabIndex=0 so the group is reachable by Tab. Depends on\n  // registrationCount so it re-runs after radios mount and populate refsMap.\n  React.useEffect(() => {\n    if (focusedValue === undefined) {\n      const firstKey = Array.from(refsMap.current.keys())[0];\n      if (firstKey !== undefined) {\n        setFocusedValue(firstKey);\n      }\n    }\n  }, [focusedValue, currentValue, registrationCount]);\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    refsMap.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      refsMap.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC3B,CAAC,EAEI,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,IAAU,EAAM,uBAAO,IAAI,KAA+B,CAAC,EAE3D,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAa,EAO9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAE,EAE7D,IAAc,EAAM,aACvB,GAAoB,MAAkC;AACrD,EAAI,KACF,EAAQ,QAAQ,IAAI,GAAY,EAAK,EACrC,GAAsB,MAAM,IAAI,EAAE,IAElC,EAAQ,QAAQ,OAAO,EAAW;IAGtC,EAAE,CACH;AAKD,GAAM,gBAAgB;AACpB,MAAI,MAAiB,KAAA,GAAW;GAC9B,IAAM,IAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC;AACpD,GAAI,MAAa,KAAA,KACf,EAAgB,EAAS;;IAG5B;EAAC;EAAc;EAAc;EAAkB,CAAC;CAEnD,IAAM,IAAe,EAAM,aACxB,MAAuB;AAEtB,EADA,EAAgB,EAAW,EAC3B,EAAgB,EAAW;IAE7B,CAAC,EAAgB,CAClB,EAEK,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,EAAE;AAM3B,SALA,EAAQ,QAAQ,SAAS,GAAM,MAAe;AAC5C,GAAK,EAAK,YACR,EAAO,KAAK,EAAW;IAEzB,EACK;IACN,EAAE,CAAC,EAEA,IAAgB,EAAM,aACzB,MAA2C;AAE1C,MADA,EAAM,YAAY,EAAE,EAChB,EAAE,iBAAkB;EAExB,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACjD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,OACD;AACD,MAAI,MAAc,KAAA,EAAW;AAE7B,IAAE,gBAAgB;EAClB,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAc;EAAM,CACtD;AAsBD,QACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,EACD;GACD,GAAI;GACJ,WAAW;GAEV;GACG,CAAA;EACY,CAAA;;AAIxB,EAAW,cAAc"}
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onChange\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  name: string;\n  value?: string;\n  defaultValue?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  orientation?: \"vertical\" | \"horizontal\";\n  children: React.ReactNode;\n}\n\nfunction RadioGroup({\n  ref,\n  className,\n  name,\n  value: controlledValue,\n  defaultValue,\n  disabled,\n  onChange,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: RadioGroupProps) {\n  const field = useFormFieldProps({\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n  });\n\n  const resolvedDisabled = field.resolvedDisabled ?? false;\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onChange,\n  );\n\n  const inputRefsRef = React.useRef(new Map<string, HTMLInputElement>());\n\n  const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n  // Track registered radio values in state so focusedValue can be derived\n  // during render (setState during render) rather than via a useEffect.\n  const [registeredValues, setRegisteredValues] = React.useState<string[]>([]);\n\n  const registerRef = React.useCallback(\n    (radioValue: string, node: HTMLInputElement | null) => {\n      if (node) {\n        inputRefsRef.current.set(radioValue, node);\n        setRegisteredValues((prev) =>\n          prev.includes(radioValue) ? prev : [...prev, radioValue],\n        );\n      } else {\n        inputRefsRef.current.delete(radioValue);\n        setRegisteredValues((prev) => prev.filter((v) => v !== radioValue));\n      }\n    },\n    [],\n  );\n\n  // When the group has no selection, ensure the first registered radio has\n  // tabIndex=0 so the group is reachable by Tab. Uses setState during render\n  // to avoid the extra paint cycle that a useEffect would introduce.\n  const [prevFirstRegistered, setPrevFirstRegistered] = React.useState<\n    string | undefined\n  >(registeredValues[0]);\n  const firstRegistered = registeredValues[0];\n  if (prevFirstRegistered !== firstRegistered) {\n    setPrevFirstRegistered(firstRegistered);\n    if (focusedValue === undefined && firstRegistered !== undefined) {\n      setFocusedValue(firstRegistered);\n    }\n  }\n\n  const handleChange = React.useCallback(\n    (radioValue: string) => {\n      setCurrentValue(radioValue);\n      setFocusedValue(radioValue);\n    },\n    [setCurrentValue],\n  );\n\n  const getOrderedValues = React.useCallback((): string[] => {\n    const values: string[] = [];\n    inputRefsRef.current.forEach((node, radioValue) => {\n      if (!node.disabled) {\n        values.push(radioValue);\n      }\n    });\n    return values;\n  }, []);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      const values = getOrderedValues();\n      const currentIndex = values.indexOf(focusedValue ?? \"\");\n      const nextIndex = getRovingIndex(\n        e.key,\n        currentIndex,\n        values.length,\n        \"both\",\n      );\n      if (nextIndex === undefined) return;\n\n      e.preventDefault();\n      const nextValue = values[nextIndex];\n      if (nextValue === undefined) return;\n      setFocusedValue(nextValue);\n      handleChange(nextValue);\n      inputRefsRef.current.get(nextValue)?.focus();\n    },\n    [focusedValue, getOrderedValues, handleChange, props],\n  );\n\n  const contextValue: RadioGroupContextValue = React.useMemo(\n    () => ({\n      name,\n      value: currentValue,\n      disabled: resolvedDisabled,\n      focusedValue: focusedValue ?? currentValue ?? undefined,\n      setFocusedValue,\n      onChange: handleChange,\n      registerRef,\n    }),\n    [\n      name,\n      currentValue,\n      resolvedDisabled,\n      focusedValue,\n      handleChange,\n      registerRef,\n    ],\n  );\n\n  return (\n    <RadioGroupContext value={contextValue}>\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-orientation={orientation}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        className={cn(\n          \"flex\",\n          orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n          \"gap-(--space-2)\",\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </RadioGroupContext>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;CAC5B,CAAC,GAEK,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,CACF,GAEM,IAAe,EAAM,uBAAO,IAAI,IAA8B,CAAC,GAE/D,CAAC,GAAc,KAAmB,EAAM,SAAS,CAAY,GAI7D,CAAC,GAAkB,KAAuB,EAAM,SAAmB,CAAC,CAAC,GAErE,IAAc,EAAM,aACvB,GAAoB,MAAkC;EACrD,AAAI,KACF,EAAa,QAAQ,IAAI,GAAY,CAAI,GACzC,GAAqB,MACnB,EAAK,SAAS,CAAU,IAAI,IAAO,CAAC,GAAG,GAAM,CAAU,CACzD,MAEA,EAAa,QAAQ,OAAO,CAAU,GACtC,GAAqB,MAAS,EAAK,QAAQ,MAAM,MAAM,CAAU,CAAC;CAEtE,GACA,CAAC,CACH,GAKM,CAAC,GAAqB,KAA0B,EAAM,SAE1D,EAAiB,EAAE,GACf,IAAkB,EAAiB;CACzC,AAAI,MAAwB,MAC1B,EAAuB,CAAe,GAClC,MAAiB,KAAA,KAAa,MAAoB,KAAA,KACpD,EAAgB,CAAe;CAInC,IAAM,IAAe,EAAM,aACxB,MAAuB;EAEtB,AADA,EAAgB,CAAU,GAC1B,EAAgB,CAAU;CAC5B,GACA,CAAC,CAAe,CAClB,GAEM,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,CAAC;EAM1B,OALA,EAAa,QAAQ,SAAS,GAAM,MAAe;GACjD,AAAK,EAAK,YACR,EAAO,KAAK,CAAU;EAE1B,CAAC,GACM;CACT,GAAG,CAAC,CAAC,GAEC,IAAgB,EAAM,aACzB,MAA2C;EAE1C,IADA,EAAM,YAAY,CAAC,GACf,EAAE,kBAAkB;EAExB,IAAM,IAAS,EAAiB,GAC1B,IAAe,EAAO,QAAQ,KAAgB,EAAE,GAChD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,MACF;EACA,IAAI,MAAc,KAAA,GAAW;EAE7B,EAAE,eAAe;EACjB,IAAM,IAAY,EAAO;EACrB,MAAc,KAAA,MAClB,EAAgB,CAAS,GACzB,EAAa,CAAS,GACtB,EAAa,QAAQ,IAAI,CAAS,GAAG,MAAM;CAC7C,GACA;EAAC;EAAc;EAAkB;EAAc;CAAK,CACtD;CAsBA,OACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;EACF,CAI0B;YACxB,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,CACF;GACA,aAAU;GACV,GAAI;GACJ,WAAW;GAEV;EACE,CAAA;CACY,CAAA;AAEvB;AAEA,EAAW,cAAc"}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},"data-slot":`root`,...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
 //# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/ScrollArea/ScrollArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"gLAiBA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAED,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,EACD,CACD,MAAO,CAAE,GAAG,EAAO,YAAW,WAAU,CACxC,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}
+{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"gLAiBA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,eACR,EAEA,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,CACF,EACA,MAAO,CAAE,GAAG,EAAO,YAAW,UAAS,EACvC,YAAU,OACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAW,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAgBjB;kBAzBQ,UAAU;;;AA6BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB;kBA1BQ,UAAU;;;AA8BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -18,6 +18,7 @@ function r({ ref: r, className: i, orientation: a = "vertical", maxHeight: o, ma
 			maxHeight: o,
 			maxWidth: s
 		},
+		"data-slot": "root",
 		...u
 	});
 }

package/dist/components/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAiBA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP;AAED,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;EACD,OAAO;GAAE,GAAG;GAAO;GAAW;GAAU;EACxC,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  orientation?: ScrollAreaOrientation;\n  /** Inline style value. Justified: consumer-provided dimension cannot be\n   *  expressed as a static class without generating arbitrary Tailwind values. */\n  maxHeight?: string;\n  /** Inline style value. Same justification as maxHeight. */\n  maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-y-hidden overflow-x-auto\",\n  both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n  ref,\n  className,\n  orientation = \"vertical\",\n  maxHeight,\n  maxWidth,\n  style,\n  tabIndex,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex ?? 0}\n      className={cn(\n        \"nuka-scroll-area\",\n        \"[scrollbar-width:thin]\",\n        \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n        orientationClasses[orientation],\n        className,\n      )}\n      style={{ ...style, maxHeight, maxWidth }}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAiBA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;AACR;AAEA,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;CAClB,OACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,CACF;EACA,OAAO;GAAE,GAAG;GAAO;GAAW;EAAS;EACvC,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAW,cAAc"}

package/dist/components/Section/Section.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Section.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,as:i=`section`,className:o,spacing:s,background:c,divider:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:i,{ref:e,className:t.cn(r.sectionVariants({spacing:s,background:c,divider:l}),o),...d})}o.displayName=`Section`,exports.Section=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("./Section.variants.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,as:i=`section`,className:o,spacing:s,background:c,divider:l,asChild:u=!1,...d}){return(0,a.jsx)(u?n.Slot:i,{ref:e,"data-surface":c===`emphasis`?`inverse`:void 0,className:t.cn(r.sectionVariants({spacing:s,background:c,divider:l}),o),...d})}o.displayName=`Section`,exports.Section=o;
 //# sourceMappingURL=Section.cjs.map

package/dist/components/Section/Section.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Section.cjs","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"sPA0BA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHU,EAAU,EAAA,KAAO,EAG3B,CACO,MACL,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,UAAS,aAAY,UAAS,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"Section.cjs","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      data-surface={background === \"emphasis\" ? \"inverse\" : undefined}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"sPA0BA,SAAS,EAAQ,CACf,MACA,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHU,EAAU,EAAA,KAAO,EAG3B,CACO,MACL,eAAc,IAAe,WAAa,UAAY,IAAA,GACtD,UAAW,EAAA,GACT,EAAA,gBAAgB,CAAE,UAAS,aAAY,SAAQ,CAAC,EAChD,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAQ,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GACf,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAgB,EACpB,SAAS,EACT,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CAad;kBAtBQ,OAAO;;;AA0BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,KAAK,cAAc,GACf,SAAS,GACT,KAAK,GACL,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mBAAmB;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,EAAE,EAAE,IAAgB,EACpB,SAAS,EACT,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,YAAY,2CAcd;kBAvBQ,OAAO;;;AA2BhB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Section/Section.js

@@ -8,6 +8,7 @@ import { jsx as r } from "react/jsx-runtime";
 function i({ ref: i, as: a = "section", className: o, spacing: s, background: c, divider: l, asChild: u = !1, ...d }) {
 	return /* @__PURE__ */ r(u ? t : a, {
 		ref: i,
+		"data-surface": c === "emphasis" ? "inverse" : void 0,
 		className: e(n({
 			spacing: s,
 			background: c,

package/dist/components/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;;AA0BA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KACY;AAGf,QACE,kBAHU,IAAU,IAAO,GAG3B;EACO;EACL,WAAW,EACT,EAAgB;GAAE;GAAS;GAAY;GAAS,CAAC,EACjD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"Section.js","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  sectionVariants,\n  type SectionVariantProps,\n} from \"@nuka/components/Section/Section.variants\";\n\ntype SectionElement =\n  | \"section\"\n  | \"div\"\n  | \"article\"\n  | \"aside\"\n  | \"main\"\n  | \"header\"\n  | \"footer\";\n\nexport interface SectionProps\n  extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: SectionElement;\n  asChild?: boolean;\n}\n\nfunction Section({\n  ref,\n  as: Comp = \"section\",\n  className,\n  spacing,\n  background,\n  divider,\n  asChild = false,\n  ...props\n}: SectionProps) {\n  const Tag = asChild ? Slot : Comp;\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      data-surface={background === \"emphasis\" ? \"inverse\" : undefined}\n      className={cn(\n        sectionVariants({ spacing, background, divider }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;;AA0BA,SAAS,EAAQ,EACf,QACA,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KACY;CAGf,OACE,kBAHU,IAAU,IAAO,GAG3B;EACO;EACL,gBAAc,MAAe,aAAa,YAAY,KAAA;EACtD,WAAW,EACT,EAAgB;GAAE;GAAS;GAAY;EAAQ,CAAC,GAChD,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAQ,cAAc"}

package/dist/components/Section/Section.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([],{variants:{spacing:{none:`py-0`,sm:`py-(--space-8) md:py-(--space-10)`,md:`py-(--space-10) md:py-(--space-16)`,lg:`py-(--space-16) md:py-(--space-24)`,xl:`py-(--space-24) md:py-(--space-32)`},background:{base:`bg-(--nuka-bg-base)`,subtle:`bg-(--nuka-bg-subtle)`,muted:`bg-(--nuka-bg-muted)`,emphasis:`bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)`},divider:{true:`border-t border-(--nuka-border-base)`,false:``}},defaultVariants:{spacing:`md`,divider:!1}});exports.sectionVariants=e;
+var e=require("../../node_modules/class-variance-authority/dist/index.cjs").cva([],{variants:{spacing:{none:`py-0`,sm:`py-(--space-8) md:py-(--space-10)`,md:`py-(--space-10) md:py-(--space-16)`,lg:`py-(--space-16) md:py-(--space-24)`,xl:`py-(--space-24) md:py-(--space-32)`},background:{base:`bg-(--nuka-bg-base)`,subtle:`bg-(--nuka-bg-subtle)`,muted:`bg-(--nuka-bg-muted)`,emphasis:`bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)`},divider:{true:`border-t border-(--nuka-border-base)`,false:``}},defaultVariants:{spacing:`md`,divider:!1}});exports.sectionVariants=e;
 //# sourceMappingURL=Section.variants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.variants.cjs","names":[],"sources":["../../../src/components/Section/Section.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sectionVariants = cva([], {\n  variants: {\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-(--space-8) md:py-(--space-10)\",\n      md: \"py-(--space-10) md:py-(--space-16)\",\n      lg: \"py-(--space-16) md:py-(--space-24)\",\n      xl: \"py-(--space-24) md:py-(--space-32)\",\n    },\n    background: {\n      base: \"bg-(--nuka-bg-base)\",\n      subtle: \"bg-(--nuka-bg-subtle)\",\n      muted: \"bg-(--nuka-bg-muted)\",\n      emphasis: \"bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n    },\n    divider: {\n      true: \"border-t border-(--nuka-border-base)\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    divider: false,\n  },\n});\n\nexport type SectionVariantProps = VariantProps<typeof sectionVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAAI,EAAE,CAAE,CACrC,SAAU,CACR,QAAS,CACP,KAAM,OACN,GAAI,oCACJ,GAAI,qCACJ,GAAI,qCACJ,GAAI,qCACL,CACD,WAAY,CACV,KAAM,sBACN,OAAQ,wBACR,MAAO,uBACP,SAAU,qDACX,CACD,QAAS,CACP,KAAM,uCACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,QAAS,KACT,QAAS,GACV,CACF,CAAC"}
+{"version":3,"file":"Section.variants.cjs","names":[],"sources":["../../../src/components/Section/Section.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sectionVariants = cva([], {\n  variants: {\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-(--space-8) md:py-(--space-10)\",\n      md: \"py-(--space-10) md:py-(--space-16)\",\n      lg: \"py-(--space-16) md:py-(--space-24)\",\n      xl: \"py-(--space-24) md:py-(--space-32)\",\n    },\n    background: {\n      base: \"bg-(--nuka-bg-base)\",\n      subtle: \"bg-(--nuka-bg-subtle)\",\n      muted: \"bg-(--nuka-bg-muted)\",\n      emphasis: \"bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n    },\n    divider: {\n      true: \"border-t border-(--nuka-border-base)\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    divider: false,\n  },\n});\n\nexport type SectionVariantProps = VariantProps<typeof sectionVariants>;\n"],"mappings":"AAEA,IAAa,sEAAkB,EAAA,IAAI,CAAC,EAAG,CACrC,SAAU,CACR,QAAS,CACP,KAAM,OACN,GAAI,oCACJ,GAAI,qCACJ,GAAI,qCACJ,GAAI,oCACN,EACA,WAAY,CACV,KAAM,sBACN,OAAQ,wBACR,MAAO,uBACP,SAAU,oDACZ,EACA,QAAS,CACP,KAAM,uCACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,KACT,QAAS,EACX,CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Section.variants.js","names":[],"sources":["../../../src/components/Section/Section.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sectionVariants = cva([], {\n  variants: {\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-(--space-8) md:py-(--space-10)\",\n      md: \"py-(--space-10) md:py-(--space-16)\",\n      lg: \"py-(--space-16) md:py-(--space-24)\",\n      xl: \"py-(--space-24) md:py-(--space-32)\",\n    },\n    background: {\n      base: \"bg-(--nuka-bg-base)\",\n      subtle: \"bg-(--nuka-bg-subtle)\",\n      muted: \"bg-(--nuka-bg-muted)\",\n      emphasis: \"bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n    },\n    divider: {\n      true: \"border-t border-(--nuka-border-base)\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    divider: false,\n  },\n});\n\nexport type SectionVariantProps = VariantProps<typeof sectionVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAI,EAAE,EAAE;CACrC,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,YAAY;GACV,MAAM;GACN,QAAQ;GACR,OAAO;GACP,UAAU;GACX;EACD,SAAS;GACP,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"Section.variants.js","names":[],"sources":["../../../src/components/Section/Section.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const sectionVariants = cva([], {\n  variants: {\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-(--space-8) md:py-(--space-10)\",\n      md: \"py-(--space-10) md:py-(--space-16)\",\n      lg: \"py-(--space-16) md:py-(--space-24)\",\n      xl: \"py-(--space-24) md:py-(--space-32)\",\n    },\n    background: {\n      base: \"bg-(--nuka-bg-base)\",\n      subtle: \"bg-(--nuka-bg-subtle)\",\n      muted: \"bg-(--nuka-bg-muted)\",\n      emphasis: \"bg-(--nuka-bg-emphasis) text-(--nuka-text-inverse)\",\n    },\n    divider: {\n      true: \"border-t border-(--nuka-border-base)\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    spacing: \"md\",\n    divider: false,\n  },\n});\n\nexport type SectionVariantProps = VariantProps<typeof sectionVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAI,CAAC,GAAG;CACrC,UAAU;EACR,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,YAAY;GACV,MAAM;GACN,QAAQ;GACR,OAAO;GACP,UAAU;EACZ;EACA,SAAS;GACP,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,SAAS;CACX;AACF,CAAC"}