@cascivo/react 0.12.0 → 0.13.1

package/dist/node/otp-input/otp-input.js

@@ -2,13 +2,13 @@
 
 import e from "./otp-input.module.js";
 import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as s } from "react";
+import { useRef as i } from "react";
+import { builtin as a, t as o } from "@cascivo/i18n";
+import { jsx as s } from "react/jsx-runtime";
 //#region ../components/src/otp-input/otp-input.tsx
 function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type: f = "numeric", className: p, ...m }) {
 	r();
-	let h = n(Array.from({ length: c }, (e, t) => l[t] ?? "")), g = s([]), _ = Array.from({ length: c }, (e, t) => l[t] ?? "");
+	let h = n(Array.from({ length: c }, (e, t) => l[t] ?? "")), g = i([]), _ = Array.from({ length: c }, (e, t) => l[t] ?? "");
 	JSON.stringify(h.value) !== JSON.stringify(_) && (h.value = _);
 	function v(e) {
 		u(e.join("")), h.value = e;
@@ -37,13 +37,13 @@ function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type:
 		for (let t = 0; t < n.length; t++) e + t < c && (r[e + t] = n[t] ?? "");
 		v(r), y(Math.min(e + n.length, c - 1));
 	}
-	let C = a(i.otpInput.label);
-	return /* @__PURE__ */ o("div", {
+	let C = o(a.otpInput.label);
+	return /* @__PURE__ */ s("div", {
 		className: t(e.wrapper, p),
 		role: "group",
 		"aria-label": C,
 		...m,
-		children: h.value.map((t, n) => /* @__PURE__ */ o("input", {
+		children: h.value.map((t, n) => /* @__PURE__ */ s("input", {
 			ref: (e) => {
 				g.current[n] = e;
 			},
@@ -52,7 +52,7 @@ function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type:
 			className: e.slot,
 			value: t,
 			maxLength: 1,
-			"aria-label": a(i.otpInput.digit, { n: String(n + 1) }),
+			"aria-label": o(a.otpInput.digit, { n: String(n + 1) }),
 			autoComplete: n === 0 ? "one-time-code" : "off",
 			disabled: d,
 			"data-filled": t ? "" : void 0,

package/dist/node/otp-input/otp-input.module.js

@@ -1,8 +1,8 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_15f1m_2",
-	slot: "_slot_15f1m_8"
+	wrapper: "_wrapper_k67bx_2",
+	slot: "_slot_k67bx_12"
 };
 //#endregion
 export { e as default };

package/dist/node/overflow-menu/overflow-menu.js

@@ -6,7 +6,12 @@ import { cn as n, useSignals as r } from "@cascivo/core";
 import { builtin as i, t as a } from "@cascivo/i18n";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/overflow-menu/overflow-menu.tsx
-function l() {
+function l(e) {
+	let t = e.value ?? e.id;
+	if (t === void 0) throw Error(`OverflowMenu: item "${e.label}" has neither \`value\` nor \`id\`. One of them is required — it is what \`onSelect\` receives.`);
+	return t;
+}
+function u() {
 	return /* @__PURE__ */ c("svg", {
 		viewBox: "0 0 16 16",
 		width: "16",
@@ -32,12 +37,12 @@ function l() {
 		]
 	});
 }
-function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, size: m = "md", disabled: h = !1, className: g }) {
+function d({ items: d, onSelect: f, placement: p = "bottom-end", ariaLabel: m, size: h = "md", disabled: g = !1, className: _ }) {
 	r();
-	let _ = p ?? a(i.overflowMenu.trigger), v = u.map((e) => {
+	let v = m ?? a(i.overflowMenu.trigger), y = d.map((e) => {
 		let n = {
 			label: e.label,
-			value: e.value
+			value: l(e)
 		};
 		return e.disabled !== void 0 && (n.disabled = e.disabled), e.destructive ? n.icon = /* @__PURE__ */ c(o, { children: [e.icon, /* @__PURE__ */ s("span", {
 			className: t["destructive-flag"],
@@ -45,21 +50,21 @@ function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, s
 		})] }) : e.icon !== void 0 && (n.icon = e.icon), n;
 	});
 	return /* @__PURE__ */ s("div", {
-		className: n(t.root, g),
+		className: n(t.root, _),
 		children: /* @__PURE__ */ s(e, {
-			items: v,
-			onSelect: (e) => d?.(e),
-			placement: f,
+			items: y,
+			onSelect: (e) => f?.(e),
+			placement: p,
 			trigger: /* @__PURE__ */ s("button", {
 				type: "button",
 				className: t.trigger,
-				"data-size": m,
-				disabled: h,
-				"aria-label": _,
-				children: /* @__PURE__ */ s(l, {})
+				"data-size": h,
+				disabled: g,
+				"aria-label": v,
+				children: /* @__PURE__ */ s(u, {})
 			})
 		})
 	});
 }
 //#endregion
-export { u as OverflowMenu };
+export { d as OverflowMenu };

package/dist/node/password-input/password-input.js

@@ -2,11 +2,11 @@
 
 import e from "./password-input.module.js";
 import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useId as c } from "react";
+import { forwardRef as i, useId as a } from "react";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region ../components/src/password-input/password-input.tsx
-function l(e) {
+function u(e) {
 	if (!e) return {
 		score: 0,
 		label: "weak"
@@ -23,58 +23,59 @@ function l(e) {
 		][t]
 	};
 }
-function u({ showStrengthMeter: u = !1, size: d = "md", labels: f, className: p, id: m, value: h, defaultValue: g, onChange: _, ...v }) {
+var d = i(function({ showStrengthMeter: i = !1, size: d = "md", labels: f, className: p, id: m, value: h, defaultValue: g, onChange: _, ...v }, y) {
 	r();
-	let y = n(!1), b = n(typeof h == "string" ? h : typeof g == "string" ? g : "");
-	typeof h == "string" && (b.value = h);
-	let x = c(), S = m ?? `cascade-password-${x}`, C = u ? l(b.value) : null, w = y.value ? f?.hide ?? a(i.passwordInput.hide) : f?.reveal ?? a(i.passwordInput.reveal), T = C ? f?.strengthLabel ? f.strengthLabel(C.label) : a(i.passwordInput.strengthLabel, { level: C.label }) : void 0;
-	return /* @__PURE__ */ s("div", {
+	let b = n(!1), x = n(typeof h == "string" ? h : typeof g == "string" ? g : "");
+	typeof h == "string" && (x.value = h);
+	let S = a(), C = m ?? `cascade-password-${S}`, w = i ? u(x.value) : null, T = b.value ? f?.hide ?? s(o.passwordInput.hide) : f?.reveal ?? s(o.passwordInput.reveal), E = w ? f?.strengthLabel ? f.strengthLabel(w.label) : s(o.passwordInput.strengthLabel, { level: w.label }) : void 0;
+	return /* @__PURE__ */ l("div", {
 		className: t(e.wrapper, p),
 		"data-size": d,
-		"data-revealed": y.value ? "" : void 0,
-		children: [/* @__PURE__ */ s("div", {
+		"data-revealed": b.value ? "" : void 0,
+		children: [/* @__PURE__ */ l("div", {
 			className: e["input-row"],
-			children: [/* @__PURE__ */ o("input", {
+			children: [/* @__PURE__ */ c("input", {
+				ref: y,
 				...v,
-				id: S,
-				type: y.value ? "text" : "password",
+				id: C,
+				type: b.value ? "text" : "password",
 				className: e.input,
 				value: h,
 				defaultValue: g,
 				onChange: (e) => {
-					typeof h != "string" && (b.value = e.currentTarget.value), _?.(e);
+					typeof h != "string" && (x.value = e.currentTarget.value), _?.(e);
 				}
-			}), /* @__PURE__ */ o("button", {
+			}), /* @__PURE__ */ c("button", {
 				type: "button",
 				className: e["reveal-btn"],
-				"aria-label": w,
+				"aria-label": T,
 				onClick: () => {
-					y.value = !y.value;
+					b.value = !b.value;
 				},
-				children: /* @__PURE__ */ o("span", {
+				children: /* @__PURE__ */ c("span", {
 					className: e["reveal-icon"],
 					"aria-hidden": "true"
 				})
 			})]
-		}), u && C && /* @__PURE__ */ o("div", {
+		}), i && w && /* @__PURE__ */ c("div", {
 			className: e["strength-meter"],
 			role: "meter",
-			"aria-label": T,
-			"aria-valuenow": C.score,
+			"aria-label": E,
+			"aria-valuenow": w.score,
 			"aria-valuemin": 0,
 			"aria-valuemax": 4,
-			"data-strength": C.label,
+			"data-strength": w.label,
 			children: [
 				0,
 				1,
 				2,
 				3
-			].map((t) => /* @__PURE__ */ o("div", {
+			].map((t) => /* @__PURE__ */ c("div", {
 				className: e["strength-segment"],
-				"data-filled": t < C.score ? "" : void 0
+				"data-filled": t < w.score ? "" : void 0
 			}, t))
 		})]
 	});
-}
+});
 //#endregion
-export { u as PasswordInput };
+export { d as PasswordInput };

package/dist/node/password-input/password-input.module.js

@@ -1,13 +1,13 @@
 "use client";
 
 var e = {
-	wrapper: "_wrapper_r2rcd_2",
-	"input-row": "_input-row_r2rcd_26",
-	input: "_input_r2rcd_26",
-	"reveal-btn": "_reveal-btn_r2rcd_68",
-	"reveal-icon": "_reveal-icon_r2rcd_94",
-	"strength-meter": "_strength-meter_r2rcd_114",
-	"strength-segment": "_strength-segment_r2rcd_135"
+	wrapper: "_wrapper_19052_2",
+	"input-row": "_input-row_19052_30",
+	input: "_input_19052_30",
+	"reveal-btn": "_reveal-btn_19052_72",
+	"reveal-icon": "_reveal-icon_19052_98",
+	"strength-meter": "_strength-meter_19052_118",
+	"strength-segment": "_strength-segment_19052_139"
 };
 //#endregion
 export { e as default };

package/dist/node/popover/popover.js

@@ -2,48 +2,50 @@
 
 import { usePopover as e } from "./use-popover.js";
 import t from "./popover.module.js";
-import { useSignals as n } from "@cascivo/core";
-import { jsx as r } from "react/jsx-runtime";
+import { Slot as n, useSignals as r } from "@cascivo/core";
 import { createContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region ../components/src/popover/popover.tsx
-var a = i(null);
-function o({ children: t, ...n }) {
-	let i = e(n);
-	return /* @__PURE__ */ r(a.Provider, {
-		value: i,
+var o = i(null);
+function s({ children: t, ...n }) {
+	let r = e(n);
+	return /* @__PURE__ */ a(o.Provider, {
+		value: r,
 		children: t
 	});
 }
-function s({ children: e }) {
-	return n(), /* @__PURE__ */ r(a.Consumer, { children: (n) => {
+function c({ children: e, asChild: i = !1 }) {
+	r();
+	let s = i ? n : "button";
+	return /* @__PURE__ */ a(o.Consumer, { children: (n) => {
 		if (!n) throw Error("PopoverTrigger must be used inside <Popover>");
-		let { triggerRef: i, toggle: a, anchorName: o, isOpen: s } = n;
-		return /* @__PURE__ */ r("button", {
-			ref: i,
-			type: "button",
-			"aria-expanded": s.value,
+		let { triggerRef: r, toggle: o, anchorName: c, isOpen: l } = n;
+		return /* @__PURE__ */ a(s, {
+			ref: r,
+			type: i ? void 0 : "button",
+			"aria-expanded": l.value,
 			"aria-haspopup": "dialog",
-			style: { anchorName: o },
-			onClick: a,
+			style: { anchorName: c },
+			onClick: o,
 			className: t.trigger,
 			children: e
 		});
 	} });
 }
-function c({ children: e, className: i }) {
-	return n(), /* @__PURE__ */ r(a.Consumer, { children: (n) => {
-		if (!n) throw Error("PopoverContent must be used inside <Popover>");
-		let { popoverRef: a, anchorName: o, isOpen: s } = n;
-		return /* @__PURE__ */ r("div", {
-			ref: a,
+function l({ children: e, className: n }) {
+	return r(), /* @__PURE__ */ a(o.Consumer, { children: (r) => {
+		if (!r) throw Error("PopoverContent must be used inside <Popover>");
+		let { popoverRef: i, anchorName: o, isOpen: s } = r;
+		return /* @__PURE__ */ a("div", {
+			ref: i,
 			popover: "auto",
 			role: "dialog",
 			"data-state": s.value ? "open" : "closed",
 			style: { positionAnchor: o },
-			className: [t.content, i].filter(Boolean).join(" "),
+			className: [t.content, n].filter(Boolean).join(" "),
 			children: e
 		});
 	} });
 }
 //#endregion
-export { o as Popover, c as PopoverContent, s as PopoverTrigger };
+export { s as Popover, l as PopoverContent, c as PopoverTrigger };

package/dist/node/progress/progress.js

@@ -3,14 +3,15 @@
 import e from "./progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/progress/progress.tsx
-function n({ value: n, variant: r = "primary", size: i = "md", className: a, ...o }) {
+function n({ value: n, variant: r = "primary", size: i = "md", className: a, ariaLabel: o, ...s }) {
 	return /* @__PURE__ */ t("progress", {
+		"aria-label": s["aria-label"] ?? o,
 		className: [e.progress, a].filter(Boolean).join(" "),
 		"data-variant": r,
 		"data-size": i,
 		value: n,
 		max: n === void 0 ? void 0 : 100,
-		...o
+		...s
 	});
 }
 //#endregion

package/dist/node/pull-to-refresh/pull-to-refresh.js

@@ -3,18 +3,18 @@
 import { Spinner as e } from "../spinner/spinner.js";
 import t from "./pull-to-refresh.module.js";
 import { cn as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { builtin as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useRef as u } from "react";
+import { useRef as o } from "react";
+import { builtin as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/pull-to-refresh/pull-to-refresh.tsx
 var d = .5;
 function f({ onRefresh: f, children: p, threshold: m = 64, disabled: h = !1, labels: g, className: _ }) {
 	a();
-	let v = u(null), y = r(0), b = r(!1), x = r(!1), S = u(f);
+	let v = o(null), y = r(0), b = r(!1), x = r(!1), S = o(f);
 	S.current = f;
-	let C = u(m);
+	let C = o(m);
 	C.current = m;
-	let w = u(h);
+	let w = o(h);
 	w.current = h, i(() => {
 		let e = v.current;
 		if (!e || typeof window > "u") return;
@@ -39,21 +39,21 @@ function f({ onRefresh: f, children: p, threshold: m = 64, disabled: h = !1, lab
 			e.removeEventListener("pointerdown", r), window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a);
 		};
 	});
-	let T = b.value ? m : y.value, E = Math.min(T / m, 1), D = E >= 1, O = b.value ? g?.refreshing ?? s(o.pullToRefresh.refreshing) : D ? g?.release ?? s(o.pullToRefresh.release) : T > 0 ? g?.pull ?? s(o.pullToRefresh.pull) : "", k = { "--_pull": `${T}px` };
-	return /* @__PURE__ */ l("div", {
+	let T = b.value ? m : y.value, E = Math.min(T / m, 1), D = E >= 1, O = b.value ? g?.refreshing ?? c(s.pullToRefresh.refreshing) : D ? g?.release ?? c(s.pullToRefresh.release) : T > 0 ? g?.pull ?? c(s.pullToRefresh.pull) : "", k = { "--_pull": `${T}px` };
+	return /* @__PURE__ */ u("div", {
 		className: n(t.root, _),
 		style: k,
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: t.indicator,
 				"data-dragging": x.value ? "" : void 0,
-				children: b.value ? /* @__PURE__ */ c(e, { size: "sm" }) : /* @__PURE__ */ c("svg", {
+				children: b.value ? /* @__PURE__ */ l(e, { size: "sm" }) : /* @__PURE__ */ l("svg", {
 					"aria-hidden": "true",
 					viewBox: "0 0 16 16",
 					className: t.arrow,
 					"data-ready": D ? "" : void 0,
 					style: { opacity: E },
-					children: /* @__PURE__ */ c("path", {
+					children: /* @__PURE__ */ l("path", {
 						d: "M8 13V3M4 7l4-4 4 4",
 						fill: "none",
 						stroke: "currentColor",
@@ -63,13 +63,13 @@ function f({ onRefresh: f, children: p, threshold: m = 64, disabled: h = !1, lab
 					})
 				})
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ l("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: t.srOnly,
 				children: O
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				ref: v,
 				className: t.viewport,
 				"data-dragging": x.value ? "" : void 0,

package/dist/node/radial-progress/radial-progress.js

@@ -1,12 +1,12 @@
 "use client";
 
 import e from "./radial-progress.module.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useId as n } from "react";
+import { useId as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../components/src/radial-progress/radial-progress.tsx
 function r({ value: r, size: i = "md", variant: a = "primary", children: o, className: s, ...c }) {
-	let l = Math.min(100, Math.max(0, r)), u = n();
-	return /* @__PURE__ */ t("div", {
+	let l = Math.min(100, Math.max(0, r)), u = t();
+	return /* @__PURE__ */ n("div", {
 		role: "progressbar",
 		"aria-valuenow": l,
 		"aria-valuemin": 0,
@@ -17,7 +17,7 @@ function r({ value: r, size: i = "md", variant: a = "primary", children: o, clas
 		"data-variant": a,
 		style: { "--cascivo-radial-progress": l },
 		...c,
-		children: /* @__PURE__ */ t("span", {
+		children: /* @__PURE__ */ n("span", {
 			id: u,
 			className: e.label,
 			children: o ?? `${l}%`

package/dist/node/radio/radio.js

@@ -2,48 +2,49 @@
 
 import e from "./radio.module.js";
 import { cn as t } from "@cascivo/core";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Children as i, cloneElement as a, isValidElement as o } from "react";
+import { Children as n, cloneElement as r, forwardRef as i, isValidElement as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/radio/radio.tsx
-function s({ label: i, className: a, id: o, disabled: s, value: c, ...l }) {
-	let u = o ?? (i ? `cascade-radio-${c}` : void 0);
-	return /* @__PURE__ */ r("label", {
-		className: t(e.wrapper, a),
-		"data-disabled": s || void 0,
+var c = i(function({ label: n, className: r, id: i, disabled: a, value: c, ...l }, u) {
+	let d = i ?? (n ? `cascade-radio-${c}` : void 0);
+	return /* @__PURE__ */ s("label", {
+		className: t(e.wrapper, r),
+		"data-disabled": a || void 0,
 		children: [
-			/* @__PURE__ */ n("input", {
-				id: u,
+			/* @__PURE__ */ o("input", {
+				id: d,
 				type: "radio",
 				value: c,
 				className: e.input,
-				disabled: s,
+				disabled: a,
+				ref: u,
 				...l
 			}),
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ o("span", {
 				className: e.control,
 				"aria-hidden": "true"
 			}),
-			i && /* @__PURE__ */ n("span", {
+			n && /* @__PURE__ */ o("span", {
 				className: e.label,
-				children: i
+				children: n
 			})
 		]
 	});
-}
-function c({ name: r, value: s, defaultValue: c, onChange: l, orientation: u = "vertical", className: d, children: f }) {
+});
+function l({ name: i, value: s, defaultValue: c, onChange: l, orientation: u = "vertical", className: d, children: f }) {
 	let p = s !== void 0;
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ o("div", {
 		role: "radiogroup",
 		"data-orientation": u,
 		className: t(e.group, d),
-		children: i.map(f, (e) => {
-			if (!o(e)) return e;
-			let t = e, n = t.props.value, i = { name: r };
-			return p ? i.checked = n === s : c !== void 0 && (i.defaultChecked = n === c), l && (i.onChange = (e) => {
+		children: n.map(f, (e) => {
+			if (!a(e)) return e;
+			let t = e, n = t.props.value, o = { name: i };
+			return p ? o.checked = n === s : c !== void 0 && (o.defaultChecked = n === c), l && (o.onChange = (e) => {
 				e.target.checked && l(n);
-			}), a(t, i);
+			}), r(t, o);
 		})
 	});
 }
 //#endregion
-export { s as Radio, c as RadioGroup };
+export { c as Radio, l as RadioGroup };

package/dist/node/radio-card/radio-card.js

@@ -2,62 +2,63 @@
 
 import e from "./radio-card.module.js";
 import { cn as t } from "@cascivo/core";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { createContext as i } from "react";
+import { createContext as n, forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../components/src/radio-card/radio-card.tsx
-var a = i({ name: "" });
-function o({ name: r, label: i, value: o, defaultValue: s, onValueChange: c, children: l, className: u }) {
-	return /* @__PURE__ */ n(a.Provider, {
+var o = n({ name: "" });
+function s({ name: n, label: r, value: a, defaultValue: s, onValueChange: c, children: l, className: u }) {
+	return /* @__PURE__ */ i(o.Provider, {
 		value: {
-			name: r,
-			value: o,
+			name: n,
+			value: a,
 			defaultValue: s,
 			onValueChange: c
 		},
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ i("div", {
 			role: "radiogroup",
-			"aria-label": i,
+			"aria-label": r,
 			className: t(e.group, u),
 			children: l
 		})
 	});
 }
-function s({ value: t, title: i, description: o, disabled: s, hideIndicator: c, ...l }) {
-	return /* @__PURE__ */ n(a.Consumer, { children: (a) => /* @__PURE__ */ r("label", {
+var c = r(function({ value: t, title: n, description: r, disabled: s, hideIndicator: c, ...l }, u) {
+	return /* @__PURE__ */ i(o.Consumer, { children: (o) => /* @__PURE__ */ a("label", {
 		className: e.card,
 		"data-disabled": s || void 0,
 		children: [
-			/* @__PURE__ */ n("input", {
+			/* @__PURE__ */ i("input", {
 				type: "radio",
 				className: e.input,
-				name: a.name,
+				name: o.name,
 				value: t,
 				disabled: s,
-				...a.value === void 0 ? {
-					defaultChecked: a.defaultValue === t,
-					onChange: () => a.onValueChange?.(t)
+				...o.value === void 0 ? {
+					defaultChecked: o.defaultValue === t,
+					onChange: () => o.onValueChange?.(t)
 				} : {
-					checked: a.value === t,
-					onChange: () => a.onValueChange?.(t)
+					checked: o.value === t,
+					onChange: () => o.onValueChange?.(t)
 				},
+				ref: u,
 				...l
 			}),
-			!c && /* @__PURE__ */ n("span", {
+			!c && /* @__PURE__ */ i("span", {
 				className: e.glyph,
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ a("span", {
 				className: e.body,
-				children: [/* @__PURE__ */ n("span", {
+				children: [/* @__PURE__ */ i("span", {
 					className: e.title,
-					children: i
-				}), o && /* @__PURE__ */ n("span", {
+					children: n
+				}), r && /* @__PURE__ */ i("span", {
 					className: e.description,
-					children: o
+					children: r
 				})]
 			})
 		]
 	}) });
-}
+});
 //#endregion
-export { s as RadioCard, o as RadioCardGroup };
+export { c as RadioCard, s as RadioCardGroup };

package/dist/node/react/src/index.js

@@ -133,6 +133,7 @@ import { Columns as rn } from "../../layouts/src/columns/columns.js";
 import { Center as an } from "../../layouts/src/center/center.js";
 import { Spacer as on } from "../../layouts/src/spacer/spacer.js";
 import { AutoGrid as sn } from "../../layouts/src/auto-grid/auto-grid.js";
-import { ThemeProvider as cn, setTheme as ln, themePreloadScript as un, themeSignal as dn, useTheme as fn } from "./theme.js";
-import { DismissableLayer as pn, ErrorBoundary as mn, FocusScope as hn, Portal as gn, Presence as _n, Slot as vn, SuspenseBoundary as yn, VisuallyHidden as bn, batch as xn, cn as Sn, composeRefs as Cn, computePosition as wn, computed as Tn, createMachine as En, createScope as Dn, createStreamBuffer as On, effect as kn, getLinkComponent as An, mergeProps as jn, setLinkComponent as Mn, signal as Nn, useAnchorPosition as Pn, useClipboard as Fn, useComputed as In, useControllableSignal as Ln, useDisclosure as Rn, useEffectPropSignal as zn, useId as Bn, useMachine as Vn, useMediaQuery as Hn, useRovingFocus as Un, useScope as Wn, useScrollLock as Gn, useSignal as Kn, useSignalEffect as qn, useSignals as Jn, useStreamBuffer as Yn, useTypeahead as Xn } from "@cascivo/core";
-export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, pn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, mn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, hn as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, gn as Portal, _n as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, vn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, yn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, cn as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, bn as VisuallyHidden, xn as batch, Sn as cn, Cn as composeRefs, wn as computePosition, Tn as computed, oe as createForm, En as createMachine, Dn as createScope, On as createStreamBuffer, E as dismissAllToasts, kn as effect, re as fuzzyMatch, ie as fuzzyScore, An as getLinkComponent, jn as mergeProps, Mn as setLinkComponent, ln as setTheme, Nn as signal, un as themePreloadScript, dn as themeSignal, Ct as treeViewMessages, Pn as useAnchorPosition, Fn as useClipboard, In as useComputed, Ln as useControllableSignal, Rn as useDisclosure, zn as useEffectPropSignal, se as useForm, Bn as useId, Vn as useMachine, Hn as useMediaQuery, U as usePopover, Un as useRovingFocus, Wn as useScope, Gn as useScrollLock, Kn as useSignal, qn as useSignalEffect, Jn as useSignals, Yn as useStreamBuffer, fn as useTheme, D as useToast, V as useTocFromRegion, Xn as useTypeahead };
+import { PageHeader as cn } from "../../layouts/src/page-header/page-header.js";
+import { ThemeProvider as ln, applyTheme as un, setTheme as dn, themePreloadScript as fn, themeSignal as pn, useTheme as mn } from "./theme.js";
+import { DismissableLayer as hn, ErrorBoundary as gn, FocusScope as _n, Portal as vn, Presence as yn, Slot as bn, SuspenseBoundary as xn, VisuallyHidden as Sn, batch as Cn, cn as wn, composeRefs as Tn, computePosition as En, computed as Dn, createMachine as On, createScope as kn, createStreamBuffer as An, effect as jn, getLinkComponent as Mn, mergeProps as Nn, setLinkComponent as Pn, signal as Fn, useAnchorPosition as In, useClipboard as Ln, useComputed as Rn, useControllableSignal as zn, useDisclosure as Bn, useEffectPropSignal as Vn, useId as Hn, useMachine as Un, useMediaQuery as Wn, useRovingFocus as Gn, useScope as Kn, useScrollLock as qn, useSignal as Jn, useSignalEffect as Yn, useSignals as Xn, useStreamBuffer as Zn, useTypeahead as Qn } from "@cascivo/core";
+export { M as Accordion, N as AccordionContent, P as AccordionItem, F as AccordionTrigger, I as ActionSheet, d as Alert, ye as AlertDialog, Yt as AppShell, _t as AspectRatio, sn as AutoGrid, f as Avatar, p as AvatarGroup, c as Badge, $e as Blockquote, xe as BottomSheet, z as Breadcrumb, t as Button, dt as ButtonGroup, Ft as Calendar, r as Card, i as CardContent, a as CardFooter, o as CardHeader, s as CardTitle, Rt as Carousel, an as Center, Xt as ChatBubble, v as Checkbox, He as CheckboxCard, Qe as Code, Ut as CodeSnippet, gt as Collapsible, Lt as ColorPicker, rn as Columns, ce as Combobox, ne as CommandMenu, we as Comparison, Tt as ContainedList, Et as ContainedListItem, Se as ContextMenu, Ce as ContextMenuItem, Ue as CopyButton, Dt as DataList, te as DataTable, le as DatePicker, It as DateRangePicker, hn as DismissableLayer, Bt as Dock, Vt as Drawer, w as Dropdown, Ie as Editable, X as EmptyState, gn as ErrorBoundary, Z as Fab, ct as Field, ue as FileUploader, lt as Filter, nn as Flex, _n as FocusScope, ae as Form, en as Grid, tn as GridItem, H as Header, Be as HeaderPanel, Xe as Heading, Te as HoverCard, Ee as HoverCardContent, De as HoverCardTrigger, ut as IconButton, h as Image, Kt as Indicator, pt as InlineLoading, n as Input, Ne as InputGroup, Pe as InputGroupAddon, kt as Item, At as ItemActions, jt as ItemContent, Mt as ItemDescription, Nt as ItemMedia, Pt as ItemTitle, qt as Join, L as Kbd, st as Label, R as Link, et as List, tt as ListItem, nt as LogViewer, he as Menu, vt as MenuButton, ge as MenuItem, _e as MenuSeparator, ve as MenuTrigger, bt as Menubar, l as Modal, ke as MultiSelect, Ht as NativeSelect, xt as NavigationMenu, mt as Notification, ee as NumberInput, je as OtpInput, Q as OverflowMenu, cn as PageHeader, G as Pagination, Oe as PasswordInput, fe as Popover, pe as PopoverContent, me as PopoverTrigger, vn as Portal, yn as Presence, Je as Progress, Y as ProgressBar, Ye as ProgressCircle, K as ProgressIndicator, rt as Prose, it as PullToRefresh, at as QrCode, Zt as RadialProgress, y as Radio, Le as RadioCard, Re as RadioCardGroup, b as RadioGroup, Fe as RatingGroup, ot as RelativeTime, zt as Resizable, ht as ScrollArea, $ as Search, Me as SegmentedControl, _ as Select, u as Separator, be as Sheet, ze as ShellHeader, W as SideNav, J as Skeleton, Ke as SkipNavLink, qe as SkipNavTarget, S as Slider, bn as Slot, on as Spacer, e as Spinner, Jt as Stack, We as Stat, Ge as Status, Wt as Steps, wt as StructuredList, xn as SuspenseBoundary, Qt as Swap, $t as SwipeItem, Ve as Switcher, O as Tabs, k as TabsContent, A as TabsList, j as TabsTrigger, q as Tag, Ae as TagsInput, Ze as Text, g as Textarea, ln as ThemeProvider, Gt as Tile, de as TimePicker, Ot as Timeline, T as ToastProvider, B as Toc, x as Toggle, ft as ToggleGroup, yt as Toggletip, C as Tooltip, St as TreeView, m as User, Sn as VisuallyHidden, un as applyTheme, Cn as batch, wn as cn, Tn as composeRefs, En as computePosition, Dn as computed, oe as createForm, On as createMachine, kn as createScope, An as createStreamBuffer, E as dismissAllToasts, jn as effect, re as fuzzyMatch, ie as fuzzyScore, Mn as getLinkComponent, Nn as mergeProps, Pn as setLinkComponent, dn as setTheme, Fn as signal, fn as themePreloadScript, pn as themeSignal, Ct as treeViewMessages, In as useAnchorPosition, Ln as useClipboard, Rn as useComputed, zn as useControllableSignal, Bn as useDisclosure, Vn as useEffectPropSignal, se as useForm, Hn as useId, Un as useMachine, Wn as useMediaQuery, U as usePopover, Gn as useRovingFocus, Kn as useScope, qn as useScrollLock, Jn as useSignal, Yn as useSignalEffect, Xn as useSignals, Zn as useStreamBuffer, mn as useTheme, D as useToast, V as useTocFromRegion, Qn as useTypeahead };