@cascivo/react 0.13.1 → 0.16.0

package/dist/node/stat/stat.js

@@ -1,42 +1,41 @@
-"use client";
-
 import e from "./stat.module.js";
-import { cn as t } from "@cascivo/core";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cn as t, sentimentOf as n } from "@cascivo/core/pure";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/stat/stat.tsx
-function i({ label: i, value: a, delta: o, trend: s = "flat", helpText: c, card: l = !1, visual: u, className: d, ...f }) {
-	return /* @__PURE__ */ r("div", {
-		"data-card": l || void 0,
-		className: t(e.stat, d),
-		...f,
+function a({ label: a, value: o, delta: s, trend: c = "flat", goodDirection: l = "up", helpText: u, card: d = !1, visual: f, className: p, ...m }) {
+	return /* @__PURE__ */ i("div", {
+		"data-card": d || void 0,
+		className: t(e.stat, p),
+		...m,
 		children: [
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("span", {
 				className: e.label,
-				children: i
+				children: a
 			}),
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("span", {
 				className: e.value,
-				children: a
+				children: o
 			}),
-			o && /* @__PURE__ */ r("span", {
-				"data-trend": s,
+			s && /* @__PURE__ */ i("span", {
+				"data-trend": c,
+				"data-sentiment": n(c, l),
 				className: e.delta,
-				children: [/* @__PURE__ */ n("span", {
+				children: [/* @__PURE__ */ r("span", {
 					"aria-hidden": "true",
 					className: e.arrow,
-					children: s === "up" ? "▲" : s === "down" ? "▼" : "–"
-				}), o]
+					children: c === "up" ? "▲" : c === "down" ? "▼" : "–"
+				}), s]
 			}),
-			c && /* @__PURE__ */ n("span", {
+			u && /* @__PURE__ */ r("span", {
 				className: e.help,
-				children: c
+				children: u
 			}),
-			u && /* @__PURE__ */ n("span", {
+			f && /* @__PURE__ */ r("span", {
 				className: e.visual,
-				children: u
+				children: f
 			})
 		]
 	});
 }
 //#endregion
-export { i as Stat };
+export { a as Stat };

package/dist/node/stat/stat.module.js

@@ -1,13 +1,11 @@
-"use client";
-
 var e = {
-	stat: "_stat_ge5ag_2",
-	label: "_label_ge5ag_20",
-	value: "_value_ge5ag_26",
-	delta: "_delta_ge5ag_34",
-	arrow: "_arrow_ge5ag_55",
-	help: "_help_ge5ag_60",
-	visual: "_visual_ge5ag_66"
+	stat: "_stat_mwa4g_2",
+	label: "_label_mwa4g_20",
+	value: "_value_mwa4g_26",
+	delta: "_delta_mwa4g_34",
+	arrow: "_arrow_mwa4g_57",
+	help: "_help_mwa4g_62",
+	visual: "_visual_mwa4g_68"
 };
 //#endregion
 export { e as default };

package/dist/node/status/status.js

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

package/dist/node/status/status.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	status: "_status_u4gep_2",
 	dot: "_dot_u4gep_11",

package/dist/node/steps/steps.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	steps: "_steps_1u41q_2",
 	step: "_step_1u41q_2",

package/dist/node/storage/src/drivers.js

@@ -1,5 +1,3 @@
-"use client";
-
 //#region ../storage/src/drivers.ts
 function e() {
 	let e = /* @__PURE__ */ new Map();

package/dist/node/storage/src/persisted-signal.js

@@ -1,5 +1,3 @@
-"use client";
-
 import { localStorageDriver as e } from "./drivers.js";
 import { effect as t, signal as n } from "@cascivo/core";
 //#region ../storage/src/persisted-signal.ts

package/dist/node/structured-list/structured-list.js

@@ -1,16 +1,16 @@
 "use client";
 
 import e from "./structured-list.module.js";
-import { cn as t, useControllableSignal as n, useRovingFocus as r, useSignals as i } from "@cascivo/core";
-import { useId as a } from "react";
+import { useId as t } from "react";
+import { cn as n, useControllableSignal as r, useRovingFocus as i, useSignals as a } from "@cascivo/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/structured-list/structured-list.tsx
-function c(n) {
-	let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, "aria-label": d } = n;
-	return a ? /* @__PURE__ */ o(l, { ...n }) : /* @__PURE__ */ s("div", {
+function c(t) {
+	let { items: r, headers: i, selectable: a = !1, className: c, ariaLabel: u, "aria-label": d } = t;
+	return a ? /* @__PURE__ */ o(l, { ...t }) : /* @__PURE__ */ s("div", {
 		role: "table",
 		"aria-label": d ?? u,
-		className: t(e.list, c),
+		className: n(e.list, c),
 		children: [i && /* @__PURE__ */ o("div", {
 			role: "row",
 			className: e.headerRow,
@@ -36,12 +36,12 @@ function c(n) {
 }
 function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, className: p, ariaLabel: m, "aria-label": h }) {
 	let g = h ?? m;
-	i();
-	let _ = a(), [v, y] = n({
+	a();
+	let _ = t(), [v, y] = r({
 		value: u,
 		defaultValue: d ?? c.find((e) => e.selected)?.id ?? "",
 		onChange: f
-	}), b = r({
+	}), b = i({
 		orientation: "vertical",
 		loop: !1
 	}), x = (e) => {
@@ -50,7 +50,7 @@ function l({ items: c, headers: l, value: u, defaultValue: d, onSelect: f, class
 	return /* @__PURE__ */ s("div", {
 		role: "radiogroup",
 		"aria-label": g,
-		className: t(e.list, e.selectable, p),
+		className: n(e.list, e.selectable, p),
 		children: [l && /* @__PURE__ */ s("div", {
 			className: e.headerRow,
 			children: [/* @__PURE__ */ o("div", {

package/dist/node/structured-list/structured-list.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	list: "_list_t5qxi_2",
 	headerRow: "_headerRow_t5qxi_12",

package/dist/node/swap/swap.js

@@ -1,26 +1,25 @@
-"use client";
-
 import e from "./swap.module.js";
 import { useSignal as t, useSignals as n } from "@cascivo/core";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region ../components/src/swap/swap.tsx
-function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ...f }) {
+function a({ on: a, off: o, checked: s = !1, onValueChange: c, onChange: l, mode: u = "rotate", className: d, ariaLabel: f, ...p }) {
 	n();
-	let p = t(s);
-	p.value = s;
-	function m() {
-		let e = !p.value;
+	let m = t(s);
+	m.value = s;
+	function h() {
+		let e = !m.value;
 		(c ?? l)?.(e);
 	}
 	return /* @__PURE__ */ i("button", {
 		type: "button",
 		role: "switch",
-		"aria-checked": p.value,
+		"aria-checked": m.value,
 		className: [e.swap, d].filter(Boolean).join(" "),
-		"data-checked": p.value || void 0,
+		"data-checked": m.value || void 0,
 		"data-mode": u,
-		onClick: m,
-		...f,
+		onClick: h,
+		...p,
+		...f === void 0 ? {} : { "aria-label": f },
 		children: [/* @__PURE__ */ r("span", {
 			className: e.on,
 			"aria-hidden": "true",

package/dist/node/swap/swap.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	swap: "_swap_77yf0_2",
 	on: "_on_77yf0_19",

package/dist/node/swipe-item/swipe-item.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_3ykmd_2",
 	panel: "_panel_3ykmd_8",

package/dist/node/switcher/switcher.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	switcher: "_switcher_13sqi_2",
 	item: "_item_13sqi_11",

package/dist/node/tabs/tabs.js

@@ -1,79 +1,79 @@
 "use client";
 
 import e from "./tabs.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { createContext as i, forwardRef as a, useId as o, useRef as s } from "react";
+import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
+import { cn as a, useSignal as o, useSignals as s } from "@cascivo/core";
 import { jsx as c } from "react/jsx-runtime";
 //#region ../components/src/tabs/tabs.tsx
-var l = i(null);
-function u({ defaultValue: r, value: i, onValueChange: a, className: s, children: u }) {
-	let d = o(), f = n(i ?? r ?? "");
-	i !== void 0 && (f.value = i);
+var l = t(null);
+function u({ defaultValue: t, value: n, onValueChange: i, className: s, children: u }) {
+	let d = r(), f = o(n ?? t ?? "");
+	n !== void 0 && (f.value = n);
 	let p = {
 		active: f,
 		baseId: d,
 		setValue: (e) => {
-			i === void 0 && (f.value = e), a?.(e);
+			n === void 0 && (f.value = e), i?.(e);
 		}
 	};
 	return /* @__PURE__ */ c(l.Provider, {
 		value: p,
 		children: /* @__PURE__ */ c("div", {
-			className: t(e.tabs, s),
+			className: a(e.tabs, s),
 			children: u
 		})
 	});
 }
-function d({ className: n, children: r, ...i }) {
-	let a = s(null);
-	return /* @__PURE__ */ c(l.Consumer, { children: (o) => /* @__PURE__ */ c("div", {
-		ref: a,
+function d({ className: t, children: n, ...r }) {
+	let o = i(null);
+	return /* @__PURE__ */ c(l.Consumer, { children: (i) => /* @__PURE__ */ c("div", {
+		ref: o,
 		role: "tablist",
-		className: t(e.list, n),
+		className: a(e.list, t),
 		onKeyDown: (e) => {
-			if (!o || ![
+			if (!i || ![
 				"ArrowRight",
 				"ArrowLeft",
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let t = Array.from(a.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
+			let t = Array.from(o.current?.querySelectorAll("[role=\"tab\"]:not([disabled])") ?? []);
 			if (t.length === 0) return;
 			e.preventDefault();
-			let n = t.findIndex((e) => e.dataset.value === o.active.value), r = n;
+			let n = t.findIndex((e) => e.dataset.value === i.active.value), r = n;
 			e.key === "ArrowRight" ? r = (n + 1) % t.length : e.key === "ArrowLeft" ? r = (n - 1 + t.length) % t.length : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1);
-			let i = t[r];
-			i?.focus(), i?.dataset.value && o.setValue(i.dataset.value);
+			let a = t[r];
+			a?.focus(), a?.dataset.value && i.setValue(a.dataset.value);
 		},
-		...i,
-		children: r
+		...r,
+		children: n
 	}) });
 }
-var f = a(function(e, t) {
+var f = n(function(e, t) {
 	return /* @__PURE__ */ c(l.Consumer, { children: (n) => n ? /* @__PURE__ */ c(p, {
 		store: n,
 		buttonRef: t,
 		...e
 	}) : null });
 });
-function p({ store: n, value: i, className: a, children: o, disabled: s, buttonRef: l, ...u }) {
-	r();
-	let d = n.active.value === i;
+function p({ store: t, value: n, className: r, children: i, disabled: o, buttonRef: l, ...u }) {
+	s();
+	let d = t.active.value === n;
 	return /* @__PURE__ */ c("button", {
 		type: "button",
 		role: "tab",
-		id: `${n.baseId}-trigger-${i}`,
+		id: `${t.baseId}-trigger-${n}`,
 		"aria-selected": d,
-		"aria-controls": `${n.baseId}-content-${i}`,
+		"aria-controls": `${t.baseId}-content-${n}`,
 		tabIndex: d ? 0 : -1,
 		"data-state": d ? "active" : "inactive",
-		"data-value": i,
-		disabled: s,
-		className: t(e.trigger, a),
-		onClick: () => n.setValue(i),
+		"data-value": n,
+		disabled: o,
+		className: a(e.trigger, r),
+		onClick: () => t.setValue(n),
 		ref: l,
 		...u,
-		children: o
+		children: i
 	});
 }
 function m(e) {
@@ -82,15 +82,15 @@ function m(e) {
 		...e
 	}) : null });
 }
-function h({ store: n, value: i, className: a, children: o, ...s }) {
-	return r(), n.active.value === i ? /* @__PURE__ */ c("div", {
+function h({ store: t, value: n, className: r, children: i, ...o }) {
+	return s(), t.active.value === n ? /* @__PURE__ */ c("div", {
 		role: "tabpanel",
-		id: `${n.baseId}-content-${i}`,
-		"aria-labelledby": `${n.baseId}-trigger-${i}`,
+		id: `${t.baseId}-content-${n}`,
+		"aria-labelledby": `${t.baseId}-trigger-${n}`,
 		tabIndex: 0,
-		className: t(e.content, a),
-		...s,
-		children: o
+		className: a(e.content, r),
+		...o,
+		children: i
 	}) : null;
 }
 //#endregion

package/dist/node/tabs/tabs.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	tabs: "_tabs_1i48y_2",
 	list: "_list_1i48y_8",

package/dist/node/tag/tag.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	tag: "_tag_onneh_2",
 	dismiss: "_dismiss_onneh_51"

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

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./tags-input.module.js";
-import { cn as t, focusElement as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { useRef as a } from "react";
+import { useRef as t } from "react";
+import { cn as n, focusElement 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/tags-input/tags-input.tsx
 function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, disabled: h = !1, className: g, ..._ }) {
-	i();
-	let v = r(""), y = a(null);
+	a();
+	let v = i(""), y = t(null);
 	function b(e) {
 		let t = e.trim();
 		t && (m !== void 0 && u.length >= m || u.includes(t) || p && !p(t) || (d([...u, t]), v.value = ""));
@@ -18,9 +18,9 @@ function u({ value: u, onValueChange: d, placeholder: f, validate: p, max: m, di
 	}
 	let S = f ?? s(o.tagsInput.placeholder);
 	return /* @__PURE__ */ l("div", {
-		className: t(e.wrapper, g),
+		className: n(e.wrapper, g),
 		"data-disabled": h ? "" : void 0,
-		onClick: () => n(y.current),
+		onClick: () => r(y.current),
 		..._,
 		children: [u.map((t, n) => {
 			let r = p ? !p(t) : !1;

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

@@ -1,10 +1,8 @@
-"use client";
-
 var e = {
-	wrapper: "_wrapper_1ycwz_2",
-	tag: "_tag_1ycwz_32",
-	dismiss: "_dismiss_1ycwz_59",
-	input: "_input_1ycwz_89"
+	wrapper: "_wrapper_1w754_2",
+	tag: "_tag_1w754_32",
+	dismiss: "_dismiss_1w754_59",
+	input: "_input_1w754_89"
 };
 //#endregion
 export { e as default };

package/dist/node/text/text.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./text.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/text/text.tsx
 function r({ as: r = "p", size: i = "md", weight: a = "normal", muted: o = !1, className: s, children: c, ...l }) {

package/dist/node/text/text.module.js

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

package/dist/node/textarea/textarea.js

@@ -1,27 +1,27 @@
 "use client";
 
 import e from "./textarea.module.js";
-import { cn as t, createMachine as n, useMachine as r } from "@cascivo/core";
-import { forwardRef as i } from "react";
+import { forwardRef as t } from "react";
+import { cn as n, createMachine as r, useMachine as i } from "@cascivo/core";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/textarea/textarea.tsx
-var s = n({
+var s = r({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-}), c = i(function({ label: n, hint: i, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
-	let [_, v] = r(s), y = f ?? (n ? `cascade-textarea-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+}), c = t(function({ label: t, hint: r, error: c, resize: l = "vertical", rows: u = 4, className: d, id: f, onFocus: p, onBlur: m, ...h }, g) {
+	let [_, v] = i(s), y = f ?? (t ? `cascade-textarea-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ o("div", {
-		className: t(e.wrapper, d),
+		className: n(e.wrapper, d),
 		"data-state": c ? "error" : _.value,
 		"data-resize": l,
 		children: [
-			n && /* @__PURE__ */ a("label", {
+			t && /* @__PURE__ */ a("label", {
 				className: e.label,
 				htmlFor: y,
-				children: n
+				children: t
 			}),
 			/* @__PURE__ */ a("textarea", {
 				ref: g,
@@ -30,7 +30,7 @@ var s = n({
 				"aria-multiline": "true",
 				className: e.textarea,
 				"aria-invalid": c ? !0 : void 0,
-				"aria-describedby": c ? `${y}-error` : i ? `${y}-hint` : void 0,
+				"aria-describedby": c ? `${y}-error` : r ? `${y}-hint` : void 0,
 				onFocus: (e) => {
 					v("FOCUS"), p?.(e);
 				},
@@ -45,10 +45,10 @@ var s = n({
 				role: "alert",
 				children: c
 			}),
-			!c && i && /* @__PURE__ */ a("span", {
+			!c && r && /* @__PURE__ */ a("span", {
 				id: `${y}-hint`,
 				className: e.hint,
-				children: i
+				children: r
 			})
 		]
 	});

package/dist/node/textarea/textarea.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_xbrwe_2",
 	textarea: "_textarea_xbrwe_7",

package/dist/node/tile/tile.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	tile: "_tile_cxt7m_2",
 	icon: "_icon_cxt7m_38",

package/dist/node/time-picker/time-picker.js

@@ -1,21 +1,21 @@
 "use client";
 
 import e from "./time-picker.module.js";
-import { cn as t, createMachine as n, useMachine as r, useSignals as i } from "@cascivo/core";
-import { forwardRef as a } from "react";
+import { forwardRef as t } from "react";
+import { cn as n, createMachine as r, useMachine as i, useSignals as a } from "@cascivo/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/time-picker/time-picker.tsx
-var c = n({
+var c = r({
 	initial: "idle",
 	states: {
 		idle: { on: { FOCUS: "focused" } },
 		focused: { on: { BLUR: "idle" } }
 	}
-}), l = a(function({ value: n, defaultValue: a, onValueChange: l, onChange: u, min: d, max: f, step: p, label: m, hint: h, error: g, size: _ = "md", className: v, id: y, onFocus: b, onBlur: x, ...S }, C) {
-	i();
-	let [w, T] = r(c), E = y ?? (m ? `cascade-time-picker-${m.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+}), l = t(function({ value: t, defaultValue: r, onValueChange: l, onChange: u, min: d, max: f, step: p, label: m, hint: h, error: g, size: _ = "md", className: v, id: y, onFocus: b, onBlur: x, ...S }, C) {
+	a();
+	let [w, T] = i(c), E = y ?? (m ? `cascade-time-picker-${m.toLowerCase().replace(/\s+/g, "-")}` : void 0);
 	return /* @__PURE__ */ s("div", {
-		className: t(e.wrapper, v),
+		className: n(e.wrapper, v),
 		"data-state": g ? "error" : w.value,
 		"data-size": _,
 		children: [
@@ -28,8 +28,8 @@ var c = n({
 				id: E,
 				type: "time",
 				className: e.input,
-				value: n,
-				defaultValue: a,
+				value: t,
+				defaultValue: r,
 				min: d,
 				max: f,
 				step: p,

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

@@ -1,11 +1,9 @@
-"use client";
-
 var e = {
-	wrapper: "_wrapper_auxoq_2",
-	label: "_label_auxoq_29",
-	input: "_input_auxoq_36",
-	error: "_error_auxoq_70",
-	hint: "_hint_auxoq_75"
+	wrapper: "_wrapper_gwf19_2",
+	label: "_label_gwf19_29",
+	input: "_input_gwf19_36",
+	error: "_error_gwf19_70",
+	hint: "_hint_gwf19_75"
 };
 //#endregion
 export { e as default };