@cascivo/react 0.14.0 → 0.16.1

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

@@ -1,89 +1,93 @@
 "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 { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as t, isValidElement as n, useRef as r } from "react";
+import { useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
+import { jsx as s, jsxs as c } 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 = () => {
-		let e = c.current;
+function l() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function u({ children: u }) {
+	o();
+	let f = r(null), p = r(null), m = i(!1), h = () => {
+		let e = f.current;
 		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, f = (e) => {
-		let t = d();
+	}, g = (e) => {
+		let t = h();
 		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, p = (e) => {
+	}, _ = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), f((e, t) => t < 0 ? 0 : (t + 1) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), f((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
+				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
 				break;
 			case "Home":
-				e.preventDefault(), f(() => 0);
+				e.preventDefault(), g(() => 0);
 				break;
 			case "End":
-				e.preventDefault(), f((e) => e.length - 1);
+				e.preventDefault(), g((e) => e.length - 1);
 				break;
 		}
 	};
-	n(() => {
-		let e = c.current;
-		if (e) if (u.value) {
+	a(() => {
+		let e = f.current;
+		if (e) if (m.value) {
 			try {
 				e.showPopover();
 			} catch {}
-			d()[0]?.focus();
+			h()[0]?.focus();
 		} else try {
 			e.hidePopover();
 		} catch {}
-	}), n(() => {
-		let e = c.current;
+	}), a(() => {
+		let e = f.current;
 		if (!e) return;
 		let t = (e) => {
-			e.newState === "closed" && (u.value = !1);
+			e.newState === "closed" && (m.value = !1);
 		};
 		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
 	});
-	function m(e) {
+	function v(e) {
 		e.preventDefault();
-		let t = l.current;
-		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), u.value = !0);
+		let t = p.current;
+		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), m.value = !0);
 	}
-	let [h, ...g] = Array.isArray(s) ? s : [s];
-	return /* @__PURE__ */ o("div", {
-		ref: l,
-		onContextMenu: m,
+	let y = t.toArray(u), b = y.filter((e) => n(e) && e.type === d), x = y.filter((e) => !b.includes(e));
+	if (b.length === 0 && l()) throw Error("<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.");
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		onContextMenu: v,
 		className: e.wrapper,
-		children: [h, /* @__PURE__ */ a("div", {
-			ref: c,
+		children: [x, /* @__PURE__ */ s("div", {
+			ref: f,
 			popover: "auto",
 			role: "menu",
-			"data-state": u.value ? "open" : "closed",
+			"data-state": m.value ? "open" : "closed",
 			className: e.menu,
-			onKeyDown: p,
-			children: g
+			onKeyDown: _,
+			children: b
 		})]
 	});
 }
-function c({ children: t, onSelect: n, disabled: r }) {
+function d({ children: t, onSelect: n, disabled: r }) {
 	function i() {
 		r || n();
 	}
-	function o(e) {
+	function a(e) {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
 	}
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ s("div", {
 		role: "menuitem",
 		tabIndex: r ? -1 : 0,
 		"aria-disabled": r,
 		onClick: i,
-		onKeyDown: o,
+		onKeyDown: a,
 		className: e.item,
 		children: t
 	});
 }
 //#endregion
-export { s as ContextMenu, c as ContextMenuItem };
+export { u as ContextMenu, d as ContextMenuItem };

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",