@cascivo/react 0.13.1 → 0.16.0

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

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

package/dist/node/search/search.js

@@ -1,8 +1,8 @@
 "use client";
 
 import e from "./search.module.js";
-import { cn as t, focusElement as n, useId as r, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { useRef as s } from "react";
+import { useRef as t } from "react";
+import { cn as n, focusElement as r, useId 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/search/search.tsx
@@ -29,15 +29,15 @@ function f() {
 	});
 }
 function p({ value: p, defaultValue: m = "", onValueChange: h, onChange: g, onSearch: _, debounceMs: v = 300, placeholder: y, size: b = "md", label: x, disabled: S = !1, clearLabel: C, id: w, className: T }) {
-	o();
-	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = s(null), A = r("cascade-search"), j = w ?? A, M = p !== void 0, N = i(M ? p : m);
+	s();
+	let E = y ?? l(c.search.placeholder), D = x ?? l(c.search.label), O = C ?? l(c.search.clear), k = t(null), A = i("cascade-search"), j = w ?? A, M = p !== void 0, N = a(M ? p : m);
 	M && (N.value = p);
-	let P = s(_);
+	let P = t(_);
 	P.current = _;
-	let F = s(null), I = () => {
+	let F = t(null), I = () => {
 		F.current !== null && (clearTimeout(F.current), F.current = null);
 	};
-	a(() => I);
+	o(() => I);
 	let L = (e) => {
 		let t = e.target.value;
 		M || (N.value = t), (h ?? g)?.(t), I(), F.current = setTimeout(() => {
@@ -46,10 +46,10 @@ function p({ value: p, defaultValue: m = "", onValueChange: h, onChange: g, onSe
 	}, R = (e) => {
 		e.key === "Enter" && (I(), _?.(N.value));
 	}, z = () => {
-		I(), M || (N.value = ""), (h ?? g)?.(""), _?.(""), n(k.current);
+		I(), M || (N.value = ""), (h ?? g)?.(""), _?.(""), r(k.current);
 	}, B = N.value !== "";
 	return /* @__PURE__ */ d("div", {
-		className: t(e.root, T),
+		className: n(e.root, T),
 		"data-size": b,
 		"data-state": B ? "filled" : "empty",
 		children: [

package/dist/node/search/search.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_1ppci_2",
 	label: "_label_1ppci_35",

package/dist/node/segmented-control/segmented-control.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_196gt_2",
 	segment: "_segment_196gt_33"

package/dist/node/select/select.js

@@ -1,27 +1,27 @@
 "use client";
 
 import e from "./select.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/select/select.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, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _, ...v }, y) {
-	let [b, x] = r(s), S = p ?? (n ? `cascade-select-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0), C = h !== void 0, w = l !== void 0;
+}), c = t(function({ label: t, hint: r, error: c, placeholder: l, options: u, size: d = "md", className: f, id: p, defaultValue: m, value: h, onFocus: g, onBlur: _, ...v }, y) {
+	let [b, x] = i(s), S = p ?? (t ? `cascade-select-${t.toLowerCase().replace(/\s+/g, "-")}` : void 0), C = h !== void 0, w = l !== void 0;
 	return /* @__PURE__ */ o("div", {
-		className: t(e.wrapper, f),
+		className: n(e.wrapper, f),
 		"data-state": c ? "error" : b.value,
 		"data-size": d,
 		children: [
-			n && /* @__PURE__ */ a("label", {
+			t && /* @__PURE__ */ a("label", {
 				className: e.label,
 				htmlFor: S,
-				children: n
+				children: t
 			}),
 			/* @__PURE__ */ o("div", {
 				className: e.field,
@@ -29,7 +29,7 @@ var s = n({
 					id: S,
 					className: e.select,
 					"aria-invalid": c ? !0 : void 0,
-					"aria-describedby": c ? `${S}-error` : i ? `${S}-hint` : void 0,
+					"aria-describedby": c ? `${S}-error` : r ? `${S}-hint` : void 0,
 					value: h,
 					defaultValue: !C && w ? m ?? "" : m,
 					onFocus: (e) => {
@@ -60,10 +60,10 @@ var s = n({
 				role: "alert",
 				children: c
 			}),
-			!c && i && /* @__PURE__ */ a("span", {
+			!c && r && /* @__PURE__ */ a("span", {
 				id: `${S}-hint`,
 				className: e.hint,
-				children: i
+				children: r
 			})
 		]
 	});

package/dist/node/select/select.module.js

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

package/dist/node/separator/separator.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./separator.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/separator/separator.tsx
 function r({ orientation: r = "horizontal", decorative: i = !1, className: a, ...o }) {

package/dist/node/separator/separator.module.js

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

package/dist/node/sheet/sheet.js

@@ -1,14 +1,14 @@
 "use client";
 
 import e from "./sheet.module.js";
-import { useEffectPropSignal as t, useSignalEffect as n } from "@cascivo/core";
-import { useId as r, useRef as i } from "react";
+import { useId as t, useRef as n } from "react";
+import { useEffectPropSignal as r, useSignalEffect as i } from "@cascivo/core";
 import { builtin as a, t as o } from "@cascivo/i18n";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/sheet/sheet.tsx
 function l({ open: l, onClose: u, title: d, children: f, side: p = "end" }) {
-	let m = i(null), h = r(), g = t(l), _ = i(u);
-	return _.current = u, n(() => {
+	let m = n(null), h = t(), g = r(l), _ = n(u);
+	return _.current = u, i(() => {
 		let e = m.current;
 		if (e) if (g.value) try {
 			e.showPopover();

package/dist/node/sheet/sheet.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	sheet: "_sheet_gx7nz_2",
 	header: "_header_gx7nz_141",

package/dist/node/shell-header/shell-header.js

@@ -76,24 +76,24 @@ function p({ item: n }) {
 		})]
 	});
 }
-function m({ brand: e, nav: i, actions: a, end: m, onMenuClick: h, menuExpanded: g, skipToContentHref: _ = "#cascade-main", labels: v, className: y }) {
+function m({ brand: e, nav: i, center: a, actions: m, end: h, onMenuClick: g, menuExpanded: _, skipToContentHref: v = "#cascade-main", labels: y, className: b }) {
 	o();
-	let b = r(), x = v?.nav ?? c(s.shellHeader.nav), S = g ? v?.closeMenu ?? c(s.shellHeader.closeMenu) : v?.openMenu ?? c(s.shellHeader.openMenu);
+	let x = r(), S = y?.nav ?? c(s.shellHeader.nav), C = _ ? y?.closeMenu ?? c(s.shellHeader.closeMenu) : y?.openMenu ?? c(s.shellHeader.openMenu);
 	return /* @__PURE__ */ u("header", {
 		role: "banner",
-		className: n(t.header, y),
+		className: n(t.header, b),
 		children: [
-			_ !== !1 && /* @__PURE__ */ l("a", {
-				href: _,
+			v !== !1 && /* @__PURE__ */ l("a", {
+				href: v,
 				className: t.skipLink,
-				children: v?.skipToContent ?? c(s.shellHeader.skipToContent)
+				children: y?.skipToContent ?? c(s.shellHeader.skipToContent)
 			}),
-			h && /* @__PURE__ */ l("button", {
+			g && /* @__PURE__ */ l("button", {
 				type: "button",
-				"aria-label": S,
-				"aria-expanded": g ?? !1,
+				"aria-label": C,
+				"aria-expanded": _ ?? !1,
 				className: t.menuButton,
-				onClick: h,
+				onClick: g,
 				children: /* @__PURE__ */ l("svg", {
 					viewBox: "0 0 16 16",
 					width: "16",
@@ -107,7 +107,7 @@ function m({ brand: e, nav: i, actions: a, end: m, onMenuClick: h, menuExpanded:
 					})
 				})
 			}),
-			e != null && (d(e) ? /* @__PURE__ */ u(b, {
+			e != null && (d(e) ? /* @__PURE__ */ u(x, {
 				href: e.href ?? "/",
 				"aria-label": [e.prefix, e.name].filter(Boolean).join(" "),
 				className: t.brand,
@@ -123,11 +123,11 @@ function m({ brand: e, nav: i, actions: a, end: m, onMenuClick: h, menuExpanded:
 				children: e
 			})),
 			i && i.length > 0 && /* @__PURE__ */ l("nav", {
-				"aria-label": x,
+				"aria-label": S,
 				className: t.nav,
 				children: /* @__PURE__ */ l("ul", {
 					className: t.navList,
-					children: i.map((e, n) => f(e) ? /* @__PURE__ */ l(p, { item: e }, e.id ?? `${n}-${e.label}`) : /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(b, {
+					children: i.map((e, n) => f(e) ? /* @__PURE__ */ l(p, { item: e }, e.id ?? `${n}-${e.label}`) : /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(x, {
 						href: e.href,
 						"aria-current": e.active ? "page" : void 0,
 						"data-state": e.active ? "active" : void 0,
@@ -137,10 +137,13 @@ function m({ brand: e, nav: i, actions: a, end: m, onMenuClick: h, menuExpanded:
 					}) }, e.id ?? `${n}-${e.href}`))
 				})
 			}),
-			/* @__PURE__ */ l("div", { className: t.spacer }),
-			a && a.length > 0 && /* @__PURE__ */ l("div", {
+			a ? /* @__PURE__ */ l("div", {
+				className: t.center,
+				children: a
+			}) : /* @__PURE__ */ l("div", { className: t.spacer }),
+			m && m.length > 0 && /* @__PURE__ */ l("div", {
 				className: t.actions,
-				children: a.map((e) => /* @__PURE__ */ l("button", {
+				children: m.map((e) => /* @__PURE__ */ l("button", {
 					type: "button",
 					"aria-label": e.label,
 					"aria-pressed": e.active ?? !1,
@@ -155,9 +158,9 @@ function m({ brand: e, nav: i, actions: a, end: m, onMenuClick: h, menuExpanded:
 					})
 				}, e.id))
 			}),
-			m && /* @__PURE__ */ l("div", {
+			h && /* @__PURE__ */ l("div", {
 				className: t.end,
-				children: m
+				children: h
 			})
 		]
 	});

package/dist/node/shell-header/shell-header.module.js

@@ -1,25 +1,24 @@
-"use client";
-
 var e = {
-	header: "_header_80jhs_2",
-	skipLink: "_skipLink_80jhs_14",
-	menuButton: "_menuButton_80jhs_36",
-	brand: "_brand_80jhs_59",
-	brandPrefix: "_brandPrefix_80jhs_69",
-	brandName: "_brandName_80jhs_73",
-	nav: "_nav_80jhs_77",
-	navList: "_navList_80jhs_81",
-	navLink: "_navLink_80jhs_90",
-	navMenuWrapper: "_navMenuWrapper_80jhs_119",
-	navMenuTrigger: "_navMenuTrigger_80jhs_124",
-	chevron: "_chevron_80jhs_156",
-	navMenuPanel: "_navMenuPanel_80jhs_164",
-	navMenuItem: "_navMenuItem_80jhs_197",
-	spacer: "_spacer_80jhs_219",
-	actions: "_actions_80jhs_223",
-	action: "_action_80jhs_223",
-	actionIcon: "_actionIcon_80jhs_257",
-	end: "_end_80jhs_265"
+	header: "_header_6njjo_2",
+	skipLink: "_skipLink_6njjo_14",
+	menuButton: "_menuButton_6njjo_36",
+	brand: "_brand_6njjo_59",
+	brandPrefix: "_brandPrefix_6njjo_69",
+	brandName: "_brandName_6njjo_73",
+	nav: "_nav_6njjo_77",
+	navList: "_navList_6njjo_81",
+	navLink: "_navLink_6njjo_90",
+	navMenuWrapper: "_navMenuWrapper_6njjo_119",
+	navMenuTrigger: "_navMenuTrigger_6njjo_124",
+	chevron: "_chevron_6njjo_156",
+	navMenuPanel: "_navMenuPanel_6njjo_164",
+	navMenuItem: "_navMenuItem_6njjo_197",
+	spacer: "_spacer_6njjo_219",
+	center: "_center_6njjo_226",
+	actions: "_actions_6njjo_235",
+	action: "_action_6njjo_235",
+	actionIcon: "_actionIcon_6njjo_269",
+	end: "_end_6njjo_277"
 };
 //#endregion
 export { e as default };

package/dist/node/side-nav/side-nav.js

@@ -3,8 +3,8 @@
 import { Tooltip as e } from "../tooltip/tooltip.js";
 import { usePopover as t } from "../popover/use-popover.js";
 import n from "./side-nav.module.js";
-import { cn as r, focusElement as i, getLinkComponent as a, useSignal as o, useSignals as s } from "@cascivo/core";
-import { Fragment as c, useId as l } from "react";
+import { Fragment as r, useId as i } from "react";
+import { cn as a, focusElement as o, getLinkComponent as s, useSignal as c, useSignals as l } from "@cascivo/core";
 import { builtin as u, t as d } from "@cascivo/i18n";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../components/src/side-nav/side-nav.tsx
@@ -28,8 +28,8 @@ function g() {
 		})
 	});
 }
-function _(e, { inMenu: t, onActivate: i, extraClass: o }) {
-	let s = t ? "menuitem" : void 0, c = r(n.link, n.sublink, o), l = /* @__PURE__ */ m(f, { children: [
+function _(e, { inMenu: t, onActivate: r, extraClass: i }) {
+	let o = t ? "menuitem" : void 0, c = a(n.link, n.sublink, i), l = /* @__PURE__ */ m(f, { children: [
 		e.icon ? /* @__PURE__ */ p("span", {
 			className: n.icon,
 			"aria-hidden": "true",
@@ -43,19 +43,19 @@ function _(e, { inMenu: t, onActivate: i, extraClass: o }) {
 	] });
 	return e.onSelect && !e.href ? /* @__PURE__ */ p("button", {
 		type: "button",
-		role: s,
+		role: o,
 		"aria-current": e.active ? "page" : void 0,
 		"data-state": e.active ? "active" : void 0,
 		"data-selected": e.selected || void 0,
 		disabled: e.disabled,
 		className: c,
 		onClick: () => {
-			e.onSelect?.(), i?.();
+			e.onSelect?.(), r?.();
 		},
 		children: l
-	}) : /* @__PURE__ */ p(a(), {
+	}) : /* @__PURE__ */ p(s(), {
 		href: e.disabled ? void 0 : e.href,
-		role: s,
+		role: o,
 		"aria-current": e.active ? "page" : void 0,
 		"aria-disabled": e.disabled || void 0,
 		tabIndex: e.disabled ? -1 : void 0,
@@ -67,7 +67,7 @@ function _(e, { inMenu: t, onActivate: i, extraClass: o }) {
 				t.preventDefault();
 				return;
 			}
-			e.onSelect?.(), i?.();
+			e.onSelect?.(), r?.();
 		},
 		children: l
 	});
@@ -80,20 +80,20 @@ function v(e) {
 	return [...e][0] ?? "";
 }
 function y({ item: e }) {
-	let { triggerRef: r, popoverRef: a, isOpen: o, anchorName: s, open: l, close: u, toggle: d } = t(), g = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
+	let { triggerRef: i, popoverRef: a, isOpen: s, anchorName: c, open: l, close: u, toggle: d } = t(), g = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-		ref: r,
+		ref: i,
 		type: "button",
 		"aria-haspopup": "menu",
-		"aria-expanded": o.value,
+		"aria-expanded": s.value,
 		"aria-label": e.label,
-		"data-state": o.value ? "open" : "closed",
-		style: { anchorName: s },
+		"data-state": s.value ? "open" : "closed",
+		style: { anchorName: c },
 		className: n.groupTrigger,
 		onClick: () => d(),
 		onKeyDown: (e) => {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), o.value || l();
+				e.preventDefault(), s.value || l();
 				let t = a.current;
 				t && setTimeout(() => {
 					t.querySelector(g)?.focus();
@@ -115,19 +115,19 @@ function y({ item: e }) {
 		popover: "auto",
 		role: "menu",
 		"aria-label": e.label,
-		style: { positionAnchor: s },
+		style: { positionAnchor: c },
 		className: n.railFlyout,
 		onKeyDown: (e) => {
 			let t = a.current;
 			if (!t) return;
-			let n = Array.from(t.querySelectorAll(g)), o = n.indexOf(e.target);
-			e.key === "ArrowDown" ? (e.preventDefault(), n[(o + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(o - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), u(), i(r.current));
+			let n = Array.from(t.querySelectorAll(g)), r = n.indexOf(e.target);
+			e.key === "ArrowDown" ? (e.preventDefault(), n[(r + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(r - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), u(), o(i.current));
 		},
 		children: [/* @__PURE__ */ p("div", {
 			className: n.railFlyoutCaption,
 			"aria-hidden": "true",
 			children: e.label
-		}), e.items.map((e, t) => h(e) ? /* @__PURE__ */ p(c, { children: _(e, {
+		}), e.items.map((e, t) => h(e) ? /* @__PURE__ */ p(r, { children: _(e, {
 			inMenu: !0,
 			onActivate: u,
 			extraClass: n.flyoutItem
@@ -141,22 +141,22 @@ function y({ item: e }) {
 		}, t))]
 	})] });
 }
-function b({ items: t, groups: i, collapsed: c, defaultCollapsed: g = !1, onCollapsedChange: b, ariaLabel: x, collapseLabel: S, expandLabel: C, expandOnHover: w = !1, showCollapseToggle: T = !0, header: E, footer: D, className: O }) {
-	s();
-	let k = x ?? d(u.sideNav.nav), A = S ?? d(u.sideNav.collapse), j = C ?? d(u.sideNav.expand), M = l(), N = o(c ?? g);
-	c !== void 0 && (N.value = c);
-	let P = i ?? (t ? [{ items: t }] : [{ items: [] }]), F = o(P.flatMap((e) => e.items).filter((e) => e.items?.some((e) => h(e) && e.active)).map((e) => e.label)), I = (e) => {
+function b({ items: t, groups: r, collapsed: o, defaultCollapsed: g = !1, onCollapsedChange: b, ariaLabel: x, collapseLabel: S, expandLabel: C, expandOnHover: w = !1, showCollapseToggle: T = !0, header: E, footer: D, className: O }) {
+	l();
+	let k = x ?? d(u.sideNav.nav), A = S ?? d(u.sideNav.collapse), j = C ?? d(u.sideNav.expand), M = i(), N = c(o ?? g);
+	o !== void 0 && (N.value = o);
+	let P = r ?? (t ? [{ items: t }] : [{ items: [] }]), F = c(P.flatMap((e) => e.items).filter((e) => e.items?.some((e) => h(e) && e.active)).map((e) => e.label)), I = (e) => {
 		let t = F.value;
 		F.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
 	}, L = () => {
 		let e = !N.value;
-		c === void 0 && (N.value = e), b?.(e);
+		o === void 0 && (N.value = e), b?.(e);
 	}, R = N.value;
 	return /* @__PURE__ */ m("nav", {
 		"aria-label": k,
 		"data-state": R ? "collapsed" : "expanded",
 		"data-expand-on-hover": R && w ? "" : void 0,
-		className: r(n.sideNav, O),
+		className: a(n.sideNav, O),
 		children: [
 			E && /* @__PURE__ */ p("div", {
 				className: n.header,
@@ -172,10 +172,10 @@ function b({ items: t, groups: i, collapsed: c, defaultCollapsed: g = !1, onColl
 					}), /* @__PURE__ */ p("ul", {
 						className: n.groupItems,
 						children: t.items.map((t, i) => {
-							let o = `${r}-${i}`;
+							let a = `${r}-${i}`;
 							if (t.items) {
-								if (R && !w) return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(y, { item: t }) }, t.id ?? o);
-								let e = F.value.includes(t.label), r = `${M}-group-${o}`;
+								if (R && !w) return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(y, { item: t }) }, t.id ?? a);
+								let e = F.value.includes(t.label), r = `${M}-group-${a}`;
 								return /* @__PURE__ */ m("li", { children: [/* @__PURE__ */ m("button", {
 									type: "button",
 									"aria-expanded": e,
@@ -230,9 +230,9 @@ function b({ items: t, groups: i, collapsed: c, defaultCollapsed: g = !1, onColl
 											children: e.label
 										}, t))
 									})
-								})] }, t.id ?? o);
+								})] }, t.id ?? a);
 							}
-							let s = /* @__PURE__ */ m(f, { children: [
+							let o = /* @__PURE__ */ m(f, { children: [
 								t.icon ? /* @__PURE__ */ p("span", {
 									className: n.icon,
 									"aria-hidden": "true",
@@ -274,11 +274,11 @@ function b({ items: t, groups: i, collapsed: c, defaultCollapsed: g = !1, onColl
 								className: n.customItem,
 								children: t.render({
 									collapsed: R,
-									children: s,
+									children: o,
 									linkProps: l
 								})
-							}, t.id ?? o);
-							let u = a(), d = t.onClick && !t.href ? /* @__PURE__ */ p("button", {
+							}, t.id ?? a);
+							let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */ p("button", {
 								type: "button",
 								"aria-current": t.active ? "page" : void 0,
 								"aria-label": R ? t.label : void 0,
@@ -287,16 +287,16 @@ function b({ items: t, groups: i, collapsed: c, defaultCollapsed: g = !1, onColl
 								className: n.link,
 								disabled: t.disabled,
 								onClick: (e) => t.onClick?.(e),
-								children: s
+								children: o
 							}) : /* @__PURE__ */ p(u, {
 								...l,
-								children: s
+								children: o
 							});
 							return /* @__PURE__ */ p("li", { children: R && !w ? /* @__PURE__ */ p(e, {
 								content: t.label,
 								placement: "right",
 								children: d
-							}) : d }, t.id ?? o);
+							}) : d }, t.id ?? a);
 						})
 					})]
 				}, r))

package/dist/node/side-nav/side-nav.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	sideNav: "_sideNav_1v53b_2",
 	label: "_label_1v53b_24",

package/dist/node/skeleton/skeleton.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./skeleton.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/skeleton/skeleton.tsx
 function r({ variant: r = "text", width: i, height: a, lines: o = 1, className: s, style: c, ...l }) {

package/dist/node/skeleton/skeleton.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	skeleton: "_skeleton_14kv6_2",
 	line: "_line_14kv6_23",

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

@@ -1,17 +1,17 @@
 "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),
+		href: `#${t}`,
+		className: n(e.link, l),
 		...u,
 		children: f
 	});

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

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

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

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

package/dist/node/spinner/spinner.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	spinner: "_spinner_a8uzh_2",
 	"cascade-spin": "_cascade-spin_a8uzh_1"

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	stack: "_stack_2ay4v_2",
 	layer: "_layer_2ay4v_8"