@cascivo/react 0.14.0 → 0.16.0

package/dist/node/command-menu/command-menu.js

@@ -3,12 +3,12 @@
 import { Spinner as e } from "../spinner/spinner.js";
 import { Kbd as t } from "../kbd/kbd.js";
 import n from "./command-menu.module.js";
-import { batch as r, cn as i, focusElement as a, useEffectPropSignal as o, useSignal as s, useSignalEffect as c, useSignals as ee } from "@cascivo/core";
-import { useId as te, useRef as l } from "react";
-import { builtin as u, t as d } from "@cascivo/i18n";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useId as r, useRef as i } from "react";
+import { batch as a, cn as o, focusElement as s, useEffectPropSignal as c, useSignal as l, useSignalEffect as u, useSignals as ee } from "@cascivo/core";
+import { builtin as d, t as f } from "@cascivo/i18n";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../components/src/command-menu/command-menu.tsx
-function m(e, t) {
+function h(e, t) {
 	if (e.length === 0) return {
 		score: 1,
 		indices: []
@@ -25,21 +25,21 @@ function m(e, t) {
 		indices: s
 	} : null;
 }
-function h(e, t) {
-	return m(e, t)?.score ?? 0;
-}
 function g(e, t) {
-	let n = h(e, t.label);
+	return h(e, t)?.score ?? 0;
+}
+function _(e, t) {
+	let n = g(e, t.label);
 	for (let r of t.keywords ?? []) {
-		let t = h(e, r);
+		let t = g(e, r);
 		t > n && (n = t);
 	}
 	return n;
 }
-function _(e, t) {
+function v(e, t) {
 	if (t.length === 0) return e;
 	let r = new Set(t), i = [], a = "", o = r.has(0), s = (e) => {
-		a !== "" && (i.push(o ? /* @__PURE__ */ f("mark", {
+		a !== "" && (i.push(o ? /* @__PURE__ */ p("mark", {
 			className: n.match,
 			children: a
 		}, e) : a), a = "");
@@ -50,7 +50,7 @@ function _(e, t) {
 	}
 	return s(e.length), i;
 }
-function v(e, t) {
+function y(e, t) {
 	for (let n of t) {
 		let t = n.prefix;
 		if (t) {
@@ -66,41 +66,41 @@ function v(e, t) {
 	}
 	return null;
 }
-function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel: ie, hotkey: b = !0, label: x, loading: S = !1, onQueryChange: C, scopes: w = [], className: ae }) {
+function b({ open: g, onOpenChange: b, groups: te, placeholder: ne, emptyLabel: re, hotkey: x = !0, label: S, loading: C = !1, onQueryChange: w, scopes: T = [], className: ie }) {
 	ee();
-	let T = x ?? d(u.commandMenu.label), E = ie ?? d(u.commandMenu.empty), D = te(), O = `${D}-listbox`, k = l(null), A = l(null), j = l([]), M = l(y);
-	M.current = y;
-	let N = l(C);
-	N.current = C;
-	let P = o(h), oe = o(b), F = s(""), I = s(0), L = s([]), R = s(null), z = L.value.at(-1)?.groups ?? ne, B = re ?? L.value.at(-1)?.placeholder ?? d(u.commandMenu.placeholder), V = w.find((e) => e.id === R.value) ?? null, H = z.filter((e) => !R.value || !e.scope || e.scope === R.value).map((e) => ({
+	let E = S ?? f(d.commandMenu.label), ae = re ?? f(d.commandMenu.empty), D = r(), O = `${D}-listbox`, k = i(null), A = i(null), j = i([]), M = i(b);
+	M.current = b;
+	let N = i(w);
+	N.current = w;
+	let P = c(g), F = c(x), I = l(""), L = l(0), R = l([]), z = l(null), B = R.value.at(-1)?.groups ?? te, oe = ne ?? R.value.at(-1)?.placeholder ?? f(d.commandMenu.placeholder), V = T.find((e) => e.id === z.value) ?? null, H = B.filter((e) => !z.value || !e.scope || e.scope === z.value).map((e) => ({
 		heading: e.heading,
 		items: e.items.map((e) => ({
 			item: e,
-			score: g(F.value, e)
+			score: _(I.value, e)
 		})).filter(({ score: e }) => e > 0).sort((e, t) => t.score - e.score).map(({ item: e }) => ({
 			item: e,
-			indices: m(F.value, e.label)?.indices ?? []
+			indices: h(I.value, e.label)?.indices ?? []
 		}))
-	})).filter((e) => e.items.length > 0), U = H.flatMap((e) => e.items.map((e) => e.item)), W = U.flatMap((e, t) => e.disabled ? [] : [t]), G = W.includes(I.value) ? I.value : W[0] ?? -1, K = (e) => `${D}-option-${e}`;
-	c(() => {
+	})).filter((e) => e.items.length > 0), U = H.flatMap((e) => e.items.map((e) => e.item)), W = U.flatMap((e, t) => e.disabled ? [] : [t]), G = W.includes(L.value) ? L.value : W[0] ?? -1, K = (e) => `${D}-option-${e}`;
+	u(() => {
 		let e = k.current;
-		e && (P.value ? e.open || (r(() => {
-			F.value = "", I.value = 0, L.value = [], R.value = null;
-		}), typeof e.showModal == "function" && e.showModal(), a(A.current)) : e.open && (L.value = [], e.close()));
-	}), c(() => {
+		e && (P.value ? e.open || (a(() => {
+			I.value = "", L.value = 0, R.value = [], z.value = null;
+		}), typeof e.showModal == "function" && e.showModal(), s(A.current)) : e.open && (R.value = [], e.close()));
+	}), u(() => {
 		let e = k.current;
 		if (!e) return;
 		let t = () => M.current(!1);
 		return e.addEventListener("close", t), () => e.removeEventListener("close", t);
-	}), c(() => {
-		if (!oe.value) return;
+	}), u(() => {
+		if (!F.value) return;
 		let e = (e) => {
 			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), M.current(!P.value));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	});
 	let q = (e) => {
-		I.value = e;
+		L.value = e;
 		let t = j.current[e];
 		t && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
 	}, J = (e) => {
@@ -108,13 +108,13 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 		let t = W[(W.indexOf(G) + e + W.length) % W.length];
 		t !== void 0 && q(t);
 	}, Y = (e) => {
-		e.onSelect(), y(!1);
+		e.onSelect(), b(!1);
 	}, X = (e, t) => {
 		if (!(!e || e.disabled)) {
 			if (e.page) {
 				if (t === "secondary") return;
-				r(() => {
-					L.value = [...L.value, e.page], F.value = "", I.value = 0;
+				a(() => {
+					R.value = [...R.value, e.page], I.value = "", L.value = 0;
 				});
 				return;
 			}
@@ -123,21 +123,21 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 				n && Y(n);
 				return;
 			}
-			t !== "secondary" && (e.onSelect?.(), y(!1));
+			t !== "secondary" && (e.onSelect?.(), b(!1));
 		}
 	}, se = (e) => {
-		if (w.length === 0) return;
-		let t = [null, ...w.map((e) => e.id)], n = t[(t.indexOf(R.value) + e + t.length) % t.length];
-		r(() => {
-			R.value = n ?? null, I.value = 0;
+		if (T.length === 0) return;
+		let t = [null, ...T.map((e) => e.id)], n = t[(t.indexOf(z.value) + e + t.length) % t.length];
+		a(() => {
+			z.value = n ?? null, L.value = 0;
 		});
 	}, Z = () => {
-		r(() => {
-			R.value = null, I.value = 0;
-		}), a(A.current);
+		a(() => {
+			z.value = null, L.value = 0;
+		}), s(A.current);
 	}, Q = () => {
-		r(() => {
-			L.value = L.value.slice(0, -1), F.value = "", I.value = 0;
+		a(() => {
+			R.value = R.value.slice(0, -1), I.value = "", L.value = 0;
 		});
 	}, ce = (e) => {
 		switch (e.key) {
@@ -148,7 +148,7 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 				e.preventDefault(), J(-1);
 				break;
 			case "Tab":
-				w.length > 0 && (e.preventDefault(), se(e.shiftKey ? -1 : 1));
+				T.length > 0 && (e.preventDefault(), se(e.shiftKey ? -1 : 1));
 				break;
 			case "Home":
 				e.preventDefault(), W[0] !== void 0 && q(W[0]);
@@ -163,27 +163,27 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 				e.preventDefault(), G >= 0 && X(U[G], e.metaKey || e.ctrlKey ? "secondary" : "primary");
 				break;
 			case "Backspace":
-				F.value === "" && (L.value.length > 0 ? (e.preventDefault(), Q()) : R.value && (e.preventDefault(), Z()));
+				I.value === "" && (R.value.length > 0 ? (e.preventDefault(), Q()) : z.value && (e.preventDefault(), Z()));
 				break;
 		}
 	}, le = (e) => {
-		e.key === "Escape" && (e.preventDefault(), L.value.length > 0 ? Q() : k.current?.close());
+		e.key === "Escape" && (e.preventDefault(), R.value.length > 0 ? Q() : k.current?.close());
 	}, ue = (e) => {
 		e.target === k.current && k.current?.close();
 	}, $ = -1;
-	return /* @__PURE__ */ f("dialog", {
+	return /* @__PURE__ */ p("dialog", {
 		ref: k,
-		"aria-label": T,
-		className: i(n.dialog, ae),
+		"aria-label": E,
+		className: o(n.dialog, ie),
 		onClick: ue,
 		onKeyDown: le,
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: n.panel,
 			children: [
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: n.search,
 					children: [
-						/* @__PURE__ */ p("svg", {
+						/* @__PURE__ */ m("svg", {
 							className: n.searchIcon,
 							"aria-hidden": "true",
 							viewBox: "0 0 16 16",
@@ -193,30 +193,30 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 							stroke: "currentColor",
 							strokeWidth: "1.5",
 							strokeLinecap: "round",
-							children: [/* @__PURE__ */ f("circle", {
+							children: [/* @__PURE__ */ p("circle", {
 								cx: "7",
 								cy: "7",
 								r: "4.5"
-							}), /* @__PURE__ */ f("line", {
+							}), /* @__PURE__ */ p("line", {
 								x1: "10.5",
 								y1: "10.5",
 								x2: "14",
 								y2: "14"
 							})]
 						}),
-						V && /* @__PURE__ */ p("span", {
+						V && /* @__PURE__ */ m("span", {
 							className: n.scopeChip,
-							children: [V.label, /* @__PURE__ */ f("button", {
+							children: [V.label, /* @__PURE__ */ p("button", {
 								type: "button",
 								className: n.scopeClear,
-								"aria-label": d(u.commandMenu.clearScope),
+								"aria-label": f(d.commandMenu.clearScope),
 								onClick: Z,
-								children: /* @__PURE__ */ f("svg", {
+								children: /* @__PURE__ */ p("svg", {
 									viewBox: "0 0 16 16",
 									width: "12",
 									height: "12",
 									"aria-hidden": "true",
-									children: /* @__PURE__ */ f("path", {
+									children: /* @__PURE__ */ p("path", {
 										d: "M4 4l8 8M12 4l-8 8",
 										fill: "none",
 										stroke: "currentColor",
@@ -226,7 +226,7 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 								})
 							})]
 						}),
-						/* @__PURE__ */ f("input", {
+						/* @__PURE__ */ p("input", {
 							ref: A,
 							type: "text",
 							role: "combobox",
@@ -234,67 +234,67 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 							"aria-controls": O,
 							"aria-activedescendant": G >= 0 ? K(G) : void 0,
 							"aria-autocomplete": "list",
-							"aria-label": T,
+							"aria-label": E,
 							autoComplete: "off",
 							spellCheck: !1,
 							className: n.input,
-							placeholder: B,
-							value: F.value,
+							placeholder: oe,
+							value: I.value,
 							onChange: (e) => {
 								let t = e.target.value;
-								if (!R.value && w.length > 0) {
-									let e = v(t, w);
-									e && (R.value = e.scope.id, t = e.rest);
+								if (!z.value && T.length > 0) {
+									let e = y(t, T);
+									e && (z.value = e.scope.id, t = e.rest);
 								}
-								F.value = t, I.value = 0, N.current?.(t);
+								I.value = t, L.value = 0, N.current?.(t);
 							},
 							onKeyDown: ce
 						})
 					]
 				}),
-				w.length > 0 && /* @__PURE__ */ p("div", {
+				T.length > 0 && /* @__PURE__ */ m("div", {
 					className: n.scopes,
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: n.scopesLabel,
-						children: d(u.commandMenu.scopeLabel)
-					}), w.map((e) => /* @__PURE__ */ p("button", {
+						children: f(d.commandMenu.scopeLabel)
+					}), T.map((e) => /* @__PURE__ */ m("button", {
 						type: "button",
 						className: n.scopePill,
-						"data-active": e.id === R.value || void 0,
+						"data-active": e.id === z.value || void 0,
 						onClick: () => {
-							r(() => {
-								R.value = R.value === e.id ? null : e.id, I.value = 0;
-							}), a(A.current);
+							a(() => {
+								z.value = z.value === e.id ? null : e.id, L.value = 0;
+							}), s(A.current);
 						},
-						children: [e.prefix && /* @__PURE__ */ f("span", {
+						children: [e.prefix && /* @__PURE__ */ p("span", {
 							className: n.scopePrefix,
 							children: e.prefix
 						}), e.label]
 					}, e.id))]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: n.list,
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						role: "listbox",
 						id: O,
-						"aria-label": x,
+						"aria-label": S,
 						tabIndex: 0,
-						children: H.map((e, r) => /* @__PURE__ */ p("div", {
+						children: H.map((e, r) => /* @__PURE__ */ m("div", {
 							role: "group",
 							"aria-label": e.heading,
 							className: n.group,
-							children: [e.heading && /* @__PURE__ */ p("div", {
+							children: [e.heading && /* @__PURE__ */ m("div", {
 								className: n.heading,
 								"aria-hidden": "true",
-								children: [/* @__PURE__ */ f("span", { children: e.heading }), F.value !== "" && /* @__PURE__ */ f("span", {
+								children: [/* @__PURE__ */ p("span", { children: e.heading }), I.value !== "" && /* @__PURE__ */ p("span", {
 									className: n.count,
-									children: d(u.commandMenu.matches, { count: e.items.length })
+									children: f(d.commandMenu.matches, { count: e.items.length })
 								})]
 							}), e.items.map((e) => {
 								let { item: r, indices: i } = e;
 								$++;
 								let a = $;
-								return /* @__PURE__ */ p("div", {
+								return /* @__PURE__ */ m("div", {
 									ref: (e) => {
 										j.current[a] = e;
 									},
@@ -306,54 +306,54 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 									"data-disabled": r.disabled || void 0,
 									className: n.option,
 									onMouseEnter: () => {
-										r.disabled || (I.value = a);
+										r.disabled || (L.value = a);
 									},
 									onClick: () => X(r, "primary"),
 									children: [
-										r.icon && /* @__PURE__ */ f("span", {
+										r.icon && /* @__PURE__ */ p("span", {
 											className: n.icon,
 											"aria-hidden": "true",
 											children: r.icon
 										}),
-										/* @__PURE__ */ p("span", {
+										/* @__PURE__ */ m("span", {
 											className: n.text,
-											children: [/* @__PURE__ */ f("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: n.label,
-												children: _(r.label, i)
-											}), r.description && /* @__PURE__ */ f("span", {
+												children: v(r.label, i)
+											}), r.description && /* @__PURE__ */ p("span", {
 												className: n.description,
 												children: r.description
 											})]
 										}),
-										r.status && /* @__PURE__ */ p("span", {
+										r.status && /* @__PURE__ */ m("span", {
 											className: n.status,
 											"data-tone": r.status.tone ?? "neutral",
-											children: [/* @__PURE__ */ f("span", {
+											children: [/* @__PURE__ */ p("span", {
 												className: n.statusDot,
 												"aria-hidden": "true"
 											}), r.status.label]
 										}),
-										r.actions && r.actions.length > 0 && /* @__PURE__ */ f("span", {
+										r.actions && r.actions.length > 0 && /* @__PURE__ */ p("span", {
 											className: n.actions,
-											children: r.actions.map((e) => /* @__PURE__ */ p("span", {
+											children: r.actions.map((e) => /* @__PURE__ */ m("span", {
 												className: n.action,
 												onClick: (t) => {
 													t.stopPropagation(), Y(e);
 												},
-												children: [e.label, e.shortcut && /* @__PURE__ */ f("span", {
+												children: [e.label, e.shortcut && /* @__PURE__ */ p("span", {
 													className: n.actionKeys,
 													"aria-hidden": "true",
-													children: e.shortcut.map((e, n) => /* @__PURE__ */ f(t, {
+													children: e.shortcut.map((e, n) => /* @__PURE__ */ p(t, {
 														size: "sm",
 														children: e
 													}, n))
 												})]
 											}, e.id))
 										}),
-										r.shortcut && /* @__PURE__ */ f("span", {
+										r.shortcut && /* @__PURE__ */ p("span", {
 											className: n.shortcut,
 											"aria-hidden": "true",
-											children: r.shortcut.map((e, n) => /* @__PURE__ */ f(t, {
+											children: r.shortcut.map((e, n) => /* @__PURE__ */ p(t, {
 												size: "sm",
 												children: e
 											}, n))
@@ -362,51 +362,51 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 								}, r.id);
 							})]
 						}, e.heading ?? `group-${r}`))
-					}), U.length === 0 && (S ? /* @__PURE__ */ p("div", {
+					}), U.length === 0 && (C ? /* @__PURE__ */ m("div", {
 						role: "status",
 						className: n.empty,
-						children: [/* @__PURE__ */ f(e, { size: "sm" }), d(u.commandMenu.loading)]
-					}) : /* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p(e, { size: "sm" }), f(d.commandMenu.loading)]
+					}) : /* @__PURE__ */ p("div", {
 						role: "status",
 						className: n.empty,
-						children: E
+						children: ae
 					}))]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: n.footer,
 					"aria-hidden": "true",
 					children: [
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: n.hint,
 							children: [
-								/* @__PURE__ */ f(t, {
+								/* @__PURE__ */ p(t, {
 									size: "sm",
 									children: "↑"
 								}),
-								/* @__PURE__ */ f(t, {
+								/* @__PURE__ */ p(t, {
 									size: "sm",
 									children: "↓"
 								}),
 								" navigate"
 							]
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: n.hint,
-							children: [/* @__PURE__ */ f(t, {
+							children: [/* @__PURE__ */ p(t, {
 								size: "sm",
 								children: "↵"
 							}), " open"]
 						}),
-						w.length > 0 && /* @__PURE__ */ p("span", {
+						T.length > 0 && /* @__PURE__ */ m("span", {
 							className: n.hint,
-							children: [/* @__PURE__ */ f(t, {
+							children: [/* @__PURE__ */ p(t, {
 								size: "sm",
 								children: "Tab"
 							}), " scope"]
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: n.hint,
-							children: [/* @__PURE__ */ f(t, {
+							children: [/* @__PURE__ */ p(t, {
 								size: "sm",
 								children: "esc"
 							}), " close"]
@@ -418,4 +418,4 @@ function y({ open: h, onOpenChange: y, groups: ne, placeholder: re, emptyLabel:
 	});
 }
 //#endregion
-export { y as CommandMenu, m as fuzzyMatch, h as fuzzyScore };
+export { b as CommandMenu, h as fuzzyMatch, g as fuzzyScore };

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	dialog: "_dialog_1dfrg_2",
 	panel: "_panel_1dfrg_62",

package/dist/node/comparison/comparison.js

@@ -1,15 +1,15 @@
 "use client";
 
 import e from "./comparison.module.js";
-import { cn as t, useControllableSignal 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, useControllableSignal 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/comparison/comparison.tsx
 var u = (e) => Math.min(100, Math.max(0, e));
 function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositionChange: h, orientation: g = "horizontal", keyboardStep: _ = 5, label: v, className: y, ...b }) {
-	i();
-	let x = a(null), S = r(!1), [C, w] = n({
+	a();
+	let x = t(null), S = i(!1), [C, w] = r({
 		value: p,
 		defaultValue: m,
 		onChange: h
@@ -26,7 +26,7 @@ function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositi
 		ref: x,
 		"data-orientation": g,
 		"data-dragging": S.value || void 0,
-		className: t(e.comparison, y),
+		className: n(e.comparison, y),
 		style: { "--position": `${T}%` },
 		onPointerDown: (e) => {
 			S.value = !0, e.currentTarget.setPointerCapture?.(e.pointerId), E(e);

package/dist/node/comparison/comparison.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	comparison: "_comparison_zo41p_2",
 	item: "_item_zo41p_11",

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	root: "_root_u2rtc_2",
 	header: "_header_u2rtc_11",

package/dist/node/context-menu/context-menu.js

@@ -1,13 +1,13 @@
 "use client";
 
 import e from "./context-menu.module.js";
-import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { useRef as i } from "react";
+import { useRef as t } from "react";
+import { useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/context-menu/context-menu.tsx
 function s({ children: s }) {
-	r();
-	let c = i(null), l = i(null), u = t(!1), d = () => {
+	i();
+	let c = t(null), l = t(null), u = n(!1), d = () => {
 		let e = c.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, f = (e) => {
@@ -29,7 +29,7 @@ function s({ children: s }) {
 				break;
 		}
 	};
-	n(() => {
+	r(() => {
 		let e = c.current;
 		if (e) if (u.value) {
 			try {
@@ -39,7 +39,7 @@ function s({ children: s }) {
 		} else try {
 			e.hidePopover();
 		} catch {}
-	}), n(() => {
+	}), r(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = (e) => {

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_dfne7_2",
 	menu: "_menu_dfne7_6",

package/dist/node/copy-button/copy-button.js

@@ -1,22 +1,22 @@
 "use client";
 
 import e from "./copy-button.module.js";
-import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { forwardRef as i } from "react";
+import { forwardRef 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, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/copy-button/copy-button.tsx
-var l = i(function({ value: i, size: l = "md", labels: u, className: d, ...f }, p) {
-	r();
-	let m = n(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
+var l = t(function({ value: t, size: l = "md", labels: u, className: d, ...f }, p) {
+	i();
+	let m = r(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
 	return /* @__PURE__ */ s("button", {
 		type: "button",
 		"aria-label": m.value ? g : h,
 		"data-state": m.value ? "copied" : "idle",
 		"data-size": l,
-		className: t(e.copyButton, d),
+		className: n(e.copyButton, d),
 		onClick: () => {
-			navigator.clipboard.writeText(i), m.value = !0, setTimeout(() => {
+			navigator.clipboard.writeText(t), m.value = !0, setTimeout(() => {
 				m.value = !1;
 			}, 2e3);
 		},

package/dist/node/copy-button/copy-button.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	copyButton: "_copyButton_w0pqt_2",
 	icon: "_icon_w0pqt_45"

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

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./data-list.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/data-list/data-list.tsx
 function i({ items: i, orientation: a = "horizontal", dividers: o = !1, size: s = "md", className: c, ...l }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	list: "_list_prsqy_2",
 	row: "_row_prsqy_21",