@cascivo/react 0.16.1 → 0.17.0

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

@@ -1,3 +1,6 @@
-var e = { button: "_button_131qn_2" };
+var e = {
+	label: "_label_yace7_10",
+	button: "_button_yace7_8"
+};
 //#endregion
 export { e as default };

package/dist/node/calendar/calendar.js

@@ -1,18 +1,18 @@
 "use client";
 
 import e from "./calendar.module.js";
-import { batch as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, currentLocale as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { batch as t, cn as n, useControllableSignal as r, useSignal as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, currentLocale as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/calendar/calendar.tsx
-function u(e) {
+function d(e) {
 	try {
 		let t = new Intl.Locale(e).weekInfo;
 		if (t) return t.firstDay % 7;
 	} catch {}
 	return 1;
 }
-function d(e, t, n) {
+function f(e, t, n) {
 	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
 	for (let e = 0; e < a; e++) o.push(null);
 	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
@@ -21,22 +21,22 @@ function d(e, t, n) {
 	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
 	return s;
 }
-function f(e) {
+function p(e) {
 	return `${e.getUTCFullYear()}-${e.getUTCMonth()}-${e.getUTCDate()}`;
 }
-function p(e, t) {
-	return !e || !t ? !1 : f(e) === f(t);
-}
 function m(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
+	return !e || !t ? !1 : p(e) === p(t);
 }
 function h(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
 }
 function g(e, t) {
-	return m(e, -((e.getUTCDay() - t + 7) % 7));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+}
+function _(e, t) {
+	return h(e, -((e.getUTCDay() - t + 7) % 7));
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	if (t) {
 		let n = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
 		if (e.getTime() < n.getTime()) return !0;
@@ -47,96 +47,100 @@ function _(e, t, n) {
 	}
 	return !1;
 }
-function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabled: S, locale: C, size: w = "md", labels: T, className: E, isInRange: D, isRangeStart: O, isRangeEnd: k, onDayHover: A, month: j, year: M, onViewChange: N, hideNav: P = !1 }) {
-	i();
-	let F = C ?? o(), I = T?.previousMonth ?? s(a.calendar.previousMonth), L = T?.nextMonth ?? s(a.calendar.nextMonth), R = f === void 0 ? v ?? null : f, z = /* @__PURE__ */ new Date(), B = R ?? v ?? z, V = r(B.getUTCFullYear()), H = r(B.getUTCMonth()), U = r(B);
-	j !== void 0 && (H.value = j), M !== void 0 && (V.value = M);
-	let W = u(F), G = d(V.value, H.value, W), K = new Intl.DateTimeFormat(F, { weekday: "short" }), q = Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(Date.UTC(2024, 0, 7 + W + t));
-		return K.format(n);
-	}), J = new Intl.DateTimeFormat(F, {
+function y({ value: p, defaultValue: y, onValueChange: b, min: x, max: S, disabled: C, locale: w, size: T = "md", labels: E, className: D, isInRange: O, isRangeStart: k, isRangeEnd: A, onDayHover: j, month: M, year: N, onViewChange: P, hideNav: F = !1 }) {
+	a();
+	let I = w ?? s(), L = E?.previousMonth ?? c(o.calendar.previousMonth), R = E?.nextMonth ?? c(o.calendar.nextMonth), z = p === void 0 ? y ?? null : p, B = /* @__PURE__ */ new Date(), V = z ?? y ?? B, [H] = r({
+		value: N,
+		defaultValue: V.getUTCFullYear()
+	}), [U] = r({
+		value: M,
+		defaultValue: V.getUTCMonth()
+	}), W = i(V), G = d(I), K = f(H.value, U.value, G), q = new Intl.DateTimeFormat(I, { weekday: "short" }), J = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + G + t));
+		return q.format(n);
+	}), ee = new Intl.DateTimeFormat(I, {
 		weekday: "long",
 		year: "numeric",
 		month: "long",
 		day: "numeric"
-	}), Y = new Intl.DateTimeFormat(F, {
+	}), Y = new Intl.DateTimeFormat(I, {
 		month: "long",
 		year: "numeric"
-	}).format(new Date(Date.UTC(V.value, H.value, 1))), X = (e) => _(e, b, x) || (S ? S(e) : !1), Z = j !== void 0 || M !== void 0, ee = (e) => {
-		Z ? U.value = e : t(() => {
-			V.value = e.getUTCFullYear(), H.value = e.getUTCMonth(), U.value = e;
-		}), N?.({
+	}).format(new Date(Date.UTC(H.value, U.value, 1))), X = (e) => v(e, x, S) || (C ? C(e) : !1), Z = M !== void 0 || N !== void 0, te = (e) => {
+		Z ? W.value = e : t(() => {
+			H.value = e.getUTCFullYear(), U.value = e.getUTCMonth(), W.value = e;
+		}), P?.({
 			month: e.getUTCMonth(),
 			year: e.getUTCFullYear()
 		});
 	}, Q = (e) => {
-		X(e) || y?.(e);
+		X(e) || b?.(e);
 	}, $ = (e) => {
-		let n = h(new Date(Date.UTC(V.value, H.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
+		let n = g(new Date(Date.UTC(H.value, U.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
 		Z || t(() => {
-			H.value = r, V.value = i;
-		}), N?.({
+			U.value = r, H.value = i;
+		}), P?.({
 			month: r,
 			year: i
 		});
 	};
-	return /* @__PURE__ */ l("div", {
-		className: n(e.calendar, E),
-		"data-size": w,
-		onMouseLeave: () => A?.(null),
-		children: [/* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
+		className: n(e.calendar, D),
+		"data-size": T,
+		onMouseLeave: () => j?.(null),
+		children: [/* @__PURE__ */ u("div", {
 			className: e.header,
 			children: [
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": I,
+					"aria-label": L,
 					onClick: () => $(-1),
 					children: "‹"
 				}),
-				/* @__PURE__ */ c("span", {
+				/* @__PURE__ */ l("span", {
 					className: e.monthLabel,
 					"aria-live": "polite",
 					children: Y
 				}),
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": L,
+					"aria-label": R,
 					onClick: () => $(1),
 					children: "›"
 				})
 			]
-		}), /* @__PURE__ */ l("table", {
+		}), /* @__PURE__ */ u("table", {
 			role: "grid",
 			"aria-label": Y,
 			className: e.grid,
 			onKeyDown: (e) => {
-				let t = U.value, n;
+				let t = W.value, n;
 				switch (e.key) {
 					case "ArrowRight":
-						n = m(t, 1);
+						n = h(t, 1);
 						break;
 					case "ArrowLeft":
-						n = m(t, -1);
+						n = h(t, -1);
 						break;
 					case "ArrowDown":
-						n = m(t, 7);
+						n = h(t, 7);
 						break;
 					case "ArrowUp":
-						n = m(t, -7);
+						n = h(t, -7);
 						break;
 					case "Home":
-						n = g(t, W);
+						n = _(t, G);
 						break;
 					case "End":
-						n = m(g(t, W), 6);
+						n = h(_(t, G), 6);
 						break;
 					case "PageUp":
-						n = h(t, e.shiftKey ? -12 : -1);
+						n = g(t, e.shiftKey ? -12 : -1);
 						break;
 					case "PageDown":
-						n = h(t, e.shiftKey ? 12 : 1);
+						n = g(t, e.shiftKey ? 12 : 1);
 						break;
 					case "Enter":
 					case " ":
@@ -144,45 +148,45 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 						return;
 					default: return;
 				}
-				e.preventDefault(), ee(n), A?.(n);
+				e.preventDefault(), te(n), j?.(n);
 			},
-			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", {
+			children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", {
 				role: "row",
-				children: q.map((t) => /* @__PURE__ */ c("th", {
+				children: J.map((t) => /* @__PURE__ */ l("th", {
 					className: e.weekday,
 					abbr: t,
 					scope: "col",
 					children: t
 				}, t))
-			}) }), /* @__PURE__ */ c("tbody", { children: G.map((t, n) => /* @__PURE__ */ c("tr", {
+			}) }), /* @__PURE__ */ l("tbody", { children: K.map((t, n) => /* @__PURE__ */ l("tr", {
 				role: "row",
 				children: t.map((t, n) => {
-					if (!t) return /* @__PURE__ */ c("td", {
+					if (!t) return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.empty
 					}, n);
-					let r = p(t, R), i = p(t, z), a = p(t, U.value), o = X(t), s = D ? D(t) : !1, l = O ? O(t) : !1, u = k ? k(t) : !1;
-					return /* @__PURE__ */ c("td", {
+					let r = m(t, z), i = m(t, B), a = m(t, W.value), o = X(t), s = O ? O(t) : !1, c = k ? k(t) : !1, u = A ? A(t) : !1;
+					return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.cell,
 						"aria-selected": r,
-						children: /* @__PURE__ */ c("button", {
+						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							className: e.day,
 							tabIndex: a ? 0 : -1,
-							"aria-label": J.format(t),
+							"aria-label": ee.format(t),
 							"aria-current": i ? "date" : void 0,
 							"aria-disabled": o || void 0,
 							"data-selected": r || void 0,
 							"data-today": i || void 0,
 							"data-in-range": s || void 0,
-							"data-range-start": l || void 0,
+							"data-range-start": c || void 0,
 							"data-range-end": u || void 0,
 							onClick: () => Q(t),
 							onFocus: () => {
-								U.value = t;
+								W.value = t;
 							},
-							onMouseEnter: () => A?.(t),
+							onMouseEnter: () => j?.(t),
 							children: t.getUTCDate()
 						})
 					}, n);
@@ -192,4 +196,4 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 	});
 }
 //#endregion
-export { v as Calendar };
+export { y as Calendar };

package/dist/node/card/card.module.js

@@ -1,12 +1,12 @@
 var e = {
-	card: "_card_ssezx_2",
-	header: "_header_ssezx_12",
-	content: "_content_ssezx_12",
-	footer: "_footer_ssezx_12",
-	headerRow: "_headerRow_ssezx_67",
-	headerMain: "_headerMain_ssezx_75",
-	headerActions: "_headerActions_ssezx_82",
-	title: "_title_ssezx_90"
+	card: "_card_ipz9f_2",
+	header: "_header_ipz9f_19",
+	content: "_content_ipz9f_19",
+	footer: "_footer_ipz9f_19",
+	headerRow: "_headerRow_ipz9f_74",
+	headerMain: "_headerMain_ipz9f_82",
+	headerActions: "_headerActions_ipz9f_89",
+	title: "_title_ipz9f_97"
 };
 //#endregion
 export { e as default };

package/dist/node/checkbox/checkbox.module.js

@@ -1,8 +1,8 @@
 var e = {
-	wrapper: "_wrapper_tw120_2",
-	input: "_input_tw120_15",
-	control: "_control_tw120_28",
-	label: "_label_tw120_72"
+	wrapper: "_wrapper_4zlmw_2",
+	input: "_input_4zlmw_15",
+	control: "_control_4zlmw_28",
+	label: "_label_4zlmw_78"
 };
 //#endregion
 export { e as default };

package/dist/node/combobox/combobox.js

@@ -2,45 +2,46 @@
 
 import e from "./combobox.module.js";
 import { useId as t, useRef as n } from "react";
-import { cn as r, createMachine as i, focusElement as a, useMachine as o, useSignal as s, useSignalEffect as c, useSignals as l } from "@cascivo/core";
-import { builtin as u, t as d } from "@cascivo/i18n";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { cn as r, createMachine as i, focusElement as a, useControllableSignal as o, useMachine as s, useSignal as c, useSignalEffect as l, useSignals as u } 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/combobox/combobox.tsx
-var m = i({
+var h = i({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
 		open: { on: { CLOSE: "closed" } }
 	}
 });
-function h({ options: i, value: h, defaultValue: g, onValueChange: _, onChange: v, clearable: y = !1, searchable: b = !0, label: x, hint: S, error: C, size: w = "md", disabled: T = !1, labels: E, className: D, id: O }) {
-	l();
-	let [k, A] = o(m), j = t(), M = O ?? `cascade-combobox-${j}`, N = `${j}-listbox`, P = n(null), F = E?.placeholder ?? d(u.combobox.placeholder), I = E?.empty ?? d(u.combobox.empty), L = E?.clear ?? d(u.combobox.clear), R = E?.search ?? d(u.combobox.search), z = s(h ?? g);
-	h !== void 0 && (z.value = h);
-	let B = s(""), V = s(0), H = k.value === "open", U = i.filter((e) => !b || !B.value ? !0 : e.label.toLowerCase().includes(B.value.toLowerCase())), W = i.find((e) => e.value === z.value);
-	c(() => {
+function g({ options: i, value: g, defaultValue: _, onValueChange: v, onChange: y, clearable: b = !1, searchable: x = !0, label: S, hint: C, error: w, size: T = "md", disabled: E = !1, labels: D, className: O, id: k }) {
+	u();
+	let [A, j] = s(h), M = t(), N = k ?? `cascade-combobox-${M}`, P = `${M}-listbox`, F = n(null), ee = D?.placeholder ?? f(d.combobox.placeholder), I = D?.empty ?? f(d.combobox.empty), L = D?.clear ?? f(d.combobox.clear), R = D?.search ?? f(d.combobox.search), [z] = o({
+		value: g,
+		defaultValue: _
+	}), B = c(""), V = c(0), H = A.value === "open", U = i.filter((e) => !x || !B.value ? !0 : e.label.toLowerCase().includes(B.value.toLowerCase())), W = i.find((e) => e.value === z.value);
+	l(() => {
 		if (!H) return;
 		let e = (e) => {
-			let t = document.getElementById(`${j}-root`);
-			t && !t.contains(e.target) && A("CLOSE");
+			let t = document.getElementById(`${M}-root`);
+			t && !t.contains(e.target) && j("CLOSE");
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	});
 	let G = () => {
-		T || (B.value = "", V.value = 0, A("OPEN"), setTimeout(() => a(P.current), 0));
+		E || (B.value = "", V.value = 0, j("OPEN"), setTimeout(() => a(F.current), 0));
 	}, K = () => {
-		A("CLOSE"), B.value = "";
-	}, q = _ ?? v, J = (e) => {
-		h === void 0 && (z.value = e), q?.(e), K();
+		j("CLOSE"), B.value = "";
+	}, q = v ?? y, J = (e) => {
+		g === void 0 && (z.value = e), q?.(e), K();
 	}, Y = () => {
-		h === void 0 && (z.value = void 0), q?.(void 0);
+		g === void 0 && (z.value = void 0), q?.(void 0);
 	}, X = U.flatMap((e, t) => e.disabled ? [] : [t]), Z = (e) => {
 		if (X.length === 0) return;
 		let t = X[(X.indexOf(V.value) + e + X.length) % X.length];
 		t !== void 0 && (V.value = t);
 	}, Q = (e) => {
 		(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), G());
-	}, ee = (e) => {
+	}, te = (e) => {
 		switch (e.key) {
 			case "ArrowDown":
 				e.preventDefault(), Z(1);
@@ -61,42 +62,42 @@ function h({ options: i, value: h, defaultValue: g, onValueChange: _, onChange:
 				K();
 				break;
 		}
-	}, $ = (e) => `${j}-option-${e}`;
-	return /* @__PURE__ */ p("div", {
-		id: `${j}-root`,
-		className: r(e.wrapper, D),
-		"data-state": C ? "error" : k.value,
-		"data-size": w,
+	}, $ = (e) => `${M}-option-${e}`;
+	return /* @__PURE__ */ m("div", {
+		id: `${M}-root`,
+		className: r(e.wrapper, O),
+		"data-state": w ? "error" : A.value,
+		"data-size": T,
 		children: [
-			x && /* @__PURE__ */ f("label", {
+			S && /* @__PURE__ */ p("label", {
 				className: e.label,
-				htmlFor: M,
-				children: x
+				htmlFor: N,
+				children: S
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: e.field,
-				children: [/* @__PURE__ */ p("button", {
-					id: M,
+				children: [/* @__PURE__ */ m("button", {
+					id: N,
 					type: "button",
 					role: "combobox",
 					"aria-expanded": H,
-					"aria-controls": N,
+					"aria-controls": P,
 					"aria-haspopup": "listbox",
 					"aria-activedescendant": H && V.value >= 0 ? $(V.value) : void 0,
-					"aria-invalid": C ? !0 : void 0,
-					"aria-describedby": C ? `${j}-error` : S ? `${j}-hint` : void 0,
+					"aria-invalid": w ? !0 : void 0,
+					"aria-describedby": w ? `${M}-error` : C ? `${M}-hint` : void 0,
 					className: e.trigger,
-					disabled: T,
+					disabled: E,
 					onKeyDown: Q,
 					onClick: H ? K : G,
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: r(e.value, W ? void 0 : e.placeholder),
-						children: W?.label ?? F
-					}), /* @__PURE__ */ f("span", {
+						children: W?.label ?? ee
+					}), /* @__PURE__ */ p("span", {
 						className: e.chevron,
 						"aria-hidden": "true"
 					})]
-				}), y && z.value !== void 0 && /* @__PURE__ */ f("button", {
+				}), b && z.value !== void 0 && /* @__PURE__ */ p("button", {
 					type: "button",
 					className: e.clear,
 					"aria-label": L,
@@ -106,30 +107,30 @@ function h({ options: i, value: h, defaultValue: g, onValueChange: _, onChange:
 					children: "✕"
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				role: "listbox",
-				id: N,
+				id: P,
 				className: e.listbox,
 				"data-state": H ? "open" : "closed",
-				"aria-label": x,
-				children: [b && H && /* @__PURE__ */ f("div", {
+				"aria-label": S,
+				children: [x && H && /* @__PURE__ */ p("div", {
 					className: e.searchWrapper,
-					children: /* @__PURE__ */ f("input", {
-						ref: P,
+					children: /* @__PURE__ */ p("input", {
+						ref: F,
 						type: "text",
 						className: e.search,
 						value: B.value,
 						onChange: (e) => {
 							B.value = e.target.value, V.value = 0;
 						},
-						onKeyDown: ee,
+						onKeyDown: te,
 						"aria-label": R,
 						autoComplete: "off"
 					})
-				}), U.length === 0 ? /* @__PURE__ */ f("div", {
+				}), U.length === 0 ? /* @__PURE__ */ p("div", {
 					className: e.empty,
 					children: I
-				}) : U.map((t, n) => /* @__PURE__ */ f("div", {
+				}) : U.map((t, n) => /* @__PURE__ */ p("div", {
 					id: $(n),
 					role: "option",
 					"aria-selected": t.value === z.value,
@@ -146,19 +147,19 @@ function h({ options: i, value: h, defaultValue: g, onValueChange: _, onChange:
 					children: t.label
 				}, t.value))]
 			}),
-			C && /* @__PURE__ */ f("span", {
-				id: `${j}-error`,
+			w && /* @__PURE__ */ p("span", {
+				id: `${M}-error`,
 				className: e.error,
 				role: "alert",
-				children: C
+				children: w
 			}),
-			!C && S && /* @__PURE__ */ f("span", {
-				id: `${j}-hint`,
+			!w && C && /* @__PURE__ */ p("span", {
+				id: `${M}-hint`,
 				className: e.hint,
-				children: S
+				children: C
 			})
 		]
 	});
 }
 //#endregion
-export { h as Combobox };
+export { g as Combobox };