@cascivo/react 0.14.0 → 0.16.1

package/dist/skip-nav/skip-nav.js

@@ -1,17 +1,18 @@
 "use client";
 
 import e from "./skip-nav.module.js";
-import { cn as t, useSignals as n } from "@cascivo/core";
-import { forwardRef as r } from "react";
+import { forwardRef as t } from "react";
+import { cn 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";
 //#region ../components/src/skip-nav/skip-nav.tsx
-var s = "cascade-skip-target", c = r(function({ targetId: r = s, labels: c, className: l, ...u }, d) {
-	n();
+var s = "cascade-skip-target", c = t(function({ targetId: t = s, labels: c, className: l, ...u }, d) {
+	r();
 	let f = c?.label ?? a(i.skipNav.label);
 	return /* @__PURE__ */ o("a", {
-		href: `#${r}`,
-		className: t(e.link, l),
+		ref: d,
+		href: `#${t}`,
+		className: n(e.link, l),
 		...u,
 		children: f
 	});

package/dist/skip-nav/skip-nav.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './skip-nav.css';
 var e = { link: "_link_19qpc_2" };
 //#endregion

package/dist/slider/slider.js

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

package/dist/slider/slider.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './slider.css';
 var e = {
 	wrapper: "_wrapper_vzj57_2",

package/dist/spinner/spinner.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './spinner.css';
 var e = {
 	spinner: "_spinner_a8uzh_2",

package/dist/stack/stack.js

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

package/dist/stack/stack.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './stack.css';
 var e = {
 	stack: "_stack_2ay4v_2",

package/dist/stat/stat.css

@@ -1 +1 @@
-@layer cascivo.component{._stat_ge5ag_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;min-inline-size:0;display:flex}._stat_ge5ag_2[data-card]{padding:var(--cascivo-space-4);border-radius:var(--cascivo-radius-surface);border:1px solid var(--cascivo-color-border);background:var(--cascivo-color-surface)}._label_ge5ag_20{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_ge5ag_26{font-size:var(--cascivo-text-2xl);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);font-variant-numeric:tabular-nums}._delta_ge5ag_34{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);font-variant-numeric:tabular-nums;display:inline-flex}._delta_ge5ag_34[data-trend=up]{color:var(--cascivo-color-success-foreground)}._delta_ge5ag_34[data-trend=down]{color:var(--cascivo-color-destructive-foreground)}._delta_ge5ag_34[data-trend=flat]{color:var(--cascivo-color-text-subtle)}._arrow_ge5ag_55{font-size:var(--cascivo-text-xs);line-height:1}._help_ge5ag_60{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._visual_ge5ag_66{margin-block-start:var(--cascivo-space-1)}}
+@layer cascivo.component{._stat_mwa4g_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;min-inline-size:0;display:flex}._stat_mwa4g_2[data-card]{padding:var(--cascivo-space-4);border-radius:var(--cascivo-radius-surface);border:1px solid var(--cascivo-color-border);background:var(--cascivo-color-surface)}._label_mwa4g_20{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._value_mwa4g_26{font-size:var(--cascivo-text-2xl);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);font-variant-numeric:tabular-nums}._delta_mwa4g_34{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);font-variant-numeric:tabular-nums;display:inline-flex}._delta_mwa4g_34[data-sentiment=good]{color:var(--cascivo-color-success-foreground)}._delta_mwa4g_34[data-sentiment=bad]{color:var(--cascivo-color-destructive-foreground)}._delta_mwa4g_34[data-sentiment=neutral]{color:var(--cascivo-color-text-subtle)}._arrow_mwa4g_57{font-size:var(--cascivo-text-xs);line-height:1}._help_mwa4g_62{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}._visual_mwa4g_68{margin-block-start:var(--cascivo-space-1)}}

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

@@ -1,14 +1,12 @@
-"use client";
-
 import './stat.css';
 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/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/status/status.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './status.css';
 var e = {
 	status: "_status_u4gep_2",

package/dist/steps/steps.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './steps.css';
 var e = {
 	steps: "_steps_1u41q_2",

package/dist/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/structured-list/structured-list.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './structured-list.css';
 var e = {
 	list: "_list_t5qxi_2",