@cascivo/react 1.0.0 → 1.1.0

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

@@ -1,224 +1 @@
-"use client";
-
-import e from "./date-picker.module.js";
-import { useId as t, useRef as n } from "react";
-import { batch as r, cn as i, createMachine as a, useControllableSignal as o, useMachine as s, useSignal as c, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
-import { builtin as l, currentLocale as u, t as d } from "@cascivo/i18n";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region ../components/src/date-picker/date-picker.tsx
-var m = a({
-	initial: "closed",
-	states: {
-		closed: { on: { OPEN: "open" } },
-		open: { on: { CLOSE: "closed" } }
-	}
-});
-function ne(e) {
-	try {
-		let t = new Intl.Locale(e).weekInfo;
-		if (t) return t.firstDay % 7;
-	} catch {}
-	return 1;
-}
-function re(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)));
-	for (; o.length % 7 != 0;) o.push(null);
-	let s = [];
-	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
-	return s;
-}
-function h(e, t) {
-	return new Intl.DateTimeFormat(t).format(e);
-}
-function g(e) {
-	return e.toISOString().slice(0, 10);
-}
-function _(e) {
-	let [t, n, r] = e.split("-").map(Number);
-	return new Date(Date.UTC(t, n - 1, r));
-}
-function ie(...e) {
-	return e.filter(Boolean).join(" ") || void 0;
-}
-function v({ value: a, defaultValue: v, onValueChange: y, min: b, max: x, clearable: ae = !1, label: S, ariaLabel: oe, hint: C, error: w, size: T = "md", disabled: E = !1, labels: D, className: O, id: k, "aria-labelledby": A, "aria-describedby": se, "aria-invalid": ce }) {
-	te();
-	let [j, M] = s(m), N = t(), P = k ?? `cascade-date-picker-${N}`, F = `${N}-grid`, I = u(), L = D?.placeholder ?? d(l.datePicker.placeholder), R = D?.previousMonth ?? d(l.datePicker.previousMonth), z = D?.nextMonth ?? d(l.datePicker.nextMonth), B = D?.clear ?? d(l.datePicker.clear), V = /* @__PURE__ */ new Date(), H = g(V), [U] = o({
-		value: a,
-		defaultValue: v
-	}), W = c(U.value ? _(U.value).getUTCFullYear() : V.getUTCFullYear()), G = c(U.value ? _(U.value).getUTCMonth() : V.getUTCMonth()), K = c(U.value), q = n(null);
-	ee(() => {
-		if (j.value !== "open") return;
-		let e = (e) => {
-			q.current && !q.current.contains(e.target) && M("CLOSE");
-		};
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	});
-	let le = () => {
-		E || M("OPEN");
-	}, J = () => M("CLOSE"), Y = y, X = (e) => {
-		b && e < b || x && e > x || (a === void 0 && (U.value = e), Y?.(e), J());
-	}, ue = (e) => {
-		e.stopPropagation(), a === void 0 && (U.value = void 0), Y?.(void 0);
-	}, de = () => {
-		G.value === 0 ? r(() => {
-			W.value--, G.value = 11;
-		}) : G.value--;
-	}, fe = () => {
-		G.value === 11 ? r(() => {
-			W.value++, G.value = 0;
-		}) : G.value++;
-	}, Z = ne(I), pe = re(W.value, G.value, Z), me = new Intl.DateTimeFormat(I, { weekday: "short" }), he = Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(Date.UTC(2024, 0, 7 + Z + t));
-		return me.format(n);
-	}), Q = new Intl.DateTimeFormat(I, {
-		month: "long",
-		year: "numeric"
-	}).format(new Date(Date.UTC(W.value, G.value, 1))), ge = (e) => {
-		let t = K.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(), X(t);
-			return;
-		} else if (e.key === "Escape") {
-			J();
-			return;
-		} else return;
-		if (e.preventDefault(), i) {
-			let e = g(i);
-			if (b && e < b || x && e > x) return;
-			K.value = e, r(() => {
-				W.value = i.getUTCFullYear(), G.value = i.getUTCMonth();
-			});
-		}
-	}, $ = U.value ? h(_(U.value), I) : "";
-	return /* @__PURE__ */ p("div", {
-		ref: q,
-		className: i(e.wrapper, O),
-		"data-state": w ? "error" : j.value,
-		"data-size": T,
-		children: [
-			S && /* @__PURE__ */ f("label", {
-				className: e.label,
-				htmlFor: P,
-				children: S
-			}),
-			/* @__PURE__ */ p("div", {
-				className: e.field,
-				children: [/* @__PURE__ */ p("button", {
-					id: P,
-					type: "button",
-					role: "combobox",
-					"aria-expanded": j.value === "open",
-					"aria-controls": F,
-					"aria-haspopup": "dialog",
-					"aria-labelledby": A,
-					"aria-label": oe,
-					"aria-invalid": w ? !0 : ce,
-					"aria-describedby": ie(w ? `${N}-error` : C ? `${N}-hint` : void 0, se),
-					className: e.trigger,
-					disabled: E,
-					onClick: j.value === "open" ? J : le,
-					children: [/* @__PURE__ */ f("span", {
-						className: i(e.value, $ ? void 0 : e.placeholder),
-						children: $ || L
-					}), /* @__PURE__ */ f("span", {
-						className: e.icon,
-						"aria-hidden": "true",
-						children: "📅"
-					})]
-				}), ae && U.value !== void 0 && /* @__PURE__ */ f("button", {
-					type: "button",
-					className: e.clear,
-					"aria-label": B,
-					onClick: ue,
-					children: "✕"
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				id: F,
-				role: "dialog",
-				"aria-label": Q,
-				className: e.calendar,
-				"data-state": j.value,
-				onKeyDown: ge,
-				children: [/* @__PURE__ */ p("div", {
-					className: e.header,
-					children: [
-						/* @__PURE__ */ f("button", {
-							type: "button",
-							className: e.navButton,
-							"aria-label": R,
-							onClick: de,
-							children: "‹"
-						}),
-						/* @__PURE__ */ f("span", {
-							className: e.monthLabel,
-							"aria-live": "polite",
-							children: Q
-						}),
-						/* @__PURE__ */ f("button", {
-							type: "button",
-							className: e.navButton,
-							"aria-label": z,
-							onClick: fe,
-							children: "›"
-						})
-					]
-				}), /* @__PURE__ */ p("table", {
-					role: "grid",
-					className: e.grid,
-					children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ f("tr", { children: he.map((t) => /* @__PURE__ */ f("th", {
-						className: e.weekday,
-						abbr: t,
-						scope: "col",
-						children: t
-					}, t)) }) }), /* @__PURE__ */ f("tbody", { children: pe.map((t, n) => /* @__PURE__ */ f("tr", { children: t.map((t, n) => {
-						if (!t) return /* @__PURE__ */ f("td", { className: e.empty }, n);
-						let r = g(t), i = r === U.value, a = r === H, o = r === K.value, s = b !== void 0 && r < b || x !== void 0 && r > x;
-						return /* @__PURE__ */ f("td", {
-							className: e.cell,
-							children: /* @__PURE__ */ f("button", {
-								type: "button",
-								className: e.day,
-								tabIndex: o ? 0 : -1,
-								"aria-pressed": i,
-								"aria-label": h(t, I),
-								"aria-current": a ? "date" : void 0,
-								"aria-disabled": s || void 0,
-								"data-selected": i || void 0,
-								"data-today": a || void 0,
-								onClick: () => {
-									s || X(r);
-								},
-								onFocus: () => {
-									K.value = r;
-								},
-								children: t.getUTCDate()
-							})
-						}, n);
-					}) }, n)) })]
-				})]
-			}),
-			w && /* @__PURE__ */ f("span", {
-				id: `${N}-error`,
-				className: e.error,
-				role: "alert",
-				children: w
-			}),
-			!w && C && /* @__PURE__ */ f("span", {
-				id: `${N}-hint`,
-				className: e.hint,
-				children: C
-			})
-		]
-	});
-}
-//#endregion
-export { v as DatePicker };
+"use client";import{Calendar as e}from"../calendar/calendar.js";import{formatDate as t,formatHint as ee,fromISO as n,parseTypedDate as te,toISO as r}from"./parse-date.js";import i from"./date-picker.module.js";import{useId as ne,useRef as a}from"react";import{DismissableLayer as o,cn as s,focusElement as c,useControllableSignal as l,useSignal as re,useSignalEffect as ie,useSignals as ae}from"@cascivo/core";import{builtin as u,currentLocale as d,t as f}from"@cascivo/i18n";import{jsx as p,jsxs as m}from"react/jsx-runtime";function oe(...e){return e.filter(Boolean).join(` `)||void 0}function h({value:h,defaultValue:se,onValueChange:ce,min:g,max:_,disabledDate:v,clearable:y=!1,label:b,ariaLabel:x,hint:S,error:C,size:w=`md`,disabled:T=!1,typeable:E=!0,format:le,showToday:ue=!1,name:D,required:de,open:O,onOpenChange:fe,labels:k,className:pe,id:me,"aria-labelledby":he,"aria-describedby":ge,"aria-invalid":_e}){ae();let A=ne(),j=me??`cascade-date-picker-${A}`,M=`${A}-dialog`,N=d(),P=k?.placeholder??f(u.datePicker.placeholder),F=k?.clear??f(u.datePicker.clear),ve=k?.open??f(u.datePicker.open),I=a(null),L=a(null),R=a(null),[z,ye]=l({value:h,defaultValue:se,onChange:ce}),[B,V]=l({value:O,defaultValue:!1,onChange:fe}),H=B.value,U=z.value?n(z.value):null,W=g?n(g):null,G=_?n(_):null,K=U?t(U,N,le):``,q=re(null),be=q.value??K;function J(){T||V(!0)}function Y(e=!0){V(!1),e&&c(E?I.current:L.current)}let X=a(!1);ie(()=>{if(B.value){X.current=!0;let e=setTimeout(()=>{c(R.current?.querySelector(`[tabindex="0"]`)??null)},0);return()=>clearTimeout(e)}X.current=!1});function Z(e){q.value=null,ye(e?r(e):void 0)}function Q(){let e=q.peek();if(e===null)return;if(e.trim()===``){Z(null);return}let t=te(e,N,U?.getUTCFullYear());t&&!xe(t)?Z(t):q.value=null}function xe(e){return W&&e.getTime()<W.getTime()||G&&e.getTime()>G.getTime()?!0:v?.(e)??!1}function Se(e){if(!T){if(e.altKey&&e.key===`ArrowDown`){e.preventDefault(),J();return}switch(e.key){case`ArrowDown`:e.preventDefault(),J();break;case`Enter`:E&&(e.preventDefault(),Q());break;case`Escape`:H?(e.preventDefault(),e.stopPropagation(),Y()):q.peek()!==null&&(q.value=null);break;case`Backspace`:case`Delete`:!E&&y&&z.peek()!==void 0&&(e.preventDefault(),Z(null));break}}}let Ce=oe(C?`${A}-error`:S?`${A}-hint`:void 0,ge),$={id:j,role:`combobox`,"aria-expanded":H,"aria-controls":M,"aria-haspopup":`dialog`,"aria-labelledby":he,"aria-label":x,"aria-invalid":C?!0:_e,"aria-describedby":Ce,"aria-required":de||void 0,disabled:T,onKeyDown:Se};return p(o,{onDismiss:()=>H&&Y(!1),children:m(`div`,{className:s(i.wrapper,pe),"data-state":C?`error`:H?`open`:`closed`,"data-size":w,children:[b&&p(`label`,{className:i.label,htmlFor:j,children:b}),m(`div`,{className:i.field,children:[E?p(`input`,{...$,ref:I,type:`text`,className:i.trigger,autoComplete:`off`,inputMode:`numeric`,placeholder:P||ee(N),value:be,onChange:e=>{q.value=e.currentTarget.value},onBlur:Q}):p(`button`,{...$,ref:L,type:`button`,className:i.trigger,children:p(`span`,{className:s(i.value,K?void 0:i.placeholder),children:K||P})}),y&&z.value!==void 0&&!T&&p(`button`,{type:`button`,className:i.clear,"aria-label":F,onClick:()=>{Z(null),c(E?I.current:L.current)},children:p(`span`,{className:i.clearGlyph,"aria-hidden":`true`})}),p(`button`,{ref:E?L:void 0,type:`button`,className:i.openButton,"aria-label":ve,"aria-expanded":H,"aria-controls":M,disabled:T,onClick:()=>H?Y():J(),children:p(`span`,{className:i.calendarGlyph,"aria-hidden":`true`})})]}),D!==void 0&&p(`input`,{type:`hidden`,name:D,value:z.value??``}),p(`div`,{ref:R,id:M,role:`dialog`,"aria-label":b??x??P,className:i.popup,"data-state":H?`open`:`closed`,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),Y())},children:p(e,{value:U,onValueChange:e=>{Z(e),Y()},...W?{min:W}:{},...G?{max:G}:{},...v?{disabled:v}:{},labels:{...k?.previousMonth?{previousMonth:k.previousMonth}:{},...k?.nextMonth?{nextMonth:k.nextMonth}:{},...k?.today?{today:k.today}:{}},showToday:ue,size:w,locale:N})}),C&&p(`span`,{id:`${A}-error`,className:i.error,role:`alert`,children:C}),!C&&S&&p(`span`,{id:`${A}-hint`,className:i.hint,children:S})]})})}export{h as DatePicker};

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

@@ -1,24 +1,2 @@
 import './date-picker.css';
-var e = {
-	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 };
+var e={wrapper:`_wrapper_7wyss_3`,label:`_label_7wyss_42`,field:`_field_7wyss_49`,trigger:`_trigger_7wyss_55`,value:`_value_7wyss_93`,placeholder:`_placeholder_7wyss_99`,clear:`_clear_7wyss_103`,popup:`_popup_7wyss_128`,error:`_error_7wyss_160`,hint:`_hint_7wyss_164`,openButton:`_openButton_7wyss_169`,calendarGlyph:`_calendarGlyph_7wyss_194`,clearGlyph:`_clearGlyph_7wyss_195`};export{e as default};

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

@@ -0,0 +1 @@
+function e(e){return`${String(e.getUTCFullYear()).padStart(4,`0`)}-${String(e.getUTCMonth()+1).padStart(2,`0`)}-${String(e.getUTCDate()).padStart(2,`0`)}`}function t(e){let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());return t?n(Number(t[1]),Number(t[2]),Number(t[3])):null}function n(e,t,n){if(t<1||t>12||n<1||n>31)return null;let r=new Date(Date.UTC(e,t-1,n));return r.getUTCMonth()!==t-1||r.getUTCDate()!==n?null:r}function r(e){try{return new Intl.DateTimeFormat(e).formatToParts(new Date(Date.UTC(2026,0,2))).filter(e=>e.type===`day`||e.type===`month`).map(e=>e.type)[0]===`day`}catch{return!1}}function i(e,i,a){let o=e.trim();if(o===``)return null;let s=t(o);if(s)return s;let c=o.split(/[/.\-\s]+/).filter(Boolean);if(c.length<2||c.length>3||!c.every(e=>/^\d{1,4}$/.test(e)))return null;let l=c.map(Number),u=r(i),d,f,p;return l.length===2?([d,f]=u?[l[0],l[1]]:[l[1],l[0]],p=a??new Date().getFullYear()):([d,f]=u?[l[0],l[1]]:[l[1],l[0]],p=l[2],c[2].length<=2&&(p=2e3+p)),n(p,f,d)}function a(e,t,n){return new Intl.DateTimeFormat(t,n??{timeZone:`UTC`}).format(e)}function o(e){try{return new Intl.DateTimeFormat(e,{timeZone:`UTC`}).formatToParts(new Date(Date.UTC(2026,10,22))).map(e=>e.type===`day`?`DD`:e.type===`month`?`MM`:e.type===`year`?`YYYY`:e.value).join(``)}catch{return`YYYY-MM-DD`}}export{a as formatDate,o as formatHint,t as fromISO,i as parseTypedDate,e as toISO};

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

@@ -1,196 +1 @@
-"use client";
-
-import { Calendar as e } from "../calendar/calendar.js";
-import t from "./date-range-picker.module.js";
-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
-function p(e) {
-	return Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate());
-}
-function m(e, t) {
-	return !e || !t ? !1 : p(e) === p(t);
-}
-function h(e, t, n) {
-	let r = new Date(Date.UTC(e, t + n, 1));
-	return {
-		year: r.getUTCFullYear(),
-		month: r.getUTCMonth()
-	};
-}
-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 && v?.(e);
-		}
-	}), 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);
-		};
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	});
-	let B = () => {
-		N.value = !0;
-	}, V = () => {
-		N.value = !1;
-	}, H = (e) => {
-		let t = h(L.value, R.value, e);
-		r(() => {
-			L.value = t.year, R.value = t.month;
-		});
-	}, U = (e) => {
-		let t = P.value;
-		if (t === null) {
-			P.value = e;
-			return;
-		}
-		if (m(t, e)) {
-			r(() => {
-				P.value = null, F.value = null;
-			}), M(null);
-			return;
-		}
-		let n = p(t) <= p(e) ? {
-			start: t,
-			end: e
-		} : {
-			start: e,
-			end: t
-		};
-		r(() => {
-			P.value = null, F.value = null;
-		}), M(n);
-	}, W = (e) => {
-		r(() => {
-			P.value = null, F.value = null, L.value = e.range.start.getUTCFullYear(), R.value = e.range.start.getUTCMonth();
-		}), M(e.range);
-	}, G = () => {
-		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(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: O,
-		size: T,
-		...y === void 0 ? {} : { min: y },
-		...b === void 0 ? {} : { max: b },
-		...x === void 0 ? {} : { disabled: x },
-		hideNav: !0,
-		isInRange: ie,
-		isRangeStart: ae,
-		isRangeEnd: oe,
-		onValueChange: U,
-		onDayHover: (e) => {
-			F.value = e;
-		},
-		labels: {
-			previousMonth: k,
-			nextMonth: A
-		}
-	};
-	return /* @__PURE__ */ f("div", {
-		ref: z,
-		className: i(t.wrapper, D),
-		"data-size": T,
-		onKeyDown: (e) => {
-			e.key === "Escape" && N.value && (e.stopPropagation(), V());
-		},
-		children: [/* @__PURE__ */ f("button", {
-			type: "button",
-			role: "combobox",
-			"aria-expanded": N.value,
-			"aria-haspopup": "dialog",
-			"aria-label": E?.label ?? u(c.dateRangePicker.label),
-			className: t.trigger,
-			onClick: N.value ? V : B,
-			children: [/* @__PURE__ */ d("span", {
-				className: i(t.value, Z ? void 0 : t.placeholder),
-				children: Z || te
-			}), /* @__PURE__ */ d("span", {
-				className: t.icon,
-				"aria-hidden": "true",
-				children: "📅"
-			})]
-		}), /* @__PURE__ */ f("div", {
-			role: "dialog",
-			className: t.panel,
-			"data-state": N.value ? "open" : "closed",
-			children: [
-				S && S.length > 0 && /* @__PURE__ */ d("div", {
-					className: t.presets,
-					children: S.map((e) => /* @__PURE__ */ d("button", {
-						type: "button",
-						className: t.preset,
-						onClick: () => W(e),
-						children: e.label
-					}, e.id ?? e.label))
-				}),
-				/* @__PURE__ */ f("div", {
-					className: t.calendars,
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: t.calNav,
-							children: /* @__PURE__ */ d("button", {
-								type: "button",
-								className: t.navButton,
-								"aria-label": k,
-								onClick: () => H(-1),
-								children: "‹"
-							})
-						}),
-						/* @__PURE__ */ d(e, {
-							month: R.value,
-							year: L.value,
-							...$
-						}),
-						/* @__PURE__ */ d(e, {
-							month: Q.month,
-							year: Q.year,
-							...$
-						}),
-						/* @__PURE__ */ d("div", {
-							className: t.calNav,
-							children: /* @__PURE__ */ d("button", {
-								type: "button",
-								className: t.navButton,
-								"aria-label": A,
-								onClick: () => H(1),
-								children: "›"
-							})
-						})
-					]
-				}),
-				/* @__PURE__ */ f("div", {
-					className: t.footer,
-					children: [/* @__PURE__ */ d("button", {
-						type: "button",
-						className: t.clearBtn,
-						onClick: G,
-						children: re
-					}), /* @__PURE__ */ d("button", {
-						type: "button",
-						className: t.applyBtn,
-						onClick: V,
-						children: ne
-					})]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { g as DateRangePicker };
+"use client";import{Calendar as e}from"../calendar/calendar.js";import t from"./date-range-picker.module.js";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";function p(e){return Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())}function m(e,t){return!e||!t?!1:p(e)===p(t)}function h(e,t,n){let r=new Date(Date.UTC(e,t+n,1));return{year:r.getUTCFullYear(),month:r.getUTCMonth()}}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&&v?.(e)}}),N=o(!1),P=o(null),F=o(null),I=j.value?.start??_?.start??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)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)});let B=()=>{N.value=!0},V=()=>{N.value=!1},H=e=>{let t=h(L.value,R.value,e);r(()=>{L.value=t.year,R.value=t.month})},U=e=>{let t=P.value;if(t===null){P.value=e;return}if(m(t,e)){r(()=>{P.value=null,F.value=null}),M(null);return}let n=p(t)<=p(e)?{start:t,end:e}:{start:e,end:t};r(()=>{P.value=null,F.value=null}),M(n)},W=e=>{r(()=>{P.value=null,F.value=null,L.value=e.range.start.getUTCFullYear(),R.value=e.range.start.getUTCMonth()}),M(e.range)},G=()=>{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(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:O,size:T,...y===void 0?{}:{min:y},...b===void 0?{}:{max:b},...x===void 0?{}:{disabled:x},hideNav:!0,isInRange:ie,isRangeStart:ae,isRangeEnd:oe,onValueChange:U,onDayHover:e=>{F.value=e},labels:{previousMonth:k,nextMonth:A}};return f(`div`,{ref:z,className:i(t.wrapper,D),"data-size":T,onKeyDown:e=>{e.key===`Escape`&&N.value&&(e.stopPropagation(),V())},children:[f(`button`,{type:`button`,role:`combobox`,"aria-expanded":N.value,"aria-haspopup":`dialog`,"aria-label":E?.label??u(c.dateRangePicker.label),className:t.trigger,onClick:N.value?V:B,children:[d(`span`,{className:i(t.value,Z?void 0:t.placeholder),children:Z||te}),d(`span`,{className:t.icon,"aria-hidden":`true`,children:`📅`})]}),f(`div`,{role:`dialog`,className:t.panel,"data-state":N.value?`open`:`closed`,children:[S&&S.length>0&&d(`div`,{className:t.presets,children:S.map(e=>d(`button`,{type:`button`,className:t.preset,onClick:()=>W(e),children:e.label},e.id??e.label))}),f(`div`,{className:t.calendars,children:[d(`div`,{className:t.calNav,children:d(`button`,{type:`button`,className:t.navButton,"aria-label":k,onClick:()=>H(-1),children:`‹`})}),d(e,{month:R.value,year:L.value,...$}),d(e,{month:Q.month,year:Q.year,...$}),d(`div`,{className:t.calNav,children:d(`button`,{type:`button`,className:t.navButton,"aria-label":A,onClick:()=>H(1),children:`›`})})]}),f(`div`,{className:t.footer,children:[d(`button`,{type:`button`,className:t.clearBtn,onClick:G,children:re}),d(`button`,{type:`button`,className:t.applyBtn,onClick:V,children:ne})]})]})]})}export{g as DateRangePicker};

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

@@ -1,19 +1,2 @@
 import './date-range-picker.css';
-var e = {
-	wrapper: "_wrapper_k1szr_2",
-	trigger: "_trigger_k1szr_25",
-	value: "_value_k1szr_55",
-	placeholder: "_placeholder_k1szr_61",
-	icon: "_icon_k1szr_64",
-	panel: "_panel_k1szr_69",
-	calendars: "_calendars_k1szr_104",
-	calNav: "_calNav_k1szr_110",
-	navButton: "_navButton_k1szr_116",
-	presets: "_presets_k1szr_139",
-	preset: "_preset_k1szr_139",
-	footer: "_footer_k1szr_166",
-	clearBtn: "_clearBtn_k1szr_175",
-	applyBtn: "_applyBtn_k1szr_176"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_k1szr_2`,trigger:`_trigger_k1szr_25`,value:`_value_k1szr_55`,placeholder:`_placeholder_k1szr_61`,icon:`_icon_k1szr_64`,panel:`_panel_k1szr_69`,calendars:`_calendars_k1szr_104`,calNav:`_calNav_k1szr_110`,navButton:`_navButton_k1szr_116`,presets:`_presets_k1szr_139`,preset:`_preset_k1szr_139`,footer:`_footer_k1szr_166`,clearBtn:`_clearBtn_k1szr_175`,applyBtn:`_applyBtn_k1szr_176`};export{e as default};

package/dist/dock/dock.css

@@ -1 +1 @@
-@layer cascivo.component{._dock_cqgv4_2{background-color:var(--cascivo-color-surface);border-block-start:1px solid var(--cascivo-border-subtle);z-index:var(--cascivo-z-dock,40);align-items:stretch;padding-block-end:env(safe-area-inset-bottom,0);display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=64rem){._dock_cqgv4_2{display:none}}._item_cqgv4_20{min-block-size:var(--cascivo-target-min-coarse,2.75rem);cursor:pointer;color:var(--cascivo-color-text-muted);transition:color .1s var(--cascivo-ease-out);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding-block:.5rem;padding-inline:.25rem;text-decoration:none;display:flex}._item_cqgv4_20[data-active]{color:var(--cascivo-color-accent)}._item_cqgv4_20:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:-2px}._icon_cqgv4_47{align-items:center;font-size:1.25rem;line-height:1;display:flex}._label_cqgv4_54{font-size:.6875rem;line-height:1}._item_cqgv4_20[data-active] ._label_cqgv4_54{font-weight:600}}
+@layer cascivo.component{._dock_ggq7w_2{background-color:var(--cascivo-color-surface);border-block-start:1px solid var(--cascivo-border-subtle);z-index:var(--cascivo-z-dock,40);align-items:stretch;padding-block-end:env(safe-area-inset-bottom,0);display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=64rem){._dock_ggq7w_2{display:none}}._item_ggq7w_23{min-block-size:var(--cascivo-target-min-coarse,2.75rem);cursor:pointer;color:var(--cascivo-color-text-muted);transition:color var(--cascivo-duration-100) var(--cascivo-ease-out);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding-block:.5rem;padding-inline:.25rem;text-decoration:none;display:flex}._item_ggq7w_23[data-active]{color:var(--cascivo-color-accent-text)}._item_ggq7w_23:focus-visible{outline:var(--cascivo-ring-width) solid var(--cascivo-ring-color);outline-offset:-2px}._icon_ggq7w_50{align-items:center;font-size:1.25rem;line-height:1;display:flex}._label_ggq7w_57{font-size:.6875rem;line-height:1}._item_ggq7w_23[data-active] ._label_ggq7w_57{font-weight:600}}

package/dist/dock/dock.js

@@ -1,34 +1 @@
-"use client";
-
-import e from "./dock.module.js";
-import { getLinkComponent as t, useSignals as n } from "@cascivo/core";
-import { builtin as r, t as i } from "@cascivo/i18n";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../components/src/dock/dock.tsx
-function s({ items: s, activeIndex: c, className: l, ariaLabel: u, label: d }) {
-	return n(), /* @__PURE__ */ a("nav", {
-		"aria-label": u ?? d ?? i(r.dock.nav),
-		className: [e.dock, l].filter(Boolean).join(" "),
-		children: s.map((n, r) => {
-			let i = r === c;
-			return /* @__PURE__ */ o(n.href ? t() : "button", {
-				className: e.item,
-				"data-active": i || void 0,
-				"aria-current": i ? "page" : void 0,
-				...n.href ? { href: n.href } : {},
-				type: n.href ? void 0 : "button",
-				onClick: n.onClick,
-				children: [/* @__PURE__ */ a("span", {
-					className: e.icon,
-					"aria-hidden": "true",
-					children: n.icon
-				}), /* @__PURE__ */ a("span", {
-					className: e.label,
-					children: n.label
-				})]
-			}, n.id ?? `${r}-${n.label}`);
-		})
-	});
-}
-//#endregion
-export { s as Dock };
+"use client";import e from"./dock.module.js";import{getLinkComponent as t,useSignals as n}from"@cascivo/core";import{builtin as r,t as i}from"@cascivo/i18n";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({items:s,activeIndex:c,className:l,ariaLabel:u,label:d}){return n(),a(`nav`,{"aria-label":u??d??i(r.dock.nav),className:[e.dock,l].filter(Boolean).join(` `),children:s.map((n,r)=>{let i=r===c;return o(n.href?t():`button`,{className:e.item,"data-active":i||void 0,"aria-current":i?`page`:void 0,...n.href?{href:n.href}:{},type:n.href?void 0:`button`,onClick:n.onClick,children:[a(`span`,{className:e.icon,"aria-hidden":`true`,children:n.icon}),a(`span`,{className:e.label,children:n.label})]},n.id??`${r}-${n.label}`)})})}export{s as Dock};

package/dist/dock/dock.module.js

@@ -1,9 +1,2 @@
 import './dock.css';
-var e = {
-	dock: "_dock_cqgv4_2",
-	item: "_item_cqgv4_20",
-	icon: "_icon_cqgv4_47",
-	label: "_label_cqgv4_54"
-};
-//#endregion
-export { e as default };
+var e={dock:`_dock_ggq7w_2`,item:`_item_ggq7w_23`,icon:`_icon_ggq7w_50`,label:`_label_ggq7w_57`};export{e as default};

package/dist/drawer/drawer.js

@@ -1,96 +1 @@
-"use client";
-
-import e from "./drawer.module.js";
-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 }) {
-	u();
-	let [D, O] = s({
-		value: g,
-		defaultValue: _ ?? !1,
-		onChange: v
-	});
-	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 = 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(i, { children: /* @__PURE__ */ p(a, {
-		present: D,
-		children: /* @__PURE__ */ p("div", {
-			className: e.overlay,
-			"data-side": y,
-			children: /* @__PURE__ */ p(n, {
-				onDismiss: () => O(!1),
-				children: /* @__PURE__ */ p(r, {
-					trapped: !0,
-					restoreFocus: !0,
-					autoFocus: !0,
-					children: /* @__PURE__ */ m("div", {
-						role: "dialog",
-						"aria-modal": "true",
-						"aria-labelledby": x ? P : void 0,
-						"aria-describedby": S ? F : void 0,
-						"data-side": y,
-						"data-dragging": E && M.value ? "" : void 0,
-						className: o(e.panel, T),
-						style: L,
-						children: [(x || S) && /* @__PURE__ */ m("div", {
-							className: e.header,
-							ref: E ? A : void 0,
-							children: [/* @__PURE__ */ m("div", {
-								className: e.heading,
-								children: [x && /* @__PURE__ */ p("h2", {
-									id: P,
-									className: e.title,
-									children: x
-								}), S && /* @__PURE__ */ p("p", {
-									id: F,
-									className: e.description,
-									children: S
-								})]
-							}), /* @__PURE__ */ p("button", {
-								type: "button",
-								"aria-label": I,
-								onClick: () => O(!1),
-								className: e.close,
-								children: /* @__PURE__ */ p("svg", {
-									"aria-hidden": "true",
-									viewBox: "0 0 16 16",
-									className: e.closeIcon,
-									children: /* @__PURE__ */ p("path", {
-										d: "M4 4l8 8M12 4l-8 8",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "1.5",
-										strokeLinecap: "round"
-									})
-								})
-							})]
-						}), /* @__PURE__ */ p("div", {
-							className: e.body,
-							"data-cascivo-drawer-body": "",
-							children: C
-						})]
-					})
-				})
-			})
-		})
-	}) });
-}
-//#endregion
-export { g as Drawer };
+"use client";import e from"./drawer.module.js";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";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}){u();let[D,O]=s({value:g,defaultValue:_??!1,onChange:v});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=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 p(i,{children:p(a,{present:D,children:p(`div`,{className:e.overlay,"data-side":y,children:p(n,{onDismiss:()=>O(!1),children:p(r,{trapped:!0,restoreFocus:!0,autoFocus:!0,children:m(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":x?P:void 0,"aria-describedby":S?F:void 0,"data-side":y,"data-dragging":E&&M.value?``:void 0,className:o(e.panel,T),style:L,children:[(x||S)&&m(`div`,{className:e.header,ref:E?A:void 0,children:[m(`div`,{className:e.heading,children:[x&&p(`h2`,{id:P,className:e.title,children:x}),S&&p(`p`,{id:F,className:e.description,children:S})]}),p(`button`,{type:`button`,"aria-label":I,onClick:()=>O(!1),className:e.close,children:p(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.closeIcon,children:p(`path`,{d:`M4 4l8 8M12 4l-8 8`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]}),p(`div`,{className:e.body,"data-cascivo-drawer-body":``,children:C})]})})})})})})}export{g as Drawer};

package/dist/drawer/drawer.module.js

@@ -1,14 +1,2 @@
 import './drawer.css';
-var e = {
-	overlay: "_overlay_1q94b_2",
-	panel: "_panel_1q94b_39",
-	header: "_header_1q94b_124",
-	heading: "_heading_1q94b_134",
-	title: "_title_1q94b_140",
-	description: "_description_1q94b_147",
-	close: "_close_1q94b_153",
-	closeIcon: "_closeIcon_1q94b_181",
-	body: "_body_1q94b_186"
-};
-//#endregion
-export { e as default };
+var e={overlay:`_overlay_1q94b_2`,panel:`_panel_1q94b_39`,header:`_header_1q94b_124`,heading:`_heading_1q94b_134`,title:`_title_1q94b_140`,description:`_description_1q94b_147`,close:`_close_1q94b_153`,closeIcon:`_closeIcon_1q94b_181`,body:`_body_1q94b_186`};export{e as default};