@cascivo/react 0.12.0 → 0.13.1

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

package/dist/node/comparison/comparison.js

@@ -2,14 +2,14 @@
 
 import e from "./comparison.module.js";
 import { cn as t, useControllableSignal 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";
-import { useRef as l } from "react";
+import { useRef as a } from "react";
+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 = l(null), S = r(!1), [C, w] = n({
+	let x = a(null), S = r(!1), [C, w] = n({
 		value: p,
 		defaultValue: m,
 		onChange: h
@@ -22,7 +22,7 @@ function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositi
 		let t = g === "vertical" ? "ArrowUp" : "ArrowLeft", n = g === "vertical" ? "ArrowDown" : "ArrowRight", r = null;
 		e.key === t || e.key === "ArrowLeft" || e.key === "ArrowUp" ? r = T - _ : e.key === n || e.key === "ArrowRight" || e.key === "ArrowDown" ? r = T + _ : e.key === "Home" ? r = 0 : e.key === "End" ? r = 100 : e.key === "PageUp" ? r = T + _ * 2 : e.key === "PageDown" && (r = T - _ * 2), r !== null && (e.preventDefault(), w(u(r)));
 	};
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		ref: x,
 		"data-orientation": g,
 		"data-dragging": S.value || void 0,
@@ -39,21 +39,21 @@ function d({ after: d, before: f, position: p, defaultPosition: m = 50, onPositi
 		},
 		...b,
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: e.item,
 				children: d
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: e.before,
 				"aria-hidden": "true",
 				children: f
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: e.divider,
-				children: /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ c("div", {
 					role: "slider",
 					tabIndex: 0,
-					"aria-label": v ?? o(a.comparison.label),
+					"aria-label": v ?? s(o.comparison.label),
 					"aria-orientation": g,
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,

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

@@ -2,12 +2,12 @@
 
 import e from "./context-menu.module.js";
 import { useSignal as t, useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useRef as o } from "react";
+import { useRef as i } from "react";
+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 = o(null), l = o(null), u = t(!1), d = () => {
+	let c = i(null), l = i(null), u = t(!1), d = () => {
 		let e = c.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
 	}, f = (e) => {
@@ -53,11 +53,11 @@ function s({ children: s }) {
 		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), u.value = !0);
 	}
 	let [h, ...g] = Array.isArray(s) ? s : [s];
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		ref: l,
 		onContextMenu: m,
 		className: e.wrapper,
-		children: [h, /* @__PURE__ */ i("div", {
+		children: [h, /* @__PURE__ */ a("div", {
 			ref: c,
 			popover: "auto",
 			role: "menu",
@@ -69,17 +69,17 @@ function s({ children: s }) {
 	});
 }
 function c({ children: t, onSelect: n, disabled: r }) {
-	function a() {
+	function i() {
 		r || n();
 	}
 	function o(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
 	}
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		role: "menuitem",
 		tabIndex: r ? -1 : 0,
 		"aria-disabled": r,
-		onClick: a,
+		onClick: i,
 		onKeyDown: o,
 		className: e.item,
 		children: t

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

@@ -2,29 +2,31 @@
 
 import e from "./copy-button.module.js";
 import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
-import { builtin as i, t as a } from "@cascivo/i18n";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+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
-function c({ value: c, size: l = "md", labels: u, className: d, ...f }) {
+var l = i(function({ value: i, size: l = "md", labels: u, className: d, ...f }, p) {
 	r();
-	let p = n(!1), m = u?.copy ?? a(i.copyButton.copy), h = u?.copied ?? a(i.copyButton.copied);
-	return /* @__PURE__ */ o("button", {
+	let m = n(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
+	return /* @__PURE__ */ s("button", {
 		type: "button",
-		"aria-label": p.value ? h : m,
-		"data-state": p.value ? "copied" : "idle",
+		"aria-label": m.value ? g : h,
+		"data-state": m.value ? "copied" : "idle",
 		"data-size": l,
 		className: t(e.copyButton, d),
 		onClick: () => {
-			navigator.clipboard.writeText(c), p.value = !0, setTimeout(() => {
-				p.value = !1;
+			navigator.clipboard.writeText(i), m.value = !0, setTimeout(() => {
+				m.value = !1;
 			}, 2e3);
 		},
+		ref: p,
 		...f,
-		children: p.value ? /* @__PURE__ */ o("svg", {
+		children: m.value ? /* @__PURE__ */ s("svg", {
 			"aria-hidden": "true",
 			viewBox: "0 0 16 16",
 			className: e.icon,
-			children: /* @__PURE__ */ o("path", {
+			children: /* @__PURE__ */ s("path", {
 				d: "M13.5 4.5 6 12 2.5 8.5",
 				fill: "none",
 				stroke: "currentColor",
@@ -32,11 +34,11 @@ function c({ value: c, size: l = "md", labels: u, className: d, ...f }) {
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
 			})
-		}) : /* @__PURE__ */ s("svg", {
+		}) : /* @__PURE__ */ c("svg", {
 			"aria-hidden": "true",
 			viewBox: "0 0 16 16",
 			className: e.icon,
-			children: [/* @__PURE__ */ o("rect", {
+			children: [/* @__PURE__ */ s("rect", {
 				x: "5.5",
 				y: "5.5",
 				width: "8",
@@ -45,7 +47,7 @@ function c({ value: c, size: l = "md", labels: u, className: d, ...f }) {
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: "1.5"
-			}), /* @__PURE__ */ o("path", {
+			}), /* @__PURE__ */ s("path", {
 				d: "M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1",
 				fill: "none",
 				stroke: "currentColor",
@@ -53,6 +55,6 @@ function c({ value: c, size: l = "md", labels: u, className: d, ...f }) {
 			})]
 		})
 	});
-}
+});
 //#endregion
-export { c as CopyButton };
+export { l as CopyButton };