@cascivo/react 0.14.0 → 0.16.0

package/dist/date-picker/date-picker.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_1hgll_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_1hgll_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_1hgll_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_1hgll_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_1hgll_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_1hgll_38{align-items:center;display:flex;position:relative}._trigger_1hgll_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_1hgll_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1hgll_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_1hgll_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_1hgll_2[data-state=error] ._trigger_1hgll_44{border-color:var(--cascivo-color-danger)}._value_1hgll_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_1hgll_88{color:var(--cascivo-color-text-subtle)}._icon_1hgll_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_1hgll_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_1hgll_96:hover{color:var(--cascivo-color-text)}._clear_1hgll_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_1hgll_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_1hgll_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_1hgll_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_1hgll_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_1hgll_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_1hgll_166{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_1hgll_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_1hgll_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_1hgll_188{border-collapse:collapse;inline-size:100%}._weekday_1hgll_193{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_1hgll_202{text-align:center;padding:2px}._empty_1hgll_206{inline-size:2.25rem}._day_1hgll_210{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_1hgll_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_1hgll_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_1hgll_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_1hgll_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_1hgll_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_1hgll_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_1hgll_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
+@layer cascivo.component{._wrapper_g43fz_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_g43fz_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_g43fz_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_g43fz_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_g43fz_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_g43fz_38{align-items:center;display:flex;position:relative}._trigger_g43fz_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_g43fz_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_g43fz_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_g43fz_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_g43fz_2[data-state=error] ._trigger_g43fz_44{border-color:var(--cascivo-color-destructive)}._value_g43fz_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_g43fz_88{color:var(--cascivo-color-text-subtle)}._icon_g43fz_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_g43fz_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_g43fz_96:hover{color:var(--cascivo-color-text)}._clear_g43fz_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_g43fz_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_g43fz_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_g43fz_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_g43fz_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_g43fz_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_g43fz_166{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_g43fz_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_g43fz_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_g43fz_188{border-collapse:collapse;inline-size:100%}._weekday_g43fz_193{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_g43fz_202{text-align:center;padding:2px}._empty_g43fz_206{inline-size:2.25rem}._day_g43fz_210{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_g43fz_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_g43fz_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_g43fz_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_g43fz_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_g43fz_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_g43fz_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-destructive)}._hint_g43fz_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}

package/dist/date-picker/date-picker.js

@@ -1,12 +1,12 @@
 "use client";
 
 import e from "./date-picker.module.js";
-import { batch as t, cn as n, createMachine as r, useMachine as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
-import { useId as c, useRef as ee } from "react";
+import { useId as t, useRef as n } from "react";
+import { batch as r, cn as i, createMachine as a, useMachine as o, useSignal as s, useSignalEffect as c, useSignals as ee } from "@cascivo/core";
 import { builtin as l, currentLocale as te, t as u } from "@cascivo/i18n";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/date-picker/date-picker.tsx
-var p = r({
+var p = a({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
@@ -39,12 +39,12 @@ function _(e) {
 	let [t, n, r] = e.split("-").map(Number);
 	return new Date(Date.UTC(t, n - 1, r));
 }
-function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, max: S, clearable: C = !1, label: w, hint: T, error: E, size: D = "md", disabled: O = !1, labels: k, className: re, id: A }) {
-	s();
-	let [j, M] = i(p), N = c(), P = A ?? `cascade-date-picker-${N}`, F = `${N}-grid`, I = te(), ie = k?.placeholder ?? u(l.datePicker.placeholder), ae = k?.previousMonth ?? u(l.datePicker.previousMonth), L = k?.nextMonth ?? u(l.datePicker.nextMonth), R = k?.clear ?? u(l.datePicker.clear), z = /* @__PURE__ */ new Date(), B = g(z), V = a(r ?? v);
-	r !== void 0 && (V.value = r);
-	let H = a(V.value ? _(V.value).getUTCFullYear() : z.getUTCFullYear()), U = a(V.value ? _(V.value).getUTCMonth() : z.getUTCMonth()), W = a(V.value), G = ee(null);
-	o(() => {
+function v({ value: a, defaultValue: v, onValueChange: y, onChange: b, min: x, max: S, clearable: C = !1, label: w, hint: T, error: E, size: D = "md", disabled: O = !1, labels: k, className: re, id: A }) {
+	ee();
+	let [j, M] = o(p), N = t(), P = A ?? `cascade-date-picker-${N}`, F = `${N}-grid`, I = te(), ie = k?.placeholder ?? u(l.datePicker.placeholder), ae = k?.previousMonth ?? u(l.datePicker.previousMonth), L = k?.nextMonth ?? u(l.datePicker.nextMonth), R = k?.clear ?? u(l.datePicker.clear), z = /* @__PURE__ */ new Date(), B = g(z), V = s(a ?? v);
+	a !== void 0 && (V.value = a);
+	let H = s(V.value ? _(V.value).getUTCFullYear() : z.getUTCFullYear()), U = s(V.value ? _(V.value).getUTCMonth() : z.getUTCMonth()), W = s(V.value), G = n(null);
+	c(() => {
 		if (j.value !== "open") return;
 		let e = (e) => {
 			G.current && !G.current.contains(e.target) && M("CLOSE");
@@ -54,15 +54,15 @@ function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, m
 	let K = () => {
 		O || M("OPEN");
 	}, q = () => M("CLOSE"), J = y ?? b, Y = (e) => {
-		x && e < x || S && e > S || (r === void 0 && (V.value = e), J?.(e), q());
+		x && e < x || S && e > S || (a === void 0 && (V.value = e), J?.(e), q());
 	}, oe = (e) => {
-		e.stopPropagation(), r === void 0 && (V.value = void 0), J?.(void 0);
+		e.stopPropagation(), a === void 0 && (V.value = void 0), J?.(void 0);
 	}, se = () => {
-		U.value === 0 ? t(() => {
+		U.value === 0 ? r(() => {
 			H.value--, U.value = 11;
 		}) : U.value--;
 	}, ce = () => {
-		U.value === 11 ? t(() => {
+		U.value === 11 ? r(() => {
 			H.value++, U.value = 0;
 		}) : U.value++;
 	}, X = ne(I), Z = m(H.value, U.value, X), le = new Intl.DateTimeFormat(I, { weekday: "short" }), ue = Array.from({ length: 7 }, (e, t) => {
@@ -72,15 +72,15 @@ function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, m
 		month: "long",
 		year: "numeric"
 	}).format(new Date(Date.UTC(H.value, U.value, 1))), de = (e) => {
-		let n = W.value;
-		if (!n) return;
-		let r = _(n), i;
-		if (e.key === "ArrowRight") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 1));
-		else if (e.key === "ArrowLeft") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 1));
-		else if (e.key === "ArrowDown") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() + 7));
-		else if (e.key === "ArrowUp") i = new Date(Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate() - 7));
+		let t = W.value;
+		if (!t) return;
+		let n = _(t), i;
+		if (e.key === "ArrowRight") i = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate() + 1));
+		else if (e.key === "ArrowLeft") i = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate() - 1));
+		else if (e.key === "ArrowDown") i = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate() + 7));
+		else if (e.key === "ArrowUp") i = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate() - 7));
 		else if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault(), Y(n);
+			e.preventDefault(), Y(t);
 			return;
 		} else if (e.key === "Escape") {
 			q();
@@ -89,14 +89,14 @@ function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, m
 		if (e.preventDefault(), i) {
 			let e = g(i);
 			if (x && e < x || S && e > S) return;
-			W.value = e, t(() => {
+			W.value = e, r(() => {
 				H.value = i.getUTCFullYear(), U.value = i.getUTCMonth();
 			});
 		}
 	}, $ = V.value ? h(_(V.value), I) : "";
 	return /* @__PURE__ */ f("div", {
 		ref: G,
-		className: n(e.wrapper, re),
+		className: i(e.wrapper, re),
 		"data-state": E ? "error" : j.value,
 		"data-size": D,
 		children: [
@@ -120,7 +120,7 @@ function v({ value: r, defaultValue: v, onValueChange: y, onChange: b, min: x, m
 					disabled: O,
 					onClick: j.value === "open" ? q : K,
 					children: [/* @__PURE__ */ d("span", {
-						className: n(e.value, $ ? void 0 : e.placeholder),
+						className: i(e.value, $ ? void 0 : e.placeholder),
 						children: $ || ie
 					}), /* @__PURE__ */ d("span", {
 						className: e.icon,

package/dist/date-picker/date-picker.module.js

@@ -1,26 +1,24 @@
-"use client";
-
 import './date-picker.css';
 var e = {
-	wrapper: "_wrapper_1hgll_2",
-	label: "_label_1hgll_31",
-	field: "_field_1hgll_38",
-	trigger: "_trigger_1hgll_44",
-	value: "_value_1hgll_82",
-	placeholder: "_placeholder_1hgll_88",
-	icon: "_icon_1hgll_91",
-	clear: "_clear_1hgll_96",
-	calendar: "_calendar_1hgll_121",
-	header: "_header_1hgll_153",
-	monthLabel: "_monthLabel_1hgll_160",
-	navButton: "_navButton_1hgll_166",
-	grid: "_grid_1hgll_188",
-	weekday: "_weekday_1hgll_193",
-	cell: "_cell_1hgll_202",
-	empty: "_empty_1hgll_206",
-	day: "_day_1hgll_210",
-	error: "_error_1hgll_245",
-	hint: "_hint_1hgll_249"
+	wrapper: "_wrapper_g43fz_2",
+	label: "_label_g43fz_31",
+	field: "_field_g43fz_38",
+	trigger: "_trigger_g43fz_44",
+	value: "_value_g43fz_82",
+	placeholder: "_placeholder_g43fz_88",
+	icon: "_icon_g43fz_91",
+	clear: "_clear_g43fz_96",
+	calendar: "_calendar_g43fz_121",
+	header: "_header_g43fz_153",
+	monthLabel: "_monthLabel_g43fz_160",
+	navButton: "_navButton_g43fz_166",
+	grid: "_grid_g43fz_188",
+	weekday: "_weekday_g43fz_193",
+	cell: "_cell_g43fz_202",
+	empty: "_empty_g43fz_206",
+	day: "_day_g43fz_210",
+	error: "_error_g43fz_245",
+	hint: "_hint_g43fz_249"
 };
 //#endregion
 export { e as default };

package/dist/date-range-picker/date-range-picker.js

@@ -2,8 +2,8 @@
 
 import { Calendar as e } from "../calendar/calendar.js";
 import t from "./date-range-picker.module.js";
-import { batch as n, cn as r, useControllableSignal as ee, useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { useRef as s } from "react";
+import { useRef as n } from "react";
+import { batch as r, cn as i, useControllableSignal as a, useSignal as o, useSignalEffect as s, useSignals as ee } from "@cascivo/core";
 import { builtin as c, currentLocale as l, t as u } from "@cascivo/i18n";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../components/src/date-range-picker/date-range-picker.tsx
@@ -20,16 +20,16 @@ function h(e, t, n) {
 		month: r.getUTCMonth()
 	};
 }
-function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disabled: b, presets: x, locale: S, placeholder: C, size: w = "md", labels: T, className: ne }) {
-	o();
-	let E = S ?? l(), re = C ?? u(c.dateRangePicker.placeholder), D = T?.apply ?? u(c.dateRangePicker.apply), O = T?.clear ?? u(c.dateRangePicker.clear), k = T?.previousMonth ?? u(c.calendar.previousMonth), A = T?.nextMonth ?? u(c.calendar.nextMonth), [j, M] = ee({
+function g({ value: g, defaultValue: _, onValueChange: v, min: y, max: b, disabled: x, presets: S, locale: C, placeholder: w, size: T = "md", labels: E, className: D }) {
+	ee();
+	let O = C ?? l(), te = w ?? u(c.dateRangePicker.placeholder), ne = E?.apply ?? u(c.dateRangePicker.apply), re = E?.clear ?? u(c.dateRangePicker.clear), k = E?.previousMonth ?? u(c.calendar.previousMonth), A = E?.nextMonth ?? u(c.calendar.nextMonth), [j, M] = a({
 		value: g === void 0 ? void 0 : g,
 		defaultValue: _ ?? null,
 		onChange: (e) => {
-			e && te?.(e);
+			e && v?.(e);
 		}
-	}), N = i(!1), P = i(null), F = i(null), I = j.value?.start ?? _?.start ?? /* @__PURE__ */ new Date(), L = i(I.getUTCFullYear()), R = i(I.getUTCMonth()), z = s(null);
-	a(() => {
+	}), N = o(!1), P = o(null), F = o(null), I = j.value?.start ?? _?.start ?? /* @__PURE__ */ new Date(), L = o(I.getUTCFullYear()), R = o(I.getUTCMonth()), z = n(null);
+	s(() => {
 		if (!N.value) return;
 		let e = (e) => {
 			z.current && !z.current.contains(e.target) && (N.value = !1);
@@ -42,7 +42,7 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 		N.value = !1;
 	}, H = (e) => {
 		let t = h(L.value, R.value, e);
-		n(() => {
+		r(() => {
 			L.value = t.year, R.value = t.month;
 		});
 	}, U = (e) => {
@@ -52,43 +52,43 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 			return;
 		}
 		if (m(t, e)) {
-			n(() => {
+			r(() => {
 				P.value = null, F.value = null;
 			}), M(null);
 			return;
 		}
-		let r = p(t) <= p(e) ? {
+		let n = p(t) <= p(e) ? {
 			start: t,
 			end: e
 		} : {
 			start: e,
 			end: t
 		};
-		n(() => {
+		r(() => {
 			P.value = null, F.value = null;
-		}), M(r);
+		}), M(n);
 	}, W = (e) => {
-		n(() => {
+		r(() => {
 			P.value = null, F.value = null, L.value = e.range.start.getUTCFullYear(), R.value = e.range.start.getUTCMonth();
 		}), M(e.range);
 	}, G = () => {
-		n(() => {
+		r(() => {
 			P.value = null, F.value = null;
 		}), M(null);
 	}, K = P.value ?? j.value?.start ?? null, q = P.value ? F.value ?? null : j.value?.end ?? null, J = K && q ? Math.min(p(K), p(q)) : null, Y = K && q ? Math.max(p(K), p(q)) : null, ie = (e) => {
 		if (J === null || Y === null) return !1;
 		let t = p(e);
 		return t > J && t < Y;
-	}, ae = (e) => m(e, K) || J !== null && p(e) === J, oe = (e) => m(e, q) || Y !== null && p(e) === Y, X = new Intl.DateTimeFormat(E, {
+	}, ae = (e) => m(e, K) || J !== null && p(e) === J, oe = (e) => m(e, q) || Y !== null && p(e) === Y, X = new Intl.DateTimeFormat(O, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	}), Z = j.value ? `${X.format(j.value.start)} → ${X.format(j.value.end)}` : "", Q = h(L.value, R.value, 1), $ = {
-		locale: E,
-		size: w,
-		...v === void 0 ? {} : { min: v },
-		...y === void 0 ? {} : { max: y },
-		...b === void 0 ? {} : { disabled: b },
+		locale: O,
+		size: T,
+		...y === void 0 ? {} : { min: y },
+		...b === void 0 ? {} : { max: b },
+		...x === void 0 ? {} : { disabled: x },
 		hideNav: !0,
 		isInRange: ie,
 		isRangeStart: ae,
@@ -104,8 +104,8 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 	};
 	return /* @__PURE__ */ f("div", {
 		ref: z,
-		className: r(t.wrapper, ne),
-		"data-size": w,
+		className: i(t.wrapper, D),
+		"data-size": T,
 		onKeyDown: (e) => {
 			e.key === "Escape" && N.value && (e.stopPropagation(), V());
 		},
@@ -114,12 +114,12 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 			role: "combobox",
 			"aria-expanded": N.value,
 			"aria-haspopup": "dialog",
-			"aria-label": T?.label ?? u(c.dateRangePicker.label),
+			"aria-label": E?.label ?? u(c.dateRangePicker.label),
 			className: t.trigger,
 			onClick: N.value ? V : B,
 			children: [/* @__PURE__ */ d("span", {
-				className: r(t.value, Z ? void 0 : t.placeholder),
-				children: Z || re
+				className: i(t.value, Z ? void 0 : t.placeholder),
+				children: Z || te
 			}), /* @__PURE__ */ d("span", {
 				className: t.icon,
 				"aria-hidden": "true",
@@ -130,9 +130,9 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 			className: t.panel,
 			"data-state": N.value ? "open" : "closed",
 			children: [
-				x && x.length > 0 && /* @__PURE__ */ d("div", {
+				S && S.length > 0 && /* @__PURE__ */ d("div", {
 					className: t.presets,
-					children: x.map((e) => /* @__PURE__ */ d("button", {
+					children: S.map((e) => /* @__PURE__ */ d("button", {
 						type: "button",
 						className: t.preset,
 						onClick: () => W(e),
@@ -180,12 +180,12 @@ function g({ value: g, defaultValue: _, onValueChange: te, min: v, max: y, disab
 						type: "button",
 						className: t.clearBtn,
 						onClick: G,
-						children: O
+						children: re
 					}), /* @__PURE__ */ d("button", {
 						type: "button",
 						className: t.applyBtn,
 						onClick: V,
-						children: D
+						children: ne
 					})]
 				})
 			]

package/dist/date-range-picker/date-range-picker.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './date-range-picker.css';
 var e = {
 	wrapper: "_wrapper_k1szr_2",

package/dist/dock/dock.module.js

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

package/dist/drawer/drawer.js

@@ -1,42 +1,42 @@
 "use client";
 
 import e from "./drawer.module.js";
-import { DismissableLayer as t, FocusScope as n, Portal as r, Presence as i, cn as a, useControllableSignal as o, useDraggable as s, useScrollLock as c, useSignals as l } from "@cascivo/core";
-import { useId as u } from "react";
+import { useId as t } from "react";
+import { DismissableLayer as n, FocusScope as r, Portal as i, Presence as a, cn as o, useControllableSignal as s, useDraggable as c, useScrollLock 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/drawer/drawer.tsx
 var h = 80;
 function g({ open: g, defaultOpen: _, onOpenChange: v, side: y = "end", size: b, title: x, description: S, children: C, labels: w, className: T, swipeToDismiss: E = !1 }) {
-	l();
-	let [D, O] = o({
+	u();
+	let [D, O] = s({
 		value: g,
 		defaultValue: _ ?? !1,
 		onChange: v
 	});
-	c(D);
-	let k = y === "top" || y === "bottom" ? "y" : "x", { handleRef: A, offset: j, isDragging: M, reset: N } = s({
+	l(D);
+	let k = y === "top" || y === "bottom" ? "y" : "x", { handleRef: A, offset: j, isDragging: M, reset: N } = c({
 		isDisabled: !E,
 		axis: k,
 		onDragEnd: (e) => {
 			let t = k === "y" ? e.y : e.x, n = y === "end" && t > h || y === "start" && t < -80 || y === "bottom" && t > h || y === "top" && t < -80;
 			N(), n && O(!1);
 		}
-	}), P = u(), F = u(), I = w?.close ?? f(d.drawer.close), L = {
+	}), P = t(), F = t(), I = w?.close ?? f(d.drawer.close), L = {
 		...b ? { "--_drawer-size": b } : {},
 		...E ? {
 			"--_drawer-drag-x": `${j.value.x}px`,
 			"--_drawer-drag-y": `${j.value.y}px`
 		} : {}
 	};
-	return /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(i, {
+	return /* @__PURE__ */ p(i, { children: /* @__PURE__ */ p(a, {
 		present: D,
 		children: /* @__PURE__ */ p("div", {
 			className: e.overlay,
 			"data-side": y,
-			children: /* @__PURE__ */ p(t, {
+			children: /* @__PURE__ */ p(n, {
 				onDismiss: () => O(!1),
-				children: /* @__PURE__ */ p(n, {
+				children: /* @__PURE__ */ p(r, {
 					trapped: !0,
 					restoreFocus: !0,
 					autoFocus: !0,
@@ -47,7 +47,7 @@ function g({ open: g, defaultOpen: _, onOpenChange: v, side: y = "end", size: b,
 						"aria-describedby": S ? F : void 0,
 						"data-side": y,
 						"data-dragging": E && M.value ? "" : void 0,
-						className: a(e.panel, T),
+						className: o(e.panel, T),
 						style: L,
 						children: [(x || S) && /* @__PURE__ */ m("div", {
 							className: e.header,

package/dist/drawer/drawer.module.js

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

package/dist/dropdown/dropdown.js

@@ -1,33 +1,33 @@
 "use client";
 
 import e from "./dropdown.module.js";
-import { composeRefs as t, createMachine as n, focusElement as r, useEffectPropSignal as i, useMachine as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
-import { cloneElement as l, useRef as u } from "react";
+import { cloneElement as t, useRef as n } from "react";
+import { composeRefs as r, createMachine as i, focusElement as a, useEffectPropSignal as o, useMachine as s, useSignal 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/dropdown/dropdown.tsx
-var p = n({
+var p = i({
 	initial: "closed",
 	states: {
 		closed: { on: { OPEN: "open" } },
 		open: { on: { CLOSE: "closed" } }
 	}
 });
-function m({ trigger: n, items: m, onSelect: h, placement: g = "bottom-start", open: _, onOpenChange: v }) {
-	c();
-	let [y, b] = a(p), x = u(null), S = u(null), C = u(null), w = u([]), T = o(-1), E = _ !== void 0, D = E ? _ : y.value === "open", O = i(D), k = m.map((e, t) => ({
+function m({ trigger: i, items: m, onSelect: h, placement: g = "bottom-start", open: _, onOpenChange: v }) {
+	u();
+	let [y, b] = s(p), x = n(null), S = n(null), C = n(null), w = n([]), T = c(-1), E = _ !== void 0, D = E ? _ : y.value === "open", O = o(D), k = m.map((e, t) => ({
 		item: e,
 		index: t
 	})).filter(({ item: e }) => !e.separator && !e.disabled).map(({ index: e }) => e), A = (e) => {
 		E || b(e ? "OPEN" : "CLOSE"), v?.(e);
 	};
-	s(() => {
+	l(() => {
 		let e = T.value;
 		O.value && e >= 0 && w.current[e]?.focus();
-	}), s(() => {
+	}), l(() => {
 		O.value ? T.value = k[0] ?? -1 : T.value = -1;
-	}), s(() => {
+	}), l(() => {
 		O.value ? C.current?.showPopover() : C.current?.hidePopover();
-	}), s(() => {
+	}), l(() => {
 		let e = C.current;
 		if (!e) return;
 		let t = (e) => {
@@ -37,7 +37,7 @@ function m({ trigger: n, items: m, onSelect: h, placement: g = "bottom-start", o
 	});
 	let j = (e) => {
 		let t = m[e];
-		!t || t.separator || t.disabled || (h?.(t.value), A(!1), r(S.current));
+		!t || t.separator || t.disabled || (h?.(t.value), A(!1), a(S.current));
 	}, M = (e) => {
 		k.length !== 0 && (T.value = k[(k.indexOf(T.value) + e + k.length) % k.length] ?? -1);
 	}, N = (e) => {
@@ -55,15 +55,15 @@ function m({ trigger: n, items: m, onSelect: h, placement: g = "bottom-start", o
 				e.preventDefault(), T.value = k[k.length - 1] ?? -1;
 				break;
 			case "Escape":
-				e.preventDefault(), A(!1), r(S.current);
+				e.preventDefault(), A(!1), a(S.current);
 				break;
 			case "Enter":
 			case " ":
 				e.preventDefault(), j(T.value);
 				break;
 		}
-	}, P = n, F = l(P, {
-		ref: t(S, P.props.ref),
+	}, P = i, F = t(P, {
+		ref: r(S, P.props.ref),
 		onClick: (e) => {
 			P.props.onClick?.(e), A(!D);
 		},

package/dist/dropdown/dropdown.module.js

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

package/dist/editable/editable.css

@@ -1 +1 @@
-@layer cascivo.component{._wrapper_5e6r0_2{align-items:center;min-width:4rem;display:inline-flex}._preview_5e6r0_8{align-items:center;gap:var(--cascivo-space-1-5);padding-block:var(--cascivo-space-0-5);padding-inline:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);font-family:var(--cascivo-font-sans);font-size:inherit;color:var(--cascivo-color-text);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:1px solid #0000;display:inline-flex}._preview_5e6r0_8:hover:not(:disabled){border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-bg-subtle)}._preview_5e6r0_8:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._preview_5e6r0_8:disabled{cursor:not-allowed;opacity:.5}._preview-text_5e6r0_42{min-width:1ch}._placeholder_5e6r0_46{color:var(--cascivo-color-text-muted)}._edit-icon_5e6r0_50{background-color:var(--cascivo-color-text-muted);opacity:0;width:.875rem;height:.875rem;transition:opacity var(--cascivo-duration-100) var(--cascivo-ease-out);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._preview_5e6r0_8:hover ._edit-icon_5e6r0_50{opacity:1}._editing_5e6r0_69 ._input_5e6r0_70{width:100%;min-width:4rem;padding-block:var(--cascivo-space-0-5);padding-inline:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:inherit;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-accent);border-radius:var(--cascivo-radius-control);box-shadow:var(--cascivo-focus-ring);outline:none}}
+@layer cascivo.component{._wrapper_17cwn_2{align-items:center;min-width:4rem;display:inline-flex}._preview_17cwn_8{align-items:center;gap:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);font-family:var(--cascivo-font-sans);font-size:inherit;color:var(--cascivo-color-text);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:1px solid #0000;display:inline-flex}._preview_17cwn_8:hover:not(:disabled){border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-bg-subtle)}._preview_17cwn_8:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._preview_17cwn_8:disabled{cursor:not-allowed;opacity:.5}._preview-text_17cwn_42{min-width:1ch}._placeholder_17cwn_46{color:var(--cascivo-color-text-muted)}._edit-icon_17cwn_50{background-color:var(--cascivo-color-text-muted);opacity:0;width:.875rem;height:.875rem;transition:opacity var(--cascivo-duration-100) var(--cascivo-ease-out);display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._preview_17cwn_8:hover ._edit-icon_17cwn_50{opacity:1}._editing_17cwn_69 ._input_17cwn_70{width:100%;min-width:4rem;padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:inherit;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-accent);border-radius:var(--cascivo-radius-control);box-shadow:var(--cascivo-focus-ring);outline:none}}

package/dist/editable/editable.js

@@ -1,16 +1,16 @@
 "use client";
 
 import e from "./editable.module.js";
-import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "@cascivo/core";
-import { useRef as a } from "react";
+import { useRef as t } from "react";
+import { cn as n, useSignal as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region ../components/src/editable/editable.tsx
 function c({ value: c, onValueChange: l, placeholder: u, disabled: d = !1, submitOnBlur: f = !0, onCancel: p, className: m, ...h }) {
-	i();
-	let g = n(!1), _ = n(c), v = a(null), y = a(p);
+	a();
+	let g = r(!1), _ = r(c), v = t(null), y = t(p);
 	y.current = p;
-	let b = a(l);
-	b.current = l, g.value || (_.value = c), r(() => {
+	let b = t(l);
+	b.current = l, g.value || (_.value = c), i(() => {
 		if (g.value) {
 			let e = v.current;
 			e && (e.focus(), e.select());
@@ -23,7 +23,7 @@ function c({ value: c, onValueChange: l, placeholder: u, disabled: d = !1, submi
 		_.value = c, g.value = !1, y.current?.();
 	}
 	return g.value ? /* @__PURE__ */ o("div", {
-		className: t(e.wrapper, e.editing, m),
+		className: n(e.wrapper, e.editing, m),
 		...h,
 		children: /* @__PURE__ */ o("input", {
 			ref: v,
@@ -40,7 +40,7 @@ function c({ value: c, onValueChange: l, placeholder: u, disabled: d = !1, submi
 			}
 		})
 	}) : /* @__PURE__ */ o("div", {
-		className: t(e.wrapper, m),
+		className: n(e.wrapper, m),
 		"data-disabled": d ? "" : void 0,
 		...h,
 		children: /* @__PURE__ */ s("button", {

package/dist/editable/editable.module.js

@@ -1,14 +1,12 @@
-"use client";
-
 import './editable.css';
 var e = {
-	wrapper: "_wrapper_5e6r0_2",
-	preview: "_preview_5e6r0_8",
-	"preview-text": "_preview-text_5e6r0_42",
-	placeholder: "_placeholder_5e6r0_46",
-	"edit-icon": "_edit-icon_5e6r0_50",
-	editing: "_editing_5e6r0_69",
-	input: "_input_5e6r0_70"
+	wrapper: "_wrapper_17cwn_2",
+	preview: "_preview_17cwn_8",
+	"preview-text": "_preview-text_17cwn_42",
+	placeholder: "_placeholder_17cwn_46",
+	"edit-icon": "_edit-icon_17cwn_50",
+	editing: "_editing_17cwn_69",
+	input: "_input_17cwn_70"
 };
 //#endregion
 export { e as default };

package/dist/empty-state/empty-state.js

@@ -1,7 +1,5 @@
-"use client";
-
 import e from "./empty-state.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/empty-state/empty-state.tsx
 function i({ icon: i, title: a, description: o, action: s, size: c = "md", className: l, ...u }) {

package/dist/empty-state/empty-state.module.js

@@ -1,5 +1,3 @@
-"use client";
-
 import './empty-state.css';
 var e = {
 	"empty-state": "_empty-state_1wem6_2",