@cascivo/react 0.14.0 → 0.16.0

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

@@ -1,12 +1,12 @@
 "use client";
 
 import e from "./number-input.module.js";
-import { cn as t, createMachine as n, useMachine as r, useSignal as i, useSignals as a } from "@cascivo/core";
-import { forwardRef as o } from "react";
+import { forwardRef as t } from "react";
+import { cn as n, createMachine as r, useMachine as i, useSignal as a, useSignals as o } from "@cascivo/core";
 import { builtin as s, t as c } from "@cascivo/i18n";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/number-input/number-input.tsx
-var d = n({
+var d = r({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
@@ -31,9 +31,9 @@ function h(e) {
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
 }
-var g = o(function({ value: n, defaultValue: o, onValueChange: g, onChange: _, min: v, max: y, step: b = 1, precision: x, formatOptions: S, label: C, hint: w, error: T, size: E = "md", disabled: D, incrementLabel: O, decrementLabel: k, className: A, id: j, onFocus: M, onBlur: N, onKeyDown: P, ...F }, I) {
-	a();
-	let L = O ?? c(s.numberInput.increment), R = k ?? c(s.numberInput.decrement), [z, B] = r(d), V = n !== void 0, H = i(o ?? null), U = i(""), W = V ? n : H.value, G = j ?? (C ? `cascade-number-input-${C.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
+var g = t(function({ value: t, defaultValue: r, onValueChange: g, onChange: _, min: v, max: y, step: b = 1, precision: x, formatOptions: S, label: C, hint: w, error: T, size: E = "md", disabled: D, incrementLabel: O, decrementLabel: k, className: A, id: j, onFocus: M, onBlur: N, onKeyDown: P, ...F }, I) {
+	o();
+	let L = O ?? c(s.numberInput.increment), R = k ?? c(s.numberInput.decrement), [z, B] = i(d), V = t !== void 0, H = a(r ?? null), U = a(""), W = V ? t : H.value, G = j ?? (C ? `cascade-number-input-${C.toLowerCase().replace(/\s+/g, "-")}` : void 0), K = (e) => {
 		V || (H.value = e), U.value = e == null ? "" : String(e), e !== W && (g ?? _)?.(e);
 	}, q = () => {
 		let e = h(U.value);
@@ -43,7 +43,7 @@ var g = o(function({ value: n, defaultValue: o, onValueChange: g, onChange: _, m
 		K(f(m(t + e * b, n), v, y));
 	}, Y = z.value === "focused" ? U.value : ((e) => e == null ? "" : S ? new Intl.NumberFormat(void 0, S).format(e) : String(e))(W), X = W != null && y !== void 0 && W >= y, Z = W != null && v !== void 0 && W <= v;
 	return /* @__PURE__ */ u("div", {
-		className: t(e.wrapper, A),
+		className: n(e.wrapper, A),
 		"data-state": T ? "error" : z.value,
 		"data-size": E,
 		children: [

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_aavdw_2",
 	label: "_label_aavdw_31",

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

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./otp-input.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { useRef as i } from "react";
+import { useRef as t } from "react";
+import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
 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 = i([]), _ = Array.from({ length: c }, (e, t) => l[t] ?? "");
+	i();
+	let h = r(Array.from({ length: c }, (e, t) => l[t] ?? "")), g = t([]), _ = 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;
@@ -39,7 +39,7 @@ function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type:
 	}
 	let C = o(a.otpInput.label);
 	return /* @__PURE__ */ s("div", {
-		className: t(e.wrapper, p),
+		className: n(e.wrapper, p),
 		role: "group",
 		"aria-label": C,
 		...m,

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_k67bx_2",
 	slot: "_slot_k67bx_12"

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_14jtg_2",
 	trigger: "_trigger_14jtg_6",

package/dist/node/pagination/pagination.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	pagination: "_pagination_1rt7c_2",
 	group: "_group_1rt7c_13",

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

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./password-input.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { forwardRef as i, useId as a } from "react";
+import { forwardRef as t, useId as n } from "react";
+import { cn as r, useSignal 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";
 //#region ../components/src/password-input/password-input.tsx
@@ -23,13 +23,13 @@ function u(e) {
 		][t]
 	};
 }
-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 b = n(!1), x = n(typeof h == "string" ? h : typeof g == "string" ? g : "");
+var d = t(function({ showStrengthMeter: t = !1, size: d = "md", labels: f, className: p, id: m, value: h, defaultValue: g, onChange: _, ...v }, y) {
+	a();
+	let b = i(!1), x = i(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;
+	let S = n(), C = m ?? `cascade-password-${S}`, w = t ? 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),
+		className: r(e.wrapper, p),
 		"data-size": d,
 		"data-revealed": b.value ? "" : void 0,
 		children: [/* @__PURE__ */ l("div", {
@@ -57,7 +57,7 @@ var d = i(function({ showStrengthMeter: i = !1, size: d = "md", labels: f, class
 					"aria-hidden": "true"
 				})
 			})]
-		}), i && w && /* @__PURE__ */ c("div", {
+		}), t && w && /* @__PURE__ */ c("div", {
 			className: e["strength-meter"],
 			role: "meter",
 			"aria-label": E,

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_19052_2",
 	"input-row": "_input-row_19052_30",

package/dist/node/popover/popover.js

@@ -2,11 +2,11 @@
 
 import { usePopover as e } from "./use-popover.js";
 import t from "./popover.module.js";
-import { Slot as n, useSignals as r } from "@cascivo/core";
-import { createContext as i } from "react";
+import { createContext as n } from "react";
+import { Slot as r, useSignals as i } from "@cascivo/core";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../components/src/popover/popover.tsx
-var o = i(null);
+var o = n(null);
 function s({ children: t, ...n }) {
 	let r = e(n);
 	return /* @__PURE__ */ a(o.Provider, {
@@ -14,15 +14,15 @@ function s({ children: t, ...n }) {
 		children: t
 	});
 }
-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: r, toggle: o, anchorName: c, isOpen: l } = n;
+function c({ children: e, asChild: n = !1 }) {
+	i();
+	let s = n ? r : "button";
+	return /* @__PURE__ */ a(o.Consumer, { children: (r) => {
+		if (!r) throw Error("PopoverTrigger must be used inside <Popover>");
+		let { triggerRef: i, toggle: o, anchorName: c, isOpen: l } = r;
 		return /* @__PURE__ */ a(s, {
-			ref: r,
-			type: i ? void 0 : "button",
+			ref: i,
+			type: n ? void 0 : "button",
 			"aria-expanded": l.value,
 			"aria-haspopup": "dialog",
 			style: { anchorName: c },
@@ -33,7 +33,7 @@ function c({ children: e, asChild: i = !1 }) {
 	} });
 }
 function l({ children: e, className: n }) {
-	return r(), /* @__PURE__ */ a(o.Consumer, { children: (r) => {
+	return i(), /* @__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", {

package/dist/node/popover/popover.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	trigger: "_trigger_13tp0_2",
 	content: "_content_13tp0_11"

package/dist/node/popover/use-popover.js

@@ -1,18 +1,16 @@
-"use client";
-
-import { useId as e, useSignal as t, useSignalEffect as n } from "@cascivo/core";
-import { useRef as r } from "react";
+import { useRef as e } from "react";
+import { useId as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
 //#region ../components/src/popover/use-popover.ts
 var i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
 function a(a = {}) {
-	let o = `--${e("cascivo-popover")}`, s = r(null), c = r(null), l = t(a.open ?? !1);
+	let o = `--${t("cascivo-popover")}`, s = e(null), c = e(null), l = n(a.open ?? !1);
 	a.open !== void 0 && (l.value = a.open);
-	let u = r(a.onOpenChange);
+	let u = e(a.onOpenChange);
 	u.current = a.onOpenChange;
-	let d = r(a.placement);
+	let d = e(a.placement);
 	d.current = a.placement;
-	let f = r(a.offset);
-	return f.current = a.offset, n(() => {
+	let f = e(a.offset);
+	return f.current = a.offset, r(() => {
 		let e = l.value;
 		u.current?.(e);
 		let t = c.current;
@@ -30,7 +28,7 @@ function a(a = {}) {
 				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
 			}
 		}
-	}), n(() => {
+	}), r(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = (e) => {

package/dist/node/progress/progress.js

@@ -1,5 +1,3 @@
-"use client";
-
 import e from "./progress.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/progress/progress.tsx

package/dist/node/progress/progress.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	progress: "_progress_1xlox_2",
 	"cascivo-progress-indeterminate": "_cascivo-progress-indeterminate_1xlox_1"

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./progress-bar.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/progress-bar/progress-bar.tsx
 function i({ value: i, max: a = 100, label: o, helperText: s, size: c = "md", status: l = "active", className: u }) {

package/dist/node/progress-bar/progress-bar.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	progress: "_progress_16ha1_2",
 	"cascade-progress-sweep": "_cascade-progress-sweep_16ha1_1",

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./progress-circle.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/progress-circle/progress-circle.tsx
 var i = 20, a = 2 * Math.PI * i;

package/dist/node/progress-circle/progress-circle.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	progressCircle: "_progressCircle_1eok5_2",
 	value: "_value_1eok5_22",

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./progress-indicator.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../components/src/progress-indicator/progress-indicator.tsx
 function i({ steps: i, currentIndex: a, vertical: o = !1, className: s }) {

package/dist/node/progress-indicator/progress-indicator.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	indicator: "_indicator_jj7mg_2",
 	step: "_step_jj7mg_13",

package/dist/node/prose/prose.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./prose.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 import { jsx as n } from "react/jsx-runtime";
 //#region ../components/src/prose/prose.tsx
 function r({ className: r, children: i, ...a }) {

package/dist/node/prose/prose.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = { prose: "_prose_15b2f_2" };
 //#endregion
 export { e as default };

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

@@ -2,20 +2,20 @@
 
 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 { useRef as o } from "react";
+import { useRef as n } from "react";
+import { cn as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
 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 = o(null), y = r(0), b = r(!1), x = r(!1), S = o(f);
+	o();
+	let v = n(null), y = i(0), b = i(!1), x = i(!1), S = n(f);
 	S.current = f;
-	let C = o(m);
+	let C = n(m);
 	C.current = m;
-	let w = o(h);
-	w.current = h, i(() => {
+	let w = n(h);
+	w.current = h, a(() => {
 		let e = v.current;
 		if (!e || typeof window > "u") return;
 		let t = 0, n = !1, r = (r) => {
@@ -41,7 +41,7 @@ function f({ onRefresh: f, children: p, threshold: m = 64, disabled: h = !1, lab
 	});
 	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, _),
+		className: r(t.root, _),
 		style: k,
 		children: [
 			/* @__PURE__ */ l("div", {

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_1rhho_2",
 	indicator: "_indicator_1rhho_8",

package/dist/node/qr-code/encode.js

@@ -1,5 +1,3 @@
-"use client";
-
 //#region ../components/src/qr-code/encode.ts
 var e = {
 	L: {

package/dist/node/qr-code/qr-code.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	qrCode: "_qrCode_1p9u3_2",
 	svg: "_svg_1p9u3_8"

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

@@ -1,26 +1,25 @@
-"use client";
-
 import e from "./radial-progress.module.js";
 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 = t();
+function r({ value: r, size: i = "md", variant: a = "primary", children: o, className: s, ariaLabel: c, ...l }) {
+	let u = Math.min(100, Math.max(0, r)), d = t();
 	return /* @__PURE__ */ n("div", {
 		role: "progressbar",
-		"aria-valuenow": l,
+		"aria-valuenow": u,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		"aria-labelledby": c["aria-label"] ? void 0 : u,
+		"aria-labelledby": c ?? l["aria-label"] ? void 0 : d,
 		className: [e.radialProgress, s].filter(Boolean).join(" "),
 		"data-size": i,
 		"data-variant": a,
-		style: { "--cascivo-radial-progress": l },
-		...c,
+		style: { "--cascivo-radial-progress": u },
+		...l,
+		...c === void 0 ? {} : { "aria-label": c },
 		children: /* @__PURE__ */ n("span", {
-			id: u,
+			id: d,
 			className: e.label,
-			children: o ?? `${l}%`
+			children: o ?? `${u}%`
 		})
 	});
 }

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	radialProgress: "_radialProgress_1z011_2",
 	label: "_label_1z011_51"

package/dist/node/radio/radio.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./radio.module.js";
-import { cn as t } from "@cascivo/core";
+import { cn as t } from "@cascivo/core/pure";
 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

package/dist/node/radio/radio.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	group: "_group_1jh68_2",
 	wrapper: "_wrapper_1jh68_15",

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

@@ -1,28 +1,28 @@
 "use client";
 
 import e from "./radio-card.module.js";
-import { cn as t } from "@cascivo/core";
-import { createContext as n, forwardRef as r } from "react";
+import { createContext as t, forwardRef as n } from "react";
+import { cn as r } from "@cascivo/core";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../components/src/radio-card/radio-card.tsx
-var o = n({ name: "" });
-function s({ name: n, label: r, value: a, defaultValue: s, onValueChange: c, children: l, className: u }) {
+var o = t({ name: "" });
+function s({ name: t, label: n, value: a, defaultValue: s, onValueChange: c, children: l, className: u }) {
 	return /* @__PURE__ */ i(o.Provider, {
 		value: {
-			name: n,
+			name: t,
 			value: a,
 			defaultValue: s,
 			onValueChange: c
 		},
 		children: /* @__PURE__ */ i("div", {
 			role: "radiogroup",
-			"aria-label": r,
-			className: t(e.group, u),
+			"aria-label": n,
+			className: r(e.group, u),
 			children: l
 		})
 	});
 }
-var c = r(function({ value: t, title: n, description: r, disabled: s, hideIndicator: c, ...l }, u) {
+var c = n(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,

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	group: "_group_1290l_2",
 	card: "_card_1290l_7",

package/dist/node/rating-group/rating-group.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_b346p_2",
 	star: "_star_b346p_20"

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

@@ -1,5 +1,3 @@
-"use client";
-
 import { Spinner as e } from "../../spinner/spinner.js";
 import { Button as t } from "../../button/button.js";
 import { Input as n } from "../../input/input.js";

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

@@ -1,8 +1,8 @@
 "use client";
 
 import { persistedSignal as e } from "../../storage/src/persisted-signal.js";
-import { useSignalEffect as t, useSignals as n } from "@cascivo/core";
-import { useRef as r } from "react";
+import { useRef as t } from "react";
+import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
 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";
@@ -44,7 +44,7 @@ function x(e, t) {
 	n !== null && (n.setAttribute(c, e), d(n, e));
 }
 function S() {
-	return n(), [g().value, b];
+	return r(), [g().value, b];
 }
 function C() {
 	return g();
@@ -52,22 +52,22 @@ function C() {
 function w(e) {
 	return JSON.stringify(e).replace(/</g, "\\u003c");
 }
-function T({ defaultTheme: e, value: n, storageKey: l = s, attribute: u = c, target: m, onChange: h, nonce: v, children: y }) {
-	let b = r(!1);
+function T({ defaultTheme: e, value: r, storageKey: l = s, attribute: u = c, target: m, onChange: h, nonce: v, children: y }) {
+	let b = t(!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 = r(h);
-	return S.current = h, t(() => {
+	r !== void 0 && (x.value = r);
+	let S = t(h);
+	return S.current = h, n(() => {
 		let e = x.value, t = m ? m.current : typeof document < "u" ? document.documentElement : null;
 		_ = !0, t?.setAttribute(u, e), d(t, e), S.current?.(e);
-	}), n !== void 0 && !m ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("script", {
+	}), r !== void 0 && !m ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("script", {
 		nonce: v,
-		dangerouslySetInnerHTML: { __html: `document.documentElement.setAttribute(${w(u)},${w(n)})` }
+		dangerouslySetInnerHTML: { __html: `document.documentElement.setAttribute(${w(u)},${w(r)})` }
 	}), y] }) : /* @__PURE__ */ a(i, { children: y });
 }
 function E(e = {}) {

package/dist/node/relative-time/relative-time.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = { relativeTime: "_relativeTime_ohxan_2" };
 //#endregion
 export { e as default };

package/dist/node/resizable/resizable.js

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./resizable.module.js";
-import { cn as t, useControllableSignal as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { Children as o, useRef as s } from "react";
+import { Children as t, useRef as n } from "react";
+import { cn as r, useControllableSignal as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
 import { builtin as c, t as l } from "@cascivo/i18n";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region ../components/src/resizable/resizable.tsx
@@ -10,12 +10,12 @@ function f(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
 function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, ratio: g, minRatio: _ = .1, maxRatio: v = .9, onRatioChange: y, className: b, label: x }) {
-	a();
-	let [S, C] = o.toArray(p), [w, T] = n({
+	s();
+	let [S, C] = t.toArray(p), [w, T] = i({
 		value: g,
 		defaultValue: h,
 		onChange: y
-	}), E = s(null), D = r(!1), O = (e) => {
+	}), E = n(null), D = a(!1), O = (e) => {
 		T(f(e, _, v));
 	}, k = (e, t) => {
 		let n = E.current;
@@ -23,7 +23,7 @@ function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, r
 		let r = n.getBoundingClientRect();
 		return m === "horizontal" ? (e - r.left) / r.width : (t - r.top) / r.height;
 	};
-	i(() => {
+	o(() => {
 		if (!D.value) return;
 		let e = (e) => O(k(e.clientX, e.clientY)), t = () => {
 			D.value = !1;
@@ -43,7 +43,7 @@ function p({ children: p, orientation: m = "horizontal", defaultRatio: h = .5, r
 	}, j = x ?? l(c.resizable.handle), M = Math.round(w.value * 100);
 	return /* @__PURE__ */ d("div", {
 		ref: E,
-		className: t(e.resizable, b),
+		className: r(e.resizable, b),
 		"data-orientation": m,
 		style: { "--cascivo-resizable-ratio": w.value },
 		children: [

package/dist/node/resizable/resizable.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	resizable: "_resizable_1agxs_2",
 	pane: "_pane_1agxs_17",

package/dist/node/scroll-area/scroll-area.js

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./scroll-area.module.js";
-import { cn as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { useRef as i } from "react";
+import { useRef as t } from "react";
+import { cn as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
 import { jsx as a } from "react/jsx-runtime";
 //#region ../components/src/scroll-area/scroll-area.tsx
 function o({ height: o, width: s, orientation: c = "vertical", edges: l = "shadow", className: u, style: d, children: f, ...p }) {
-	r();
-	let m = i(null);
-	n(() => {
+	i();
+	let m = t(null);
+	r(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = () => {
@@ -28,7 +28,7 @@ function o({ height: o, width: s, orientation: c = "vertical", edges: l = "shado
 		ref: m,
 		"data-orientation": c,
 		"data-edges": l,
-		className: t(e.root, u),
+		className: n(e.root, u),
 		style: h,
 		...p,
 		children: f