@cascivo/react 0.13.1 → 0.16.0

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

@@ -1,20 +1,18 @@
-"use client";
-
 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/node/filter/filter.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	filter: "_filter_uq1vv_2",
 	item: "_item_uq1vv_8"

package/dist/node/form/form.module.js

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

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	header: "_header_1n9di_2",
 	brand: "_brand_1n9di_20",

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	panel: "_panel_gsmp3_2",
 	header: "_header_gsmp3_41",

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

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

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	trigger: "_trigger_p0sib_2",
 	content: "_content_p0sib_7"

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

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

package/dist/node/image/image.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	wrapper: "_wrapper_1cf1d_2",
 	image: "_image_1cf1d_28",

package/dist/node/index.js

@@ -1,2 +1 @@
-'use client';
 export * from './react/src/index.js';

package/dist/node/indicator/indicator.js

@@ -1,5 +1,3 @@
-"use client";
-
 import e from "./indicator.module.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region ../components/src/indicator/indicator.tsx

package/dist/node/indicator/indicator.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	indicator: "_indicator_12iz3_2",
 	overlay: "_overlay_12iz3_7"

package/dist/node/inline-loading/inline-loading.js

@@ -1,8 +1,6 @@
-"use client";
-
 import { Spinner as e } from "../spinner/spinner.js";
 import t from "./inline-loading.module.js";
-import { cn as n } from "@cascivo/core";
+import { cn as n } from "@cascivo/core/pure";
 import { builtin as r, t as i } from "@cascivo/i18n";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../components/src/inline-loading/inline-loading.tsx

package/dist/node/inline-loading/inline-loading.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	"inline-loading": "_inline-loading_h27o5_2",
 	indicator: "_indicator_h27o5_20",

package/dist/node/input/input.js

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

package/dist/node/input/input.module.js

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

package/dist/node/input-group/input-group.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./input-group.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/input-group/input-group.tsx
 function i({ align: r = "inline-start", children: i, className: a, ...o }) {

package/dist/node/input-group/input-group.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	"input-group": "_input-group_n9tv2_2",
 	"input-wrap": "_input-wrap_n9tv2_8",

package/dist/node/item/item.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./item.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
+import { Slot as t, cn as n } from "@cascivo/core/pure";
 import { jsx as r } from "react/jsx-runtime";
 //#region ../components/src/item/item.tsx
 function i({ asChild: i = !1, variant: a = "default", size: o = "md", className: s, children: c, ...l }) {

package/dist/node/item/item.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	item: "_item_e9n8e_2",
 	media: "_media_e9n8e_32",

package/dist/node/join/join.js

@@ -1,5 +1,3 @@
-"use client";
-
 import e from "./join.module.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region ../components/src/join/join.tsx

package/dist/node/join/join.module.js

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

package/dist/node/kbd/kbd.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./kbd.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/kbd/kbd.tsx
 function r({ size: r = "md", className: i, children: a, ...o }) {

package/dist/node/kbd/kbd.module.js

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

package/dist/node/label/label.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./label.module.js";
-import { Slot as t, cn as n } from "@cascivo/core";
+import { Slot as t, cn as n } from "@cascivo/core/pure";
 import { builtin as r, t as i } from "@cascivo/i18n";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/label/label.tsx

package/dist/node/label/label.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	label: "_label_qztdi_2",
 	marker: "_marker_qztdi_18",

package/dist/node/layouts/src/auto-grid/auto-grid.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./auto-grid.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 ../layouts/src/auto-grid/auto-grid.tsx
 function r({ min: r = "16rem", gap: i = 4, className: a, style: o, ...s }) {

package/dist/node/layouts/src/auto-grid/auto-grid.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 //#region ../layouts/src/auto-grid/auto-grid.module.css
 var e = { "auto-grid": "_auto-grid_v8cqo_2" };
 //#endregion

package/dist/node/layouts/src/center/center.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./center.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 ../layouts/src/center/center.tsx
 function r({ maxWidth: r = "48rem", className: i, style: a, ...o }) {

package/dist/node/layouts/src/center/center.module.js

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

package/dist/node/layouts/src/columns/columns.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./columns.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 ../layouts/src/columns/columns.tsx
 function r({ count: r = 2, gap: i = 4, className: a, style: o, children: s, ...c }) {

package/dist/node/layouts/src/columns/columns.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	"columns-container": "_columns-container_1efih_2",
 	columns: "_columns_1efih_2"

package/dist/node/layouts/src/flex/flex.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./flex.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 ../layouts/src/flex/flex.tsx
 function r({ direction: r = "vertical", gap: i = 4, align: a, justify: o, wrap: s = !1, className: c, style: l, ...u }) {

package/dist/node/layouts/src/flex/flex.module.js

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

package/dist/node/layouts/src/grid/grid.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./grid.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 ../layouts/src/grid/grid.tsx
 function r(e) {

package/dist/node/layouts/src/grid/grid.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	"grid-container": "_grid-container_qly9o_5",
 	grid: "_grid_qly9o_2",

package/dist/node/layouts/src/page-header/page-header.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./page-header.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 ../layouts/src/page-header/page-header.tsx
 function i({ title: i, description: a, breadcrumb: o, actions: s, className: c }) {

package/dist/node/layouts/src/page-header/page-header.module.js

@@ -1,12 +1,10 @@
-"use client";
-
 var e = {
-	header: "_header_e7nyb_2",
-	breadcrumb: "_breadcrumb_e7nyb_8",
-	row: "_row_e7nyb_12",
-	title: "_title_e7nyb_20",
-	actions: "_actions_e7nyb_28",
-	description: "_description_e7nyb_35"
+	header: "_header_18phh_2",
+	breadcrumb: "_breadcrumb_18phh_8",
+	row: "_row_18phh_12",
+	title: "_title_18phh_20",
+	actions: "_actions_18phh_28",
+	description: "_description_18phh_35"
 };
 //#endregion
 export { e as default };

package/dist/node/layouts/src/spacer/spacer.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./spacer.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 ../layouts/src/spacer/spacer.tsx
 function r({ size: r = 4, className: i, style: a, ...o }) {

package/dist/node/layouts/src/spacer/spacer.module.js

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

package/dist/node/link/link.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./link.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/link/link.tsx

package/dist/node/link/link.module.js

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

package/dist/node/list/list.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./list.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/list/list.tsx
 function r({ as: r = "ul", marker: i, className: a, children: o, ...s }) {

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

@@ -1,5 +1,3 @@
-"use client";
-
 var e = {
 	list: "_list_96m5o_2",
 	item: "_item_96m5o_24"