@cascivo/react 0.12.0 → 0.13.1

package/dist/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/password-input/password-input.module.js

@@ -2,13 +2,13 @@
 
 import './password-input.css';
 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/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/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/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/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/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/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/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 };

package/dist/react/src/theme.js

@@ -2,8 +2,8 @@
 
 import { persistedSignal as e } from "../../storage/src/persisted-signal.js";
 import { useSignalEffect as t, useSignals as n } from "@cascivo/core";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useRef as o } from "react";
+import { useRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/theme.tsx
 var s = "cascivo-theme", c = "data-theme";
 function l() {
@@ -12,7 +12,7 @@ function l() {
 var u = /* @__PURE__ */ new Set();
 function d(e, t) {
 	l() && (e === null || typeof document > "u" || typeof requestAnimationFrame != "function" || u.has(t) || requestAnimationFrame(() => {
-		u.has(t) || getComputedStyle(e).getPropertyValue("--cascivo-color-accent").trim() === "" && (u.add(t), console.warn(`cascivo ThemeProvider: data-theme=${JSON.stringify(t)} was set, but no cascivo theme CSS defines it — every --cascivo-color-* token is unresolved, so components render grayscale. Import '@cascivo/themes/all.css' once in your entry (or '@cascivo/react/styles.css', which bundles the light and dark themes). Using a custom theme? Ensure its stylesheet is loaded and defines [data-theme=${JSON.stringify(t)}]. Docs: https://cascivo.com/docs/theming — offline: npx -y @cascivo/docs guide theming`));
+		u.has(t) || getComputedStyle(e).getPropertyValue("--cascivo-color-accent").trim() === "" && (u.add(t), console.warn(`cascivo ThemeProvider: data-theme=${JSON.stringify(t)} was set, but no cascivo theme CSS defines it — every --cascivo-color-* token is unresolved, so components render grayscale. Import '@cascivo/themes/all.css' once in your entry (or '@cascivo/react/styles.css', which bundles the light and dark themes). Using a custom theme? Ensure its stylesheet is loaded and defines [data-theme=${JSON.stringify(t)}]. Docs: https://cascivo.com/docs/theming.md — offline: npx -y @cascivo/docs guide theming`));
 	}));
 }
 var f = null, p = {
@@ -29,39 +29,50 @@ function h() {
 function g() {
 	return f ??= e(p.storageKey, h()), f;
 }
-function _(e) {
+var _ = !1, v = !1;
+function y(e) {
+	!l() || v || typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
+		_ || v || (v = !0, console.warn(`cascivo setTheme(${JSON.stringify(e)}): no <ThemeProvider> is mounted, so the theme signal updated but the ${c} attribute was never written — nothing on the page will restyle. Wrap your app in <ThemeProvider> (it is SSR-safe and persists the choice), or call applyTheme() to write the attribute directly if you are theming outside React. Docs: https://cascivo.com/docs/theming.md — offline: npx -y @cascivo/docs guide theming`));
+	});
+}
+function b(e) {
+	g().value = e, y(e);
+}
+function x(e, t) {
 	g().value = e;
+	let n = t ?? (typeof document < "u" ? document.documentElement : null);
+	n !== null && (n.setAttribute(c, e), d(n, e));
 }
-function v() {
-	return n(), [g().value, _];
+function S() {
+	return n(), [g().value, b];
 }
-function y() {
+function C() {
 	return g();
 }
-function b(e) {
+function w(e) {
 	return JSON.stringify(e).replace(/</g, "\\u003c");
 }
-function x({ defaultTheme: e, value: n, storageKey: l = s, attribute: u = c, target: m, onChange: h, nonce: _, children: v }) {
-	let y = o(!1);
-	y.current || (y.current = !0, (f === null || p.storageKey !== l) && (p = {
+function T({ defaultTheme: e, value: n, storageKey: l = s, attribute: u = c, target: m, onChange: h, nonce: v, children: y }) {
+	let b = r(!1);
+	b.current || (b.current = !0, (f === null || p.storageKey !== l) && (p = {
 		storageKey: l,
 		defaultTheme: e ?? "light",
 		explicit: e !== void 0
 	}, f = null));
 	let x = g();
 	n !== void 0 && (x.value = n);
-	let S = o(h);
+	let S = r(h);
 	return S.current = h, t(() => {
 		let e = x.value, t = m ? m.current : typeof document < "u" ? document.documentElement : null;
-		t?.setAttribute(u, e), d(t, e), S.current?.(e);
-	}), n !== void 0 && !m ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("script", {
-		nonce: _,
-		dangerouslySetInnerHTML: { __html: `document.documentElement.setAttribute(${b(u)},${b(n)})` }
-	}), v] }) : /* @__PURE__ */ i(r, { children: v });
+		_ = !0, t?.setAttribute(u, e), d(t, e), S.current?.(e);
+	}), n !== void 0 && !m ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("script", {
+		nonce: v,
+		dangerouslySetInnerHTML: { __html: `document.documentElement.setAttribute(${w(u)},${w(n)})` }
+	}), y] }) : /* @__PURE__ */ a(i, { children: y });
 }
-function S(e = {}) {
+function E(e = {}) {
 	let t = JSON.stringify(e.storageKey ?? s), n = JSON.stringify(e.attribute ?? c), r = JSON.stringify(e.defaultTheme ?? "light"), i = e.defaultTheme === void 0 ? "if(typeof matchMedia==='function'){if(matchMedia('(prefers-color-scheme: dark)').matches)v='dark';else if(matchMedia('(prefers-color-scheme: light)').matches)v='light';}" : "";
 	return `(function(){try{var v=${r};` + i + `var raw=localStorage.getItem(${t});if(raw){v=raw;try{var e=JSON.parse(raw);if(e&&typeof e==='object'&&'value'in e)v=e.value;}catch(_){}}document.documentElement.setAttribute(${n},v);}catch(_){}})();`;
 }
 //#endregion
-export { x as ThemeProvider, _ as setTheme, S as themePreloadScript, y as themeSignal, v as useTheme };
+export { T as ThemeProvider, x as applyTheme, b as setTheme, E as themePreloadScript, C as themeSignal, S as useTheme };