@cascivo/react 1.0.0 → 1.2.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 r,toISO as te}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 u,useSignals as d}from"@cascivo/core";import{builtin as f,currentLocale as p,t as m}from"@cascivo/i18n";import{jsx as h,jsxs as g}from"react/jsx-runtime";function mergeDescribedBy(...e){return e.filter(Boolean).join(` `)||void 0}function DatePicker({value:ie,defaultValue:ae,onValueChange:oe,min:_,max:v,disabledDate:y,clearable:b=!1,label:x,ariaLabel:S,hint:C,error:w,size:T=`md`,disabled:E=!1,typeable:D=!0,format:se,showToday:ce=!1,name:O,required:le,open:k,onOpenChange:ue,labels:A,className:de,id:fe,"aria-labelledby":pe,"aria-describedby":j,"aria-invalid":M}){d();let N=ne(),P=fe??`cascade-date-picker-${N}`,F=`${N}-dialog`,I=p(),L=A?.placeholder??m(f.datePicker.placeholder),R=A?.clear??m(f.datePicker.clear),z=A?.open??m(f.datePicker.open),B=a(null),V=a(null),H=a(null),[U,me]=l({value:ie,defaultValue:ae,onChange:oe}),[W,G]=l({value:k,defaultValue:!1,onChange:ue}),K=W.value,q=U.value?n(U.value):null,J=_?n(_):null,Y=v?n(v):null,X=q?t(q,I,se):``,Z=re(null),he=Z.value??X;function openPopup(){E||G(!0)}function closePopup(e=!0){G(!1),e&&c(D?B.current:V.current)}let Q=a(!1);u(()=>{if(W.value){Q.current=!0;let e=setTimeout(()=>{c(H.current?.querySelector(`[tabindex="0"]`)??null)},0);return()=>clearTimeout(e)}Q.current=!1});function commit(e){Z.value=null,me(e?te(e):void 0)}function commitDraft(){let e=Z.peek();if(e===null)return;if(e.trim()===``){commit(null);return}let t=r(e,I,q?.getUTCFullYear());t&&!outside(t)?commit(t):Z.value=null}function outside(e){return J&&e.getTime()<J.getTime()||Y&&e.getTime()>Y.getTime()?!0:y?.(e)??!1}function handleFieldKeyDown(e){if(!E){if(e.altKey&&e.key===`ArrowDown`){e.preventDefault(),openPopup();return}switch(e.key){case`ArrowDown`:e.preventDefault(),openPopup();break;case`Enter`:D&&(e.preventDefault(),commitDraft());break;case`Escape`:K?(e.preventDefault(),e.stopPropagation(),closePopup()):Z.peek()!==null&&(Z.value=null);break;case`Backspace`:case`Delete`:!D&&b&&U.peek()!==void 0&&(e.preventDefault(),commit(null));break}}}let ge=mergeDescribedBy(w?`${N}-error`:C?`${N}-hint`:void 0,j),$={id:P,role:`combobox`,"aria-expanded":K,"aria-controls":F,"aria-haspopup":`dialog`,"aria-labelledby":pe,"aria-label":S,"aria-invalid":w?!0:M,"aria-describedby":ge,"aria-required":le||void 0,disabled:E,onKeyDown:handleFieldKeyDown};return h(o,{onDismiss:()=>K&&closePopup(!1),children:g(`div`,{className:s(i.wrapper,de),"data-state":w?`error`:K?`open`:`closed`,"data-size":T,children:[x&&h(`label`,{className:i.label,htmlFor:P,children:x}),g(`div`,{className:i.field,children:[D?h(`input`,{...$,ref:B,type:`text`,className:i.trigger,autoComplete:`off`,inputMode:`numeric`,placeholder:L||ee(I),value:he,onChange:e=>{Z.value=e.currentTarget.value},onBlur:commitDraft}):h(`button`,{...$,ref:V,type:`button`,className:i.trigger,children:h(`span`,{className:s(i.value,X?void 0:i.placeholder),children:X||L})}),b&&U.value!==void 0&&!E&&h(`button`,{type:`button`,className:i.clear,"aria-label":R,onClick:()=>{commit(null),c(D?B.current:V.current)},children:h(`span`,{className:i.clearGlyph,"aria-hidden":`true`})}),h(`button`,{ref:D?V:void 0,type:`button`,className:i.openButton,"aria-label":z,"aria-expanded":K,"aria-controls":F,disabled:E,onClick:()=>K?closePopup():openPopup(),children:h(`span`,{className:i.calendarGlyph,"aria-hidden":`true`})})]}),O!==void 0&&h(`input`,{type:`hidden`,name:O,value:U.value??``}),h(`div`,{ref:H,id:F,role:`dialog`,"aria-label":x??S??L,className:i.popup,"data-state":K?`open`:`closed`,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),closePopup())},children:h(e,{value:q,onValueChange:e=>{commit(e),closePopup()},...J?{min:J}:{},...Y?{max:Y}:{},...y?{disabled:y}:{},labels:{...A?.previousMonth?{previousMonth:A.previousMonth}:{},...A?.nextMonth?{nextMonth:A.nextMonth}:{},...A?.today?{today:A.today}:{}},showToday:ce,size:T,locale:I})}),w&&h(`span`,{id:`${N}-error`,className:i.error,role:`alert`,children:w}),!w&&C&&h(`span`,{id:`${N}-hint`,className:i.hint,children:C})]})})}export{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 toISO(e){return`${String(e.getUTCFullYear()).padStart(4,`0`)}-${String(e.getUTCMonth()+1).padStart(2,`0`)}-${String(e.getUTCDate()).padStart(2,`0`)}`}function fromISO(e){let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());return t?makeDate(Number(t[1]),Number(t[2]),Number(t[3])):null}function makeDate(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 isDayFirst(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 parseTypedDate(e,t,n){let r=e.trim();if(r===``)return null;let i=fromISO(r);if(i)return i;let a=r.split(/[/.\-\s]+/).filter(Boolean);if(a.length<2||a.length>3||!a.every(e=>/^\d{1,4}$/.test(e)))return null;let o=a.map(Number),s=isDayFirst(t),c,l,u;return o.length===2?([c,l]=s?[o[0],o[1]]:[o[1],o[0]],u=n??new Date().getFullYear()):([c,l]=s?[o[0],o[1]]:[o[1],o[0]],u=o[2],a[2].length<=2&&(u=2e3+u)),makeDate(u,l,c)}function formatDate(e,t,n){return new Intl.DateTimeFormat(t,n??{timeZone:`UTC`}).format(e)}function formatHint(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{formatDate,formatHint,fromISO,parseTypedDate,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 c}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";function dayMs(e){return Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate())}function sameDay(e,t){return!e||!t?!1:dayMs(e)===dayMs(t)}function addMonths(e,t,n){let r=new Date(Date.UTC(e,t+n,1));return{year:r.getUTCFullYear(),month:r.getUTCMonth()}}function DateRangePicker({value:m,defaultValue:h,onValueChange:g,min:_,max:v,disabled:y,presets:b,locale:x,placeholder:S,size:C=`md`,labels:w,className:T}){c();let E=x??u(),D=S??d(l.dateRangePicker.placeholder),O=w?.apply??d(l.dateRangePicker.apply),k=w?.clear??d(l.dateRangePicker.clear),A=w?.previousMonth??d(l.calendar.previousMonth),j=w?.nextMonth??d(l.calendar.nextMonth),[M,N]=a({value:m===void 0?void 0:m,defaultValue:h??null,onChange:e=>{e&&g?.(e)}}),P=o(!1),F=o(null),I=o(null),L=M.value?.start??h?.start??new Date,R=o(L.getUTCFullYear()),z=o(L.getUTCMonth()),B=n(null);s(()=>{if(!P.value)return;let handler=e=>{B.current&&!B.current.contains(e.target)&&(P.value=!1)};return document.addEventListener(`mousedown`,handler),()=>document.removeEventListener(`mousedown`,handler)});let openPanel=()=>{P.value=!0},closePanel=()=>{P.value=!1},advance=e=>{let t=addMonths(R.value,z.value,e);r(()=>{R.value=t.year,z.value=t.month})},handleDayClick=e=>{let t=F.value;if(t===null){F.value=e;return}if(sameDay(t,e)){r(()=>{F.value=null,I.value=null}),N(null);return}let n=dayMs(t)<=dayMs(e)?{start:t,end:e}:{start:e,end:t};r(()=>{F.value=null,I.value=null}),N(n)},applyPreset=e=>{r(()=>{F.value=null,I.value=null,R.value=e.range.start.getUTCFullYear(),z.value=e.range.start.getUTCMonth()}),N(e.range)},clear=()=>{r(()=>{F.value=null,I.value=null}),N(null)},V=F.value??M.value?.start??null,H=F.value?I.value??null:M.value?.end??null,U=V&&H?Math.min(dayMs(V),dayMs(H)):null,W=V&&H?Math.max(dayMs(V),dayMs(H)):null,isInRange=e=>{if(U===null||W===null)return!1;let t=dayMs(e);return t>U&&t<W},isRangeStart=e=>sameDay(e,V)||U!==null&&dayMs(e)===U,isRangeEnd=e=>sameDay(e,H)||W!==null&&dayMs(e)===W,G=new Intl.DateTimeFormat(E,{year:`numeric`,month:`short`,day:`numeric`}),K=M.value?`${G.format(M.value.start)} → ${G.format(M.value.end)}`:``,q=addMonths(R.value,z.value,1),J={locale:E,size:C,..._===void 0?{}:{min:_},...v===void 0?{}:{max:v},...y===void 0?{}:{disabled:y},hideNav:!0,isInRange,isRangeStart,isRangeEnd,onValueChange:handleDayClick,onDayHover:e=>{I.value=e},labels:{previousMonth:A,nextMonth:j}};return p(`div`,{ref:B,className:i(t.wrapper,T),"data-size":C,onKeyDown:e=>{e.key===`Escape`&&P.value&&(e.stopPropagation(),closePanel())},children:[p(`button`,{type:`button`,role:`combobox`,"aria-expanded":P.value,"aria-haspopup":`dialog`,"aria-label":w?.label??d(l.dateRangePicker.label),className:t.trigger,onClick:P.value?closePanel:openPanel,children:[f(`span`,{className:i(t.value,K?void 0:t.placeholder),children:K||D}),f(`span`,{className:t.icon,"aria-hidden":`true`,children:`📅`})]}),p(`div`,{role:`dialog`,className:t.panel,"data-state":P.value?`open`:`closed`,children:[b&&b.length>0&&f(`div`,{className:t.presets,children:b.map(e=>f(`button`,{type:`button`,className:t.preset,onClick:()=>applyPreset(e),children:e.label},e.id??e.label))}),p(`div`,{className:t.calendars,children:[f(`div`,{className:t.calNav,children:f(`button`,{type:`button`,className:t.navButton,"aria-label":A,onClick:()=>advance(-1),children:`‹`})}),f(e,{month:z.value,year:R.value,...J}),f(e,{month:q.month,year:q.year,...J}),f(`div`,{className:t.calNav,children:f(`button`,{type:`button`,className:t.navButton,"aria-label":j,onClick:()=>advance(1),children:`›`})})]}),p(`div`,{className:t.footer,children:[f(`button`,{type:`button`,className:t.clearBtn,onClick:clear,children:k}),f(`button`,{type:`button`,className:t.applyBtn,onClick:closePanel,children:O})]})]})]})}export{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 Dock({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{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 Drawer({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{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};