@nuka-ui/core 1.0.3 → 1.1.0

package/dist/components/Progress/Progress.js

@@ -0,0 +1,28 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { progressFillVariants as t, progressTrackVariants as n } from "./Progress.variants.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Progress/Progress.tsx
+var a = r.forwardRef(({ className: r, size: a, intent: o, value: s, label: c, ...l }, u) => {
+	let d = s === void 0;
+	return /* @__PURE__ */ i("div", {
+		ref: u,
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": d ? void 0 : s,
+		"aria-label": c ?? "Loading",
+		className: e(n({ size: a }), r),
+		...l,
+		children: /* @__PURE__ */ i("div", {
+			className: e(t({ intent: o }), d && "w-[33%] nuka-progress-indeterminate animate-[nuka-progress-indeterminate_1.5s_ease-in-out_infinite]"),
+			style: d ? void 0 : { width: `${String(s)}%` }
+		})
+	});
+});
+a.displayName = "Progress";
+//#endregion
+export { a as Progress };
+
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +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  value?: number;\n  label?: string;\n}\n\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  ({ className, size, intent, value, label, ...props }, ref) => {\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);\n\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressFillVariants };\n"],"mappings":";;;;;;AAiBA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,SAAM,WAAQ,UAAO,UAAO,GAAG,KAAS,MAAQ;CAC5D,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;EAGX;AAED,EAAS,cAAc"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Progress.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Progress/Progress.variants.ts
+var t = e(["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(["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" }
+});
+//#endregion
+export { n as progressFillVariants, t as progressTrackVariants };
+
+//# sourceMappingURL=Progress.variants.js.map

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

@@ -0,0 +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"}

package/dist/components/RadioGroup/Radio.cjs

@@ -0,0 +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`);var c=o.forwardRef(({className:e,intent:c,size:l,value:u,children:d,disabled:f,name:p,...m},h)=>{let g=i.useRadioGroup(),_=o.useRef(null),v=g.name||p,y=g.value===void 0?void 0:g.value===u,b=f??(g.disabled||void 0),x=g.focusedValue===u,S=g.name?x?0:-1:void 0;o.useEffect(()=>{let e=_.current;return g.registerRef(u,e),()=>{g.registerRef(u,null)}},[g,u]);let C=e=>{m.onChange?.(e),g.onChange(u)};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,e),children:[(0,s.jsx)(`input`,{ref:n.composeRefs(h,_),type:`radio`,name:v,value:u,checked:y,disabled:b,tabIndex:S,className:`peer sr-only`,...m,onChange:C}),(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.radioIndicatorVariants({intent:c,size:l})),children:(0,s.jsx)(`span`,{className:`hidden size-1/2 rounded-full bg-current`})}),d&&(0,s.jsx)(r.Text,{as:`span`,children:d})]})});c.displayName=`Radio`,exports.Radio=c;
+//# sourceMappingURL=Radio.cjs.map

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

@@ -0,0 +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  value: string;\n  children?: React.ReactNode;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, intent, size, value, children, disabled, name, ...props },\n    ref,\n  ) => {\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);\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":"wTAmBA,IAAM,EAAQ,EAAM,YAEhB,CAAE,YAAW,SAAQ,OAAM,QAAO,WAAU,WAAU,OAAM,GAAG,GAC/D,IACG,CACH,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,IAGb,CAED,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":"AAAA,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,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,qFAyDV,CAAC;AAIF,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,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,qFAyDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/RadioGroup/Radio.js

@@ -0,0 +1,55 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Text as n } from "../Text/Text.js";
+import { useRadioGroup as r } from "./RadioGroup.context.js";
+import { radioIndicatorVariants as i } from "./Radio.variants.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/RadioGroup/Radio.tsx
+var c = a.forwardRef(({ className: c, intent: l, size: u, value: d, children: f, disabled: p, name: m, ...h }, g) => {
+	let _ = r(), v = a.useRef(null), y = _.name || m, b = _.value === void 0 ? void 0 : _.value === d, x = p ?? (_.disabled || void 0), S = _.focusedValue === d, C = _.name ? S ? 0 : -1 : void 0;
+	a.useEffect(() => {
+		let e = v.current;
+		return _.registerRef(d, e), () => {
+			_.registerRef(d, null);
+		};
+	}, [_, d]);
+	let w = (e) => {
+		h.onChange?.(e), _.onChange(d);
+	};
+	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, c),
+		children: [
+			/* @__PURE__ */ o("input", {
+				ref: t(g, v),
+				type: "radio",
+				name: y,
+				value: d,
+				checked: b,
+				disabled: x,
+				tabIndex: C,
+				className: "peer sr-only",
+				...h,
+				onChange: w
+			}),
+			/* @__PURE__ */ o("span", {
+				"aria-hidden": "true",
+				className: e(i({
+					intent: l,
+					size: u
+				})),
+				children: /* @__PURE__ */ o("span", { className: "hidden size-1/2 rounded-full bg-current" })
+			}),
+			f && /* @__PURE__ */ o(n, {
+				as: "span",
+				children: f
+			})
+		]
+	});
+});
+c.displayName = "Radio";
+//#endregion
+export { c as Radio };
+
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +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  value: string;\n  children?: React.ReactNode;\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, intent, size, value, children, disabled, name, ...props },\n    ref,\n  ) => {\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);\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAmBA,IAAM,IAAQ,EAAM,YAEhB,EAAE,cAAW,WAAQ,SAAM,UAAO,aAAU,aAAU,SAAM,GAAG,KAC/D,MACG;CACH,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;;EAGb;AAED,EAAM,cAAc"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Radio.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+import { selectionIndicatorIntentVariants as t } from "../../utils/variants.js";
+//#region src/components/RadioGroup/Radio.variants.ts
+var n = e([
+	"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,
+	defaultVariants: {
+		intent: "default",
+		size: "md"
+	}
+}), r = n;
+//#endregion
+export { n as radioIndicatorVariants, r as radioVariants };
+
+//# sourceMappingURL=Radio.variants.js.map

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

@@ -0,0 +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"}

package/dist/components/RadioGroup/RadioGroup.cjs

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

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

@@ -0,0 +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 { 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  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\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      className,\n      name,\n      value: controlledValue,\n      defaultValue,\n      disabled,\n      onChange,\n      orientation = \"vertical\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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 moveFocus = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const values = getOrderedValues();\n        if (values.length === 0) return;\n\n        const currentIndex = values.indexOf(focusedValue ?? \"\");\n        let nextIndex: number;\n\n        switch (direction) {\n          case \"next\":\n            nextIndex = currentIndex < values.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = values.length - 1;\n            break;\n        }\n\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],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        props.onKeyDown?.(e);\n        if (e.defaultPrevented) return;\n\n        switch (e.key) {\n          case \"ArrowDown\":\n          case \"ArrowRight\":\n            e.preventDefault();\n            moveFocus(\"next\");\n            break;\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            e.preventDefault();\n            moveFocus(\"prev\");\n            break;\n          case \"Home\":\n            e.preventDefault();\n            moveFocus(\"first\");\n            break;\n          case \"End\":\n            e.preventDefault();\n            moveFocus(\"last\");\n            break;\n        }\n      },\n      [moveFocus, 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);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=RadioGroup.context.cjs.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.context.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpE;AAkBD,eAAO,MAAM,iBAAiB,uCAAsC,CAAC;AAErE,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}
+{"version":3,"file":"RadioGroup.context.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpE;AAkBD,eAAO,MAAM,iBAAiB,uCAAsC,CAAC;AAErE,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}

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

@@ -0,0 +1,18 @@
+"use client";
+import * as e from "react";
+var t = e.createContext({
+	name: "",
+	value: void 0,
+	disabled: !1,
+	focusedValue: void 0,
+	setFocusedValue: () => {},
+	onChange: () => {},
+	registerRef: () => {}
+});
+function n() {
+	return e.useContext(t);
+}
+//#endregion
+export { t as RadioGroupContext, n as useRadioGroup };
+
+//# sourceMappingURL=RadioGroup.context.js.map

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

@@ -0,0 +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"}

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,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,QAAA,MAAM,UAAU,wFAyLf,CAAC;AAIF,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;AAO/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,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,QAAA,MAAM,UAAU,wFAyLf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,110 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { useFormFieldProps as n } from "../../hooks/use-form-field-props.js";
+import { RadioGroupContext as r } from "./RadioGroup.context.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/RadioGroup/RadioGroup.tsx
+var o = i.forwardRef(({ className: o, name: s, value: c, defaultValue: l, disabled: u, onChange: d, orientation: f = "vertical", children: p, ...m }, h) => {
+	let g = n({
+		disabled: u,
+		"aria-invalid": m["aria-invalid"],
+		"aria-describedby": m["aria-describedby"]
+	}), _ = g.resolvedDisabled ?? !1, [v, y] = t(c, l, d), b = i.useRef(/* @__PURE__ */ new Map()), [x, S] = i.useState(v), [C, w] = i.useState(0), T = i.useCallback((e, t) => {
+		t ? (b.current.set(e, t), w((e) => e + 1)) : b.current.delete(e);
+	}, []);
+	i.useEffect(() => {
+		if (x === void 0) {
+			let e = Array.from(b.current.keys())[0];
+			e !== void 0 && S(e);
+		}
+	}, [
+		x,
+		v,
+		C
+	]);
+	let E = i.useCallback((e) => {
+		y(e), S(e);
+	}, [y]), D = i.useCallback(() => {
+		let e = [];
+		return b.current.forEach((t, n) => {
+			t.disabled || e.push(n);
+		}), e;
+	}, []), O = i.useCallback((e) => {
+		let t = D();
+		if (t.length === 0) return;
+		let n = t.indexOf(x ?? ""), r;
+		switch (e) {
+			case "next":
+				r = n < t.length - 1 ? n + 1 : 0;
+				break;
+			case "prev":
+				r = n > 0 ? n - 1 : t.length - 1;
+				break;
+			case "first":
+				r = 0;
+				break;
+			case "last":
+				r = t.length - 1;
+				break;
+		}
+		let i = t[r];
+		i !== void 0 && (S(i), E(i), b.current.get(i)?.focus());
+	}, [
+		x,
+		D,
+		E
+	]), k = i.useCallback((e) => {
+		if (m.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
+			case "ArrowDown":
+			case "ArrowRight":
+				e.preventDefault(), O("next");
+				break;
+			case "ArrowUp":
+			case "ArrowLeft":
+				e.preventDefault(), O("prev");
+				break;
+			case "Home":
+				e.preventDefault(), O("first");
+				break;
+			case "End":
+				e.preventDefault(), O("last");
+				break;
+		}
+	}, [O, m]);
+	return /* @__PURE__ */ a(r, {
+		value: i.useMemo(() => ({
+			name: s,
+			value: v,
+			disabled: _,
+			focusedValue: x ?? v ?? void 0,
+			setFocusedValue: S,
+			onChange: E,
+			registerRef: T
+		}), [
+			s,
+			v,
+			_,
+			x,
+			E,
+			T
+		]),
+		children: /* @__PURE__ */ a("div", {
+			ref: h,
+			role: "radiogroup",
+			"aria-orientation": f,
+			"aria-invalid": g.ariaInvalid,
+			"aria-describedby": g.ariaDescribedBy,
+			className: e("flex", f === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", o),
+			...m,
+			onKeyDown: k,
+			children: p
+		})
+	});
+});
+o.displayName = "RadioGroup";
+//#endregion
+export { o as RadioGroup };
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +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 { 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  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\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      className,\n      name,\n      value: controlledValue,\n      defaultValue,\n      disabled,\n      onChange,\n      orientation = \"vertical\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\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 moveFocus = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const values = getOrderedValues();\n        if (values.length === 0) return;\n\n        const currentIndex = values.indexOf(focusedValue ?? \"\");\n        let nextIndex: number;\n\n        switch (direction) {\n          case \"next\":\n            nextIndex = currentIndex < values.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex = currentIndex > 0 ? currentIndex - 1 : values.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = values.length - 1;\n            break;\n        }\n\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],\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        props.onKeyDown?.(e);\n        if (e.defaultPrevented) return;\n\n        switch (e.key) {\n          case \"ArrowDown\":\n          case \"ArrowRight\":\n            e.preventDefault();\n            moveFocus(\"next\");\n            break;\n          case \"ArrowUp\":\n          case \"ArrowLeft\":\n            e.preventDefault();\n            moveFocus(\"prev\");\n            break;\n          case \"Home\":\n            e.preventDefault();\n            moveFocus(\"first\");\n            break;\n          case \"End\":\n            e.preventDefault();\n            moveFocus(\"last\");\n            break;\n        }\n      },\n      [moveFocus, 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);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;AAqBA,IAAM,IAAa,EAAM,YAErB,EACE,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KAEL,MACG;CACH,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,IAAY,EAAM,aACrB,MAAkD;EACjD,IAAM,IAAS,GAAkB;AACjC,MAAI,EAAO,WAAW,EAAG;EAEzB,IAAM,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACnD;AAEJ,UAAQ,GAAR;GACE,KAAK;AACH,QAAY,IAAe,EAAO,SAAS,IAAI,IAAe,IAAI;AAClE;GACF,KAAK;AACH,QAAY,IAAe,IAAI,IAAe,IAAI,EAAO,SAAS;AAClE;GACF,KAAK;AACH,QAAY;AACZ;GACF,KAAK;AACH,QAAY,EAAO,SAAS;AAC5B;;EAGJ,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAa,CAC/C,EAEK,IAAgB,EAAM,aACzB,MAA2C;AAC1C,QAAM,YAAY,EAAE,EAChB,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;GACL,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAU,OAAO;AACjB;GACF,KAAK;GACL,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAU,OAAO;AACjB;GACF,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAU,QAAQ;AAClB;GACF,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAU,OAAO;AACjB;;IAGN,CAAC,GAAW,EAAM,CACnB;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;EAGzB;AAED,EAAW,cAAc"}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,2 @@
+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`},a=n.forwardRef(({className:e,orientation:n=`vertical`,maxHeight:a,maxWidth:o,style:s,tabIndex:c,...l},u)=>(0,r.jsx)(`div`,{ref:u,tabIndex:c??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[n],e),style:{...s,maxHeight:a,maxWidth:o},...l}));a.displayName=`ScrollArea`,exports.ScrollArea=a;
+//# sourceMappingURL=ScrollArea.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import * 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  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\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      orientation = \"vertical\",\n      maxHeight,\n      maxWidth,\n      style,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"mKAcA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAEK,EAAa,EAAM,YAErB,CACE,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GAEL,KAGE,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,CAGP,CAED,EAAW,YAAc"}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+export type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
+export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: ScrollAreaOrientation;
+    /** Inline style value. Justified: consumer-provided dimension cannot be
+     *  expressed as a static class without generating arbitrary Tailwind values. */
+    maxHeight?: string;
+    /** Inline style value. Same justification as maxHeight. */
+    maxWidth?: string;
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea };
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,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,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,QAAA,MAAM,UAAU,wFA6Bf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ScrollArea/ScrollArea.tsx
+var r = {
+	vertical: "overflow-x-hidden overflow-y-auto",
+	horizontal: "overflow-y-hidden overflow-x-auto",
+	both: "overflow-auto"
+}, i = t.forwardRef(({ className: t, orientation: i = "vertical", maxHeight: a, maxWidth: o, style: s, tabIndex: c, ...l }, u) => /* @__PURE__ */ n("div", {
+	ref: u,
+	tabIndex: c ?? 0,
+	className: e("nuka-scroll-area", "[scrollbar-width:thin]", "[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]", r[i], t),
+	style: {
+		...s,
+		maxHeight: a,
+		maxWidth: o
+	},
+	...l
+}));
+i.displayName = "ScrollArea";
+//#endregion
+export { i as ScrollArea };
+
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import * 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  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\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      orientation = \"vertical\",\n      maxHeight,\n      maxWidth,\n      style,\n      tabIndex,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;AAcA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP,EAEK,IAAa,EAAM,YAErB,EACE,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KAEL,MAGE,kBAAC,OAAD;CACO;CACL,UAAU,KAAY;CACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;CACD,OAAO;EAAE,GAAG;EAAO;EAAW;EAAU;CACxC,GAAI;CACJ,CAAA,CAGP;AAED,EAAW,cAAc"}

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

@@ -0,0 +1,3 @@
+export { ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps, ScrollAreaOrientation } from './ScrollArea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Section/Section.cjs

@@ -0,0 +1,2 @@
+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`);var o=i.forwardRef(({as:e=`section`,className:i,spacing:o,background:s,divider:c,asChild:l=!1,...u},d)=>(0,a.jsx)(l?n.Slot:e,{ref:d,className:t.cn(r.sectionVariants({spacing:o,background:s,divider:c}),i),...u}));o.displayName=`Section`,exports.Section=o;
+//# sourceMappingURL=Section.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.cjs","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["import * 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  as?: SectionElement;\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  (\n    {\n      as: Comp = \"section\",\n      className,\n      spacing,\n      background,\n      divider,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":"yOAuBA,IAAM,EAAU,EAAM,YAElB,CACE,GAAI,EAAO,UACX,YACA,UACA,aACA,UACA,UAAU,GACV,GAAG,GAEL,KAKE,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,CAGP,CAED,EAAQ,YAAc"}

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

@@ -0,0 +1,10 @@
+import { sectionVariants, SectionVariantProps } from './Section.variants';
+import * as React from "react";
+type SectionElement = "section" | "div" | "article" | "aside" | "main" | "header" | "footer";
+export interface SectionProps extends React.HTMLAttributes<HTMLElement>, SectionVariantProps {
+    as?: SectionElement;
+    asChild?: boolean;
+}
+declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;
+export { Section, sectionVariants };
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAAA,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,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,OAAO,kFA0BZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Section/Section.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import { sectionVariants as n } from "./Section.variants.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Section/Section.tsx
+var a = r.forwardRef(({ as: r = "section", className: a, spacing: o, background: s, divider: c, asChild: l = !1, ...u }, d) => /* @__PURE__ */ i(l ? t : r, {
+	ref: d,
+	className: e(n({
+		spacing: o,
+		background: s,
+		divider: c
+	}), a),
+	...u
+}));
+a.displayName = "Section";
+//#endregion
+export { a as Section };
+
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":[],"sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["import * 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  as?: SectionElement;\n  asChild?: boolean;\n}\n\nconst Section = React.forwardRef<HTMLElement, SectionProps>(\n  (\n    {\n      as: Comp = \"section\",\n      className,\n      spacing,\n      background,\n      divider,\n      asChild = false,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nSection.displayName = \"Section\";\n\nexport { Section, sectionVariants };\n"],"mappings":";;;;;;AAuBA,IAAM,IAAU,EAAM,YAElB,EACE,IAAI,IAAO,WACX,cACA,YACA,eACA,YACA,aAAU,IACV,GAAG,KAEL,MAKE,kBAHU,IAAU,IAAO,GAG3B;CACO;CACL,WAAW,EACT,EAAgB;EAAE;EAAS;EAAY;EAAS,CAAC,EACjD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAQ,cAAc"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Section.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,8 @@
+import { VariantProps } from '../../utils/variants';
+export declare const sectionVariants: (props?: ({
+    spacing?: "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
+    background?: "base" | "muted" | "subtle" | "emphasis" | null | undefined;
+    divider?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SectionVariantProps = VariantProps<typeof sectionVariants>;
+//# sourceMappingURL=Section.variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;;8EAwB1B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}