@cascivo/react 0.13.1 → 0.16.0

package/dist/fab/fab.js

@@ -1,23 +1,23 @@
 "use client";
 
 import e from "./fab.module.js";
-import { DismissableLayer as t, Presence as n, cn as r, focusElement as i, useControllableSignal as a, useRovingFocus as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
-import { useId as l, useRef as u } from "react";
+import { useId as t, useRef as n } from "react";
+import { DismissableLayer as r, Presence as i, cn as a, focusElement as o, useControllableSignal as s, useRovingFocus as c, useSignalEffect as l, useSignals as u } from "@cascivo/core";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/fab/fab.tsx
 function p({ children: p, label: m, onClick: h, actions: g, position: _ = "bottom-end", open: v, defaultOpen: y, onOpenChange: b, className: x }) {
-	c();
-	let S = g != null && g.length > 0, [C, w] = a({
+	u();
+	let S = g != null && g.length > 0, [C, w] = s({
 		value: v,
 		defaultValue: y ?? !1,
 		onChange: b
-	}), T = o({
+	}), T = c({
 		orientation: "vertical",
 		loop: !0
-	}), E = u(null), D = u(null), O = l(), k = u(!1);
-	s(() => {
+	}), E = n(null), D = n(null), O = t(), k = n(!1);
+	l(() => {
 		let e = S && C.value;
-		e && !k.current ? D.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && k.current && i(E.current), k.current = e;
+		e && !k.current ? D.current?.querySelector("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")?.focus() : !e && k.current && o(E.current), k.current = e;
 	});
 	let A = (e) => {
 		e.disabled || (e.onSelect(), w(!1));
@@ -39,14 +39,14 @@ function p({ children: p, label: m, onClick: h, actions: g, position: _ = "botto
 			children: p
 		})
 	});
-	return S ? /* @__PURE__ */ d(t, {
+	return S ? /* @__PURE__ */ d(r, {
 		onDismiss: () => w(!1),
 		escapeDismisses: C.value,
 		disableOutsidePointer: !C.value,
 		children: /* @__PURE__ */ f("div", {
-			className: r(e.root, x),
+			className: a(e.root, x),
 			"data-position": _,
-			children: [/* @__PURE__ */ d(n, {
+			children: [/* @__PURE__ */ d(i, {
 				present: C,
 				children: /* @__PURE__ */ d("menu", {
 					ref: D,
@@ -84,7 +84,7 @@ function p({ children: p, label: m, onClick: h, actions: g, position: _ = "botto
 			}), j]
 		})
 	}) : /* @__PURE__ */ d("div", {
-		className: r(e.root, x),
+		className: a(e.root, x),
 		"data-position": _,
 		children: j
 	});

package/dist/fab/fab.module.js

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

package/dist/field/field.js

@@ -1,8 +1,6 @@
-"use client";
-
 import { Label as e } from "../label/label.js";
 import t from "./field.module.js";
-import { cn as n, useId as r } from "@cascivo/core";
+import { cn as n, useId as r } from "@cascivo/core/pure";
 import { Children as i, cloneElement as a, isValidElement as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/field/field.tsx

package/dist/field/field.module.js

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

package/dist/file-uploader/file-uploader.css

@@ -1 +1 @@
-@layer cascivo.component{._uploader_nfhc5_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_nfhc5_13{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_nfhc5_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_nfhc5_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_nfhc5_28:hover:not(:disabled),._zone_nfhc5_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_nfhc5_28:disabled{opacity:.5;cursor:not-allowed}._hint_nfhc5_61{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_nfhc5_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_nfhc5_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_nfhc5_75[data-state=error]{border-color:var(--cascivo-color-danger)}._status_nfhc5_92{grid-area:status;align-items:center;display:flex}._glyph-complete_nfhc5_98{color:var(--cascivo-color-success-foreground)}._glyph-error_nfhc5_102{color:var(--cascivo-color-danger)}._name_nfhc5_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_nfhc5_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_nfhc5_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_nfhc5_119:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_nfhc5_139{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}
+@layer cascivo.component{._uploader_c3mm3_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_c3mm3_13{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._input_c3mm3_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_c3mm3_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_c3mm3_28:hover:not(:disabled),._zone_c3mm3_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_c3mm3_28:disabled{opacity:.5;cursor:not-allowed}._hint_c3mm3_61{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}._list_c3mm3_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_c3mm3_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-text-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_c3mm3_75[data-state=error]{border-color:var(--cascivo-color-destructive)}._status_c3mm3_92{grid-area:status;align-items:center;display:flex}._glyph-complete_c3mm3_98{color:var(--cascivo-color-success-foreground)}._glyph-error_c3mm3_102{color:var(--cascivo-color-destructive)}._name_c3mm3_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_c3mm3_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);grid-area:size}._remove_c3mm3_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-text-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_c3mm3_119:hover{color:var(--cascivo-color-destructive);background:var(--cascivo-color-destructive-subtle)}._error-message_c3mm3_139{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive);grid-area:error}}

package/dist/file-uploader/file-uploader.js

@@ -2,8 +2,8 @@
 
 import { Spinner as e } from "../spinner/spinner.js";
 import t from "./file-uploader.module.js";
-import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { useRef as a } from "react";
+import { useRef as n } from "react";
+import { cn 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/file-uploader/file-uploader.tsx
@@ -15,15 +15,15 @@ function d(e) {
 	return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : e >= 1024 ? `${(e / 1024).toFixed(1)} KB` : `${e} B`;
 }
 function f({ files: f = [], onFilesAdded: p, onRemove: m, multiple: h = !1, accept: g, maxSize: _, onRejected: v, label: y, hint: b, labels: x, disabled: S = !1, className: C }) {
-	i();
-	let w = a(null), T = r(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
+	a();
+	let w = n(null), T = i(!1), E = y ?? x?.label ?? s(o.fileUploader.label), D = x?.drop ?? s(o.fileUploader.drop), O = x?.uploading ?? s(o.fileUploader.uploading), k = x?.complete ?? s(o.fileUploader.complete), A = x?.error ?? s(o.fileUploader.error), j = (e) => x?.remove ? x.remove.replace("{name}", e) : s(o.fileUploader.remove, { name: e }), M = `cascade-uploader-${E.toLowerCase().replace(/\s+/g, "-")}`, N = `${M}-label`, P = `${M}-hint`, F = (e) => {
 		if (!e || e.length === 0) return;
 		let t = h ? Array.from(e) : Array.from(e).slice(0, 1), n = [], r = [], i = [];
 		for (let e of t) g && !u(e, g) ? r.push(e) : _ !== void 0 && e.size > _ ? i.push(e) : n.push(e);
 		r.length > 0 && v?.(r, "type"), i.length > 0 && v?.(i, "size"), n.length > 0 && p?.(n);
 	};
 	return /* @__PURE__ */ l("div", {
-		className: n(t.uploader, C),
+		className: r(t.uploader, C),
 		children: [
 			/* @__PURE__ */ c("span", {
 				id: N,

package/dist/file-uploader/file-uploader.module.js

@@ -1,21 +1,19 @@
-"use client";
-
 import './file-uploader.css';
 var e = {
-	uploader: "_uploader_nfhc5_2",
-	label: "_label_nfhc5_13",
-	input: "_input_nfhc5_19",
-	zone: "_zone_nfhc5_28",
-	hint: "_hint_nfhc5_61",
-	list: "_list_nfhc5_66",
-	file: "_file_nfhc5_75",
-	status: "_status_nfhc5_92",
-	"glyph-complete": "_glyph-complete_nfhc5_98",
-	"glyph-error": "_glyph-error_nfhc5_102",
-	name: "_name_nfhc5_106",
-	size: "_size_nfhc5_113",
-	remove: "_remove_nfhc5_119",
-	"error-message": "_error-message_nfhc5_139"
+	uploader: "_uploader_c3mm3_2",
+	label: "_label_c3mm3_13",
+	input: "_input_c3mm3_19",
+	zone: "_zone_c3mm3_28",
+	hint: "_hint_c3mm3_61",
+	list: "_list_c3mm3_66",
+	file: "_file_c3mm3_75",
+	status: "_status_c3mm3_92",
+	"glyph-complete": "_glyph-complete_c3mm3_98",
+	"glyph-error": "_glyph-error_c3mm3_102",
+	name: "_name_c3mm3_106",
+	size: "_size_c3mm3_113",
+	remove: "_remove_c3mm3_119",
+	"error-message": "_error-message_c3mm3_139"
 };
 //#endregion
 export { e as default };

package/dist/filter/filter.module.js

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

package/dist/form/form.module.js

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

package/dist/header/header.module.js

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

package/dist/header-panel/header-panel.js

@@ -1,15 +1,15 @@
 "use client";
 
 import e from "./header-panel.module.js";
-import { cn as t, focusElement as n, useEffectPropSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
-import { useRef as o } from "react";
+import { useRef as t } from "react";
+import { cn as n, focusElement as r, useEffectPropSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
 import { builtin as s, t as c } from "@cascivo/i18n";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/header-panel/header-panel.tsx
 function d({ open: d, onClose: f, label: p, children: m, labels: h, className: g }) {
-	a();
-	let _ = o(null), v = o(null), y = r(d), b = o(f);
-	return b.current = f, i(() => {
+	o();
+	let _ = t(null), v = t(null), y = i(d), b = t(f);
+	return b.current = f, a(() => {
 		let e = _.current;
 		if (e) if (y.value) {
 			v.current = document.activeElement;
@@ -21,9 +21,9 @@ function d({ open: d, onClose: f, label: p, children: m, labels: h, className: g
 			try {
 				e.hidePopover();
 			} catch {}
-			n(v.current), v.current = null;
+			r(v.current), v.current = null;
 		}
-	}), i(() => {
+	}), a(() => {
 		let e = _.current;
 		if (!e) return;
 		let t = (e) => {
@@ -38,7 +38,7 @@ function d({ open: d, onClose: f, label: p, children: m, labels: h, className: g
 		"aria-label": p,
 		tabIndex: -1,
 		"data-state": d ? "open" : "closed",
-		className: t(e.panel, g),
+		className: n(e.panel, g),
 		children: [/* @__PURE__ */ u("div", {
 			className: e.header,
 			children: [/* @__PURE__ */ l("span", {

package/dist/header-panel/header-panel.module.js

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

package/dist/heading/heading.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./heading.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/heading/heading.tsx
 var r = {

package/dist/heading/heading.module.js

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

package/dist/hover-card/hover-card.js

@@ -2,16 +2,16 @@
 
 import { usePopover as e } from "../popover/use-popover.js";
 import t from "./hover-card.module.js";
-import { useSignalEffect as n, useSignals as r } from "@cascivo/core";
-import { createContext as i, useRef as a } from "react";
+import { createContext as n, useRef as r } from "react";
+import { useSignalEffect as i, useSignals as a } from "@cascivo/core";
 import { jsx as o } from "react/jsx-runtime";
 //#region ../components/src/hover-card/hover-card.tsx
-var s = i(null);
-function c({ children: t, openDelay: r = 300, closeDelay: i = 100 }) {
-	let c = e(), l = a(void 0), u = a(void 0), d = a(r);
-	d.current = r;
-	let f = a(i);
-	f.current = i;
+var s = n(null);
+function c({ children: t, openDelay: n = 300, closeDelay: a = 100 }) {
+	let c = e(), l = r(void 0), u = r(void 0), d = r(n);
+	d.current = n;
+	let f = r(a);
+	f.current = a;
 	let p = {
 		...c,
 		open: () => {
@@ -25,7 +25,7 @@ function c({ children: t, openDelay: r = 300, closeDelay: i = 100 }) {
 			}, f.current);
 		}
 	};
-	return n(() => () => {
+	return i(() => () => {
 		clearTimeout(l.current), clearTimeout(u.current);
 	}), /* @__PURE__ */ o(s.Provider, {
 		value: p,
@@ -33,11 +33,11 @@ function c({ children: t, openDelay: r = 300, closeDelay: i = 100 }) {
 	});
 }
 function l({ ctx: e, children: n }) {
-	r();
-	let { triggerRef: i, anchorName: a, open: s, close: c } = e;
+	a();
+	let { triggerRef: r, anchorName: i, open: s, close: c } = e;
 	return /* @__PURE__ */ o("span", {
-		ref: i,
-		style: { anchorName: a },
+		ref: r,
+		style: { anchorName: i },
 		onMouseEnter: s,
 		onMouseLeave: c,
 		onFocus: s,
@@ -55,18 +55,18 @@ function u({ children: e }) {
 		});
 	} });
 }
-function d({ ctx: e, children: n, className: i }) {
-	r();
-	let { popoverRef: a, anchorName: s, isOpen: c, open: l, close: u } = e;
+function d({ ctx: e, children: n, className: r }) {
+	a();
+	let { popoverRef: i, anchorName: s, isOpen: c, open: l, close: u } = e;
 	return /* @__PURE__ */ o("div", {
-		ref: a,
+		ref: i,
 		popover: "auto",
 		role: "complementary",
 		"data-state": c.value ? "open" : "closed",
 		style: { positionAnchor: s },
 		onMouseEnter: l,
 		onMouseLeave: u,
-		className: [t.content, i].filter(Boolean).join(" "),
+		className: [t.content, r].filter(Boolean).join(" "),
 		children: n
 	});
 }

package/dist/hover-card/hover-card.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './hover-card.css';
 var e = {
 	trigger: "_trigger_p0sib_2",

package/dist/icon-button/icon-button.js

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

package/dist/icon-button/icon-button.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './icon-button.css';
 var e = { iconButton: "_iconButton_1f9hf_2" };
 //#endregion

package/dist/image/image.module.js

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