@nocoo/basalt 2.0.0-rc.1

package/dist/components/date-picker.js

@@ -0,0 +1,452 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Button as t } from "./button.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "./popover.js";
+import { useEffect as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { ChevronLeft as u, ChevronRight as ee } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/date-picker.tsx
+function p(e) {
+	return String(e).padStart(2, "0");
+}
+function m(e) {
+	return `${String(e.y).padStart(4, "0")}-${p(e.m)}-${p(e.d)}`;
+}
+function h(e) {
+	let t = new Date(Date.UTC(e.y, e.m - 1, e.d));
+	return t.setUTCFullYear(e.y), t;
+}
+function g(e) {
+	let t = new Date(e.y, e.m - 1, e.d);
+	return t.setFullYear(e.y), t;
+}
+function _(e) {
+	let t = /^(\d{4,})-(\d{2})-(\d{2})$/.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]);
+	if (n < 1) return null;
+	let a = h({
+		y: n,
+		m: r,
+		d: i
+	});
+	return a.getUTCFullYear() !== n || a.getUTCMonth() + 1 !== r || a.getUTCDate() !== i ? null : {
+		y: n,
+		m: r,
+		d: i
+	};
+}
+var te = "appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer";
+function v(e) {
+	let t = new Intl.DateTimeFormat("en-CA", {
+		timeZone: e,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	}).formatToParts(/* @__PURE__ */ new Date()), n = (e) => Number(t.find((t) => t.type === e)?.value);
+	return {
+		y: n("year"),
+		m: n("month"),
+		d: n("day")
+	};
+}
+function y(e, t, n) {
+	return new Intl.DateTimeFormat(t, {
+		...n,
+		timeZone: "UTC",
+		calendar: "gregory"
+	}).format(h(e));
+}
+function ne({ mode: e, selectedDate: t, rangeFrom: n, rangeTo: r, locale: i, formatDate: a }) {
+	function o(e) {
+		let t = _(e);
+		return t ? a?.(g(t)) ?? y(t, i, { dateStyle: "medium" }) : e;
+	}
+	return e === "range" ? n ? r ? `${o(n)} – ${o(r)}` : `${o(n)} – …` : "Pick a date" : t ? a?.(g(t)) ?? y(t, i, { dateStyle: "medium" }) : "Pick a date";
+}
+function b(e, t) {
+	return e.y === t.y ? e.m === t.m ? e.d - t.d : e.m - t.m : e.y - t.y;
+}
+function re(e, t, n) {
+	let r = _(e), i = t ? _(t) : null, a = n ? _(n) : null;
+	return !(!r || i && b(r, i) < 0 || a && b(r, a) > 0);
+}
+function x(e, t, n, r) {
+	return re(e, t, n) && !r?.(e);
+}
+function ie(e, t, n) {
+	let r = t ? _(t) : null, i = n ? _(n) : null;
+	return r && b(e, r) < 0 ? r : i && b(e, i) > 0 ? i : e;
+}
+function S(e) {
+	if (!Number.isFinite(e.y) || e.m < 1 || e.m > 12 || e.d < 1 || e.d > 31) return !1;
+	let t = h(e);
+	return !Number.isNaN(t.getTime()) && t.getUTCFullYear() === e.y && t.getUTCMonth() + 1 === e.m && t.getUTCDate() === e.d;
+}
+function C(e) {
+	return e ? m(e) : "";
+}
+function w(e, t) {
+	let n = h(e);
+	if (Number.isNaN(n.getTime()) || (n.setUTCDate(n.getUTCDate() + t), Number.isNaN(n.getTime()))) return null;
+	let r = {
+		y: n.getUTCFullYear(),
+		m: n.getUTCMonth() + 1,
+		d: n.getUTCDate()
+	};
+	return S(r) ? r : null;
+}
+function ae(e, t) {
+	let n = e.y * 12 + (e.m - 1) + t, r = {
+		y: Math.floor(n / 12),
+		m: n % 12 + 1,
+		d: 1
+	};
+	return S(r) ? r : null;
+}
+function T({ value: p, defaultValue: g = "", onChange: re, mode: T = "single", rangeValue: E, defaultRangeValue: oe, onRangeChange: se, isDisabledDate: D, presets: O, locale: k = "en-US", weekStartsOn: A = 0, timeZone: j, formatDate: ce, name: le, required: ue, min: M, max: N, disabled: P, className: de, id: fe, "aria-label": F, "aria-describedby": pe, "aria-invalid": me, ...he }) {
+	let { readOnly: I, autoFocus: ge, onFocus: _e, onBlur: ve, "aria-labelledby": ye, ...be } = he, [xe, Se] = l(g), [Ce, L] = l(oe ?? {
+		from: "",
+		to: void 0
+	}), [R, z] = l(!1), [we, Te] = l(0), B = c([]), V = c(null), H = c(!1), Ee = c(null), De = c(null), Oe = p ?? xe, U = E ?? Ce, W = _(T === "range" ? U.to || U.from || "" : Oe), G = W ? m(W) : "", K = T === "range" ? "" : G, ke = W ?? v(j), [q, J] = l({
+		y: ke.y,
+		m: ke.m,
+		d: 1
+	}), Ae = c(G);
+	if (R && Ae.current !== G) {
+		H.current = !0;
+		let e = W ?? v(j);
+		(q.y !== e.y || q.m !== e.m) && J({
+			y: e.y,
+			m: e.m,
+			d: 1
+		});
+	}
+	Ae.current = G, a(() => {
+		if (!R) return;
+		let e = ie((G ? _(G) : null) ?? v(j), M, N);
+		J({
+			y: e.y,
+			m: e.m,
+			d: 1
+		}), G || (H.current = !0);
+	}, [
+		R,
+		G,
+		j,
+		M,
+		N
+	]), a(() => {
+		P && z(!1);
+	}, [P]), a(() => {
+		ge && De.current?.focus();
+	}, [ge]), a(() => {
+		let e = Ee.current?.form;
+		if (!e || (T === "range" ? E !== void 0 : p !== void 0)) return;
+		let t = (e) => {
+			queueMicrotask(() => {
+				e.defaultPrevented || (Se(g), L(oe ?? {
+					from: "",
+					to: void 0
+				}), z(!1));
+			});
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [
+		oe,
+		g,
+		T,
+		E,
+		p
+	]);
+	let je = s(() => {
+		let e = new Intl.DateTimeFormat(k, {
+			weekday: "short",
+			timeZone: "UTC"
+		});
+		return Array.from({ length: 7 }, (t, n) => {
+			let r = new Date(Date.UTC(2024, 0, 7 + (n + A) % 7));
+			return e.format(r);
+		});
+	}, [k, A]), Y = s(() => {
+		let e = {
+			y: q.y,
+			m: q.m,
+			d: 1
+		};
+		if (!S(e)) return Array.from({ length: 42 }, () => null);
+		let t = (h(e).getUTCDay() - A + 7) % 7, n = w(e, -t);
+		return n ? Array.from({ length: 42 }, (e, t) => w(n, t)) : Array.from({ length: 42 }, (n, r) => w(e, r - t));
+	}, [q, A]);
+	o(() => {
+		if (!R) return;
+		let e = V.current, t = 0;
+		if (e) V.current = null, t = Y.findIndex((t) => C(t) === e), t < 0 && (t = 0);
+		else {
+			let e = document.activeElement, n = !H.current && e instanceof HTMLElement && B.current.some((t) => t === e) ? e.getAttribute("aria-label") : null, r = n ? Y.findIndex((e) => C(e) === n) : -1;
+			if (r >= 0) t = r;
+			else {
+				let e = G || K || m(v(j)), n = Y.findIndex((t) => C(t) === e);
+				if (n >= 0 && Y[n]?.m === q.m) t = n;
+				else {
+					let e = Y.findIndex((e) => e?.m === q.m);
+					t = e >= 0 ? e : 0;
+				}
+			}
+		}
+		let n = (e) => !!(e && e.y >= 1 && x(m(e), M, N, D));
+		if (!n(Y[t] ?? null)) {
+			let e = Y.findIndex((e) => e?.m === q.m && n(e)), r = Y.findIndex((e) => n(e));
+			t = e >= 0 ? e : r >= 0 ? r : t;
+		}
+		Te(t), H.current && (H.current = !1, B.current[t]?.focus());
+	}, [
+		R,
+		G,
+		K,
+		j,
+		Y,
+		q.m,
+		M,
+		N,
+		D
+	]);
+	let X = ae(q, -1), Me = ae(q, 1), Z = T === "range" ? U.from : "", Q = T === "range" ? U.to : void 0, Ne = ne({
+		mode: T,
+		selectedDate: W,
+		rangeFrom: Z,
+		rangeTo: Q,
+		locale: k,
+		formatDate: ce
+	});
+	function $(e) {
+		return x(e, M, N, D);
+	}
+	function Pe(e) {
+		if (!(P || I || !$(e))) {
+			if (T === "range") {
+				let t = E ?? Ce, n = !t.from || t.to ? { from: e } : b(_(e) ?? {
+					y: 1,
+					m: 1,
+					d: 1
+				}, _(t.from) ?? {
+					y: 1,
+					m: 1,
+					d: 1
+				}) < 0 ? {
+					from: e,
+					to: t.from
+				} : {
+					from: t.from,
+					to: e
+				};
+				E === void 0 && L(n), se?.(n), n.to && z(!1);
+				return;
+			}
+			p === void 0 && Se(e), z(!1), re?.(e);
+		}
+	}
+	function Fe(e) {
+		if (!(P || I)) {
+			if (typeof e.value == "string") {
+				if (T === "range") {
+					if (!$(e.value)) return;
+					let t = {
+						from: e.value,
+						to: e.value
+					};
+					E === void 0 && L(t), se?.(t), z(!1);
+					return;
+				}
+				Pe(e.value);
+				return;
+			}
+			if (T === "range") {
+				if (!$(e.value.from) || !$(e.value.to)) return;
+				E === void 0 && L(e.value), se?.(e.value), z(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ f(n, {
+		open: R,
+		onOpenChange: (e) => {
+			if (!(e && P)) {
+				if (e) {
+					let e = (G ? _(G) : null) ?? v(j);
+					J({
+						y: e.y,
+						m: e.m,
+						d: 1
+					}), H.current = !0;
+				}
+				z(e);
+			}
+		},
+		children: [
+			/* @__PURE__ */ d("input", {
+				ref: Ee,
+				type: T === "range" ? "text" : "date",
+				name: le,
+				required: ue,
+				min: T === "range" ? void 0 : M,
+				max: T === "range" ? void 0 : N,
+				className: "sr-only mb-2 h-7",
+				style: {
+					position: "absolute",
+					width: 1,
+					height: 1,
+					overflow: "hidden",
+					clip: "rect(0, 0, 0, 0)"
+				},
+				value: T === "range" ? Z && Q ? `${Z}/${Q}` : "" : K,
+				onChange: () => void 0,
+				disabled: P,
+				"aria-hidden": "true",
+				tabIndex: -1,
+				...be
+			}),
+			/* @__PURE__ */ d(i, {
+				asChild: !0,
+				children: /* @__PURE__ */ d(t, {
+					type: "button",
+					ref: De,
+					id: fe,
+					variant: "outline",
+					disabled: P,
+					onFocus: _e,
+					onBlur: ve,
+					"aria-labelledby": ye,
+					"aria-label": F ? Ne === "Pick a date" ? F : `${F}: ${Ne}` : void 0,
+					"aria-describedby": pe,
+					"aria-invalid": me,
+					className: e("justify-start font-normal", de),
+					children: Ne
+				})
+			}),
+			/* @__PURE__ */ f(r, {
+				arrow: !1,
+				className: "w-64 p-3",
+				"aria-label": F ? `${F} calendar` : "Date calendar",
+				onOpenAutoFocus: (e) => {
+					e.preventDefault();
+					let t = G || K || m(v(j)), n = Y.findIndex((e) => C(e) === t), r = (e) => !!(e && e.y >= 1 && x(m(e), M, N, D)), i = n >= 0 && Y[n]?.m === q.m ? n : Math.max(0, Y.findIndex((e) => e?.m === q.m));
+					if (!r(Y[i] ?? null)) {
+						let e = Y.findIndex((e) => e?.m === q.m && r(e)), t = Y.findIndex((e) => r(e));
+						i = e >= 0 ? e : t >= 0 ? t : i;
+					}
+					queueMicrotask(() => {
+						B.current[i]?.focus();
+					});
+				},
+				children: [
+					O && O.length > 0 ? /* @__PURE__ */ d("div", {
+						className: "mb-2 flex flex-wrap gap-1",
+						children: O.map((e) => /* @__PURE__ */ d(t, {
+							type: "button",
+							variant: "ghost",
+							className: "h-7 px-2 text-xs",
+							disabled: P || I,
+							onClick: () => Fe(e),
+							children: e.label
+						}, e.label))
+					}) : null,
+					/* @__PURE__ */ f("div", {
+						className: "mb-2 flex items-center justify-between gap-2",
+						children: [
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								icon: /* @__PURE__ */ d(u, {}),
+								"aria-label": "Prev",
+								className: "size-8",
+								disabled: P || !X || X.y < 1,
+								onClick: () => {
+									!X || X.y < 1 || (H.current = !1, J(X));
+								}
+							}),
+							/* @__PURE__ */ d("span", {
+								className: "text-sm font-medium",
+								children: y(q, k, {
+									month: "long",
+									year: "numeric"
+								})
+							}),
+							/* @__PURE__ */ d(t, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								icon: /* @__PURE__ */ d(ee, {}),
+								"aria-label": "Next",
+								className: "size-8",
+								disabled: P || !Me,
+								onClick: () => {
+									Me && (H.current = !1, J(Me));
+								}
+							})
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "grid grid-cols-7 gap-1 text-center",
+						onKeyDown: (e) => {
+							let t = Y[we];
+							if (t) {
+								if (e.key === "ArrowRight" || e.key === "ArrowLeft" || e.key === "ArrowDown" || e.key === "ArrowUp") {
+									e.preventDefault();
+									let n = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : e.key === "ArrowDown" ? 7 : -7, r = w(t, n);
+									for (let e = 0; r && r.y >= 1 && !$(m(r)) && e < 42; e += 1) r = w(r, n);
+									if (!r || r.y < 1 || !$(m(r))) return;
+									if (r.y !== q.y || r.m !== q.m) {
+										V.current = m(r), H.current = !0, J({
+											y: r.y,
+											m: r.m,
+											d: 1
+										});
+										return;
+									}
+									let i = Y.findIndex((e) => C(e) === m(r));
+									i >= 0 && (Te(i), B.current[i]?.focus());
+									return;
+								}
+								if (e.key === "Enter" || e.key === " ") {
+									e.preventDefault();
+									let n = m(t);
+									t.y >= 1 && $(n) && Pe(n);
+								}
+							}
+						},
+						children: [je.map((e, t) => /* @__PURE__ */ d("span", {
+							className: "flex h-8 items-center justify-center text-xs font-medium text-basalt-muted-foreground",
+							children: e
+						}, `${e}-${t}`)), Y.map((t, n) => {
+							if (!t) return /* @__PURE__ */ d("span", {
+								className: "h-8",
+								ref: () => {
+									B.current[n] = null;
+								}
+							}, `empty-${n}`);
+							let r = m(t), i = t.m === q.m, a = t.y >= 1 && $(r), o = Z ? _(Z) : null, s = Q ? _(Q) : null, c = _(r), l = !!(o && s && c && b(c, o) >= 0 && b(c, s) <= 0), u = r === Z || r === Q;
+							return /* @__PURE__ */ d("button", {
+								type: "button",
+								ref: (e) => {
+									B.current[n] = e;
+								},
+								tabIndex: n === we ? 0 : -1,
+								"aria-label": r,
+								"aria-pressed": T === "range" ? r === Z || r === Q : !!K && r === K,
+								disabled: P || I || !a,
+								className: e(te, "flex h-8 w-8 items-center justify-center rounded-basalt-md text-sm", i ? "text-basalt-foreground" : "text-basalt-muted-foreground", a && "hover:bg-basalt-accent", l && !u && "bg-basalt-accent", a && (T === "range" ? u : r === K) && "bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90"),
+								onClick: () => a && Pe(r),
+								children: t.d
+							}, r);
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { T as DatePicker };
+
+//# sourceMappingURL=date-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../src/components/date-picker.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { type ComponentProps, useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\ntype Civil = { y: number; m: number; d: number };\n\nfunction pad(value: number) {\n\treturn String(value).padStart(2, \"0\");\n}\n\nfunction formatIso(date: Civil) {\n\treturn `${String(date.y).padStart(4, \"0\")}-${pad(date.m)}-${pad(date.d)}`;\n}\n\nfunction utcDate(date: Civil) {\n\tconst next = new Date(Date.UTC(date.y, date.m - 1, date.d));\n\tnext.setUTCFullYear(date.y);\n\treturn next;\n}\n\nfunction civilDate(date: Civil) {\n\tconst next = new Date(date.y, date.m - 1, date.d);\n\tnext.setFullYear(date.y);\n\treturn next;\n}\n\nfunction parseIso(value: string): Civil | null {\n\tconst match = /^(\\d{4,})-(\\d{2})-(\\d{2})$/.exec(value);\n\tif (!match) {\n\t\treturn null;\n\t}\n\tconst year = Number(match[1]);\n\tconst month = Number(match[2]);\n\tconst day = Number(match[3]);\n\tif (year < 1) {\n\t\treturn null;\n\t}\n\tconst utc = utcDate({ y: year, m: month, d: day });\n\tif (\n\t\tutc.getUTCFullYear() !== year ||\n\t\tutc.getUTCMonth() + 1 !== month ||\n\t\tutc.getUTCDate() !== day\n\t) {\n\t\treturn null;\n\t}\n\treturn { y: year, m: month, d: day };\n}\n\nconst CALENDAR_BUTTON =\n\t\"appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer\";\n\nfunction todayCivil(timeZone?: string): Civil {\n\tconst parts = new Intl.DateTimeFormat(\"en-CA\", {\n\t\ttimeZone,\n\t\tyear: \"numeric\",\n\t\tmonth: \"2-digit\",\n\t\tday: \"2-digit\",\n\t}).formatToParts(new Date());\n\tconst read = (type: Intl.DateTimeFormatPartTypes) =>\n\t\tNumber(parts.find((part) => part.type === type)?.value);\n\treturn { y: read(\"year\"), m: read(\"month\"), d: read(\"day\") };\n}\n\nfunction formatCivil(date: Civil, locale: string, options: Intl.DateTimeFormatOptions) {\n\treturn new Intl.DateTimeFormat(locale, {\n\t\t...options,\n\t\ttimeZone: \"UTC\",\n\t\tcalendar: \"gregory\",\n\t}).format(utcDate(date));\n}\n\nfunction formatTriggerLabel({\n\tmode,\n\tselectedDate,\n\trangeFrom,\n\trangeTo,\n\tlocale,\n\tformatDate,\n}: {\n\tmode: \"single\" | \"range\";\n\tselectedDate: Civil | null;\n\trangeFrom: string;\n\trangeTo?: string;\n\tlocale: string;\n\tformatDate?: (date: Date) => string;\n}) {\n\tfunction one(iso: string) {\n\t\tconst date = parseIso(iso);\n\t\tif (!date) {\n\t\t\treturn iso;\n\t\t}\n\t\treturn formatDate?.(civilDate(date)) ?? formatCivil(date, locale, { dateStyle: \"medium\" });\n\t}\n\tif (mode === \"range\") {\n\t\tif (!rangeFrom) {\n\t\t\treturn \"Pick a date\";\n\t\t}\n\t\tif (!rangeTo) {\n\t\t\treturn `${one(rangeFrom)} – …`;\n\t\t}\n\t\treturn `${one(rangeFrom)} – ${one(rangeTo)}`;\n\t}\n\treturn selectedDate\n\t\t? (formatDate?.(civilDate(selectedDate)) ??\n\t\t\t\tformatCivil(selectedDate, locale, { dateStyle: \"medium\" }))\n\t\t: \"Pick a date\";\n}\n\nfunction compareCivil(left: Civil, right: Civil) {\n\tif (left.y !== right.y) {\n\t\treturn left.y - right.y;\n\t}\n\tif (left.m !== right.m) {\n\t\treturn left.m - right.m;\n\t}\n\treturn left.d - right.d;\n}\n\nfunction withinBounds(iso: string, min?: string, max?: string) {\n\tconst date = parseIso(iso);\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (!date) {\n\t\treturn false;\n\t}\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn false;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nfunction dateSelectable(\n\tiso: string,\n\tmin?: string,\n\tmax?: string,\n\tisDisabledDate?: (iso: string) => boolean,\n) {\n\treturn withinBounds(iso, min, max) && !isDisabledDate?.(iso);\n}\n\nexport type DatePickerRange = { from: string; to?: string };\n\nexport type DatePickerPreset = {\n\tlabel: string;\n\tvalue: string | { from: string; to: string };\n};\n\nexport type DatePickerProps = Omit<\n\tComponentProps<\"input\">,\n\t| \"value\"\n\t| \"defaultValue\"\n\t| \"onChange\"\n\t| \"type\"\n\t| \"children\"\n\t| \"disabled\"\n\t| \"name\"\n\t| \"required\"\n\t| \"min\"\n\t| \"max\"\n> & {\n\t/**\n\t * The controlled ISO date in single mode.\n\t */\n\tvalue?: string;\n\t/**\n\t * The uncontrolled initial ISO date in single mode.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called with the ISO date in single mode.\n\t */\n\tonChange?: (value: string) => void;\n\t/**\n\t * Selection mode.\n\t * @default single\n\t */\n\tmode?: \"single\" | \"range\";\n\t/**\n\t * The controlled range in range mode.\n\t */\n\trangeValue?: DatePickerRange;\n\t/**\n\t * The uncontrolled initial range in range mode.\n\t */\n\tdefaultRangeValue?: DatePickerRange;\n\t/**\n\t * Called when the range changes.\n\t */\n\tonRangeChange?: (value: DatePickerRange) => void;\n\t/**\n\t * Additional dates that cannot be selected.\n\t */\n\tisDisabledDate?: (iso: string) => boolean;\n\t/**\n\t * Shortcut values shown above the calendar.\n\t */\n\tpresets?: DatePickerPreset[];\n\t/**\n\t * Locale used to format the trigger and weekday labels.\n\t * @default en-US\n\t */\n\tlocale?: string;\n\t/**\n\t * First day of the week. 0 is Sunday.\n\t * @default 0\n\t */\n\tweekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\t/**\n\t * IANA time zone used to resolve today.\n\t */\n\ttimeZone?: string;\n\t/**\n\t * Custom formatter for the trigger label.\n\t */\n\tformatDate?: (date: Date) => string;\n\t/**\n\t * Native form field name.\n\t */\n\tname?: string;\n\t/**\n\t * Native required constraint.\n\t */\n\trequired?: boolean;\n\t/**\n\t * Inclusive lower ISO bound.\n\t */\n\tmin?: string;\n\t/**\n\t * Inclusive upper ISO bound.\n\t */\n\tmax?: string;\n\t/**\n\t * Disable the trigger and calendar.\n\t */\n\tdisabled?: boolean;\n};\n\nfunction clampCivil(date: Civil, min?: string, max?: string) {\n\tconst minDate = min ? parseIso(min) : null;\n\tconst maxDate = max ? parseIso(max) : null;\n\tif (minDate && compareCivil(date, minDate) < 0) {\n\t\treturn minDate;\n\t}\n\tif (maxDate && compareCivil(date, maxDate) > 0) {\n\t\treturn maxDate;\n\t}\n\treturn date;\n}\n\nfunction isValidCivil(date: Civil): boolean {\n\tif (!Number.isFinite(date.y) || date.m < 1 || date.m > 12 || date.d < 1 || date.d > 31) {\n\t\treturn false;\n\t}\n\tconst utc = utcDate(date);\n\treturn (\n\t\t!Number.isNaN(utc.getTime()) &&\n\t\tutc.getUTCFullYear() === date.y &&\n\t\tutc.getUTCMonth() + 1 === date.m &&\n\t\tutc.getUTCDate() === date.d\n\t);\n}\n\nfunction isoOf(date: Civil | null) {\n\treturn date ? formatIso(date) : \"\";\n}\n\nfunction addDays(date: Civil, days: number): Civil | null {\n\tconst next = utcDate(date);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tnext.setUTCDate(next.getUTCDate() + days);\n\tif (Number.isNaN(next.getTime())) {\n\t\treturn null;\n\t}\n\tconst civil = { y: next.getUTCFullYear(), m: next.getUTCMonth() + 1, d: next.getUTCDate() };\n\treturn isValidCivil(civil) ? civil : null;\n}\n\nfunction shiftMonth(month: Civil, delta: number): Civil | null {\n\tconst total = month.y * 12 + (month.m - 1) + delta;\n\tconst next = { y: Math.floor(total / 12), m: (total % 12) + 1, d: 1 };\n\treturn isValidCivil(next) ? next : null;\n}\n\nexport function DatePicker({\n\tvalue,\n\tdefaultValue = \"\",\n\tonChange,\n\tmode = \"single\",\n\trangeValue,\n\tdefaultRangeValue,\n\tonRangeChange,\n\tisDisabledDate,\n\tpresets,\n\tlocale = \"en-US\",\n\tweekStartsOn = 0,\n\ttimeZone,\n\tformatDate,\n\tname,\n\trequired,\n\tmin,\n\tmax,\n\tdisabled,\n\tclassName,\n\tid,\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\t\"aria-invalid\": ariaInvalid,\n\t...inputRest\n}: DatePickerProps) {\n\tconst {\n\t\treadOnly,\n\t\tautoFocus,\n\t\tonFocus,\n\t\tonBlur,\n\t\t\"aria-labelledby\": ariaLabelledBy,\n\t\t...formRest\n\t} = inputRest;\n\tconst [uncontrolled, setUncontrolled] = useState(defaultValue);\n\tconst [uncontrolledRange, setUncontrolledRange] = useState<DatePickerRange>(\n\t\tdefaultRangeValue ?? { from: \"\", to: undefined },\n\t);\n\tconst [open, setOpen] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(0);\n\tconst dayRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\tconst pendingFocusIso = useRef<string | null>(null);\n\tconst focusDay = useRef(false);\n\tconst hiddenRef = useRef<HTMLInputElement>(null);\n\tconst triggerRef = useRef<HTMLButtonElement>(null);\n\tconst selected = value ?? uncontrolled;\n\tconst selectedRange = rangeValue ?? uncontrolledRange;\n\tconst selectedDate = parseIso(\n\t\tmode === \"range\" ? selectedRange.to || selectedRange.from || \"\" : selected,\n\t);\n\tconst cursorIso = selectedDate ? formatIso(selectedDate) : \"\";\n\tconst submitted = mode === \"range\" ? \"\" : cursorIso;\n\tconst cursor = selectedDate ?? todayCivil(timeZone);\n\tconst [month, setMonth] = useState<Civil>({ y: cursor.y, m: cursor.m, d: 1 });\n\tconst prevSelected = useRef(cursorIso);\n\tif (open && prevSelected.current !== cursorIso) {\n\t\tfocusDay.current = true;\n\t\tconst next = selectedDate ?? todayCivil(timeZone);\n\t\tif (month.y !== next.y || month.m !== next.m) {\n\t\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\t}\n\t}\n\tprevSelected.current = cursorIso;\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst next = clampCivil(\n\t\t\t(cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone),\n\t\t\tmin,\n\t\t\tmax,\n\t\t);\n\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\tif (!cursorIso) {\n\t\t\tfocusDay.current = true;\n\t\t}\n\t}, [open, cursorIso, timeZone, min, max]);\n\n\tuseEffect(() => {\n\t\tif (disabled) {\n\t\t\tsetOpen(false);\n\t\t}\n\t}, [disabled]);\n\n\tuseEffect(() => {\n\t\tif (autoFocus) {\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t}, [autoFocus]);\n\n\tuseEffect(() => {\n\t\tconst form = hiddenRef.current?.form;\n\t\tif (!form || (mode === \"range\" ? rangeValue !== undefined : value !== undefined)) {\n\t\t\treturn;\n\t\t}\n\t\tconst onReset = (event: Event) => {\n\t\t\tqueueMicrotask(() => {\n\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tsetUncontrolled(defaultValue);\n\t\t\t\tsetUncontrolledRange(defaultRangeValue ?? { from: \"\", to: undefined });\n\t\t\t\tsetOpen(false);\n\t\t\t});\n\t\t};\n\t\tform.addEventListener(\"reset\", onReset);\n\t\treturn () => form.removeEventListener(\"reset\", onReset);\n\t}, [defaultRangeValue, defaultValue, mode, rangeValue, value]);\n\n\tconst weekdayLabels = useMemo(() => {\n\t\tconst formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\", timeZone: \"UTC\" });\n\t\treturn Array.from({ length: 7 }, (_, index) => {\n\t\t\tconst day = new Date(Date.UTC(2024, 0, 7 + ((index + weekStartsOn) % 7)));\n\t\t\treturn formatter.format(day);\n\t\t});\n\t}, [locale, weekStartsOn]);\n\n\tconst days = useMemo(() => {\n\t\tconst first = { y: month.y, m: month.m, d: 1 };\n\t\tif (!isValidCivil(first)) {\n\t\t\treturn Array.from({ length: 42 }, () => null);\n\t\t}\n\t\tconst startOffset = (utcDate(first).getUTCDay() - weekStartsOn + 7) % 7;\n\t\tconst start = addDays(first, -startOffset);\n\t\tif (!start) {\n\t\t\treturn Array.from({ length: 42 }, (_, index) => addDays(first, index - startOffset));\n\t\t}\n\t\treturn Array.from({ length: 42 }, (_, index) => addDays(start, index));\n\t}, [month, weekStartsOn]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!open) {\n\t\t\treturn;\n\t\t}\n\t\tconst pending = pendingFocusIso.current;\n\t\tlet index = 0;\n\t\tif (pending) {\n\t\t\tpendingFocusIso.current = null;\n\t\t\tindex = days.findIndex((date) => isoOf(date) === pending);\n\t\t\tif (index < 0) {\n\t\t\t\tindex = 0;\n\t\t\t}\n\t\t} else {\n\t\t\tconst focused = document.activeElement;\n\t\t\tconst focusedIso =\n\t\t\t\t!focusDay.current &&\n\t\t\t\tfocused instanceof HTMLElement &&\n\t\t\t\tdayRefs.current.some((node) => node === focused)\n\t\t\t\t\t? focused.getAttribute(\"aria-label\")\n\t\t\t\t\t: null;\n\t\t\tconst focusedIndex = focusedIso ? days.findIndex((date) => isoOf(date) === focusedIso) : -1;\n\t\t\tif (focusedIndex >= 0) {\n\t\t\t\tindex = focusedIndex;\n\t\t\t} else {\n\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\tif (selectedIndex >= 0 && days[selectedIndex]?.m === month.m) {\n\t\t\t\t\tindex = selectedIndex;\n\t\t\t\t} else {\n\t\t\t\t\tconst firstInMonth = days.findIndex((date) => date?.m === month.m);\n\t\t\t\t\tindex = firstInMonth >= 0 ? firstInMonth : 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tconst enabled = (date: Civil | null) =>\n\t\t\tBoolean(date && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate));\n\t\tif (!enabled(days[index] ?? null)) {\n\t\t\tconst inMonth = days.findIndex((date) => date?.m === month.m && enabled(date));\n\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t}\n\t\tsetFocusIndex(index);\n\t\tif (focusDay.current) {\n\t\t\tfocusDay.current = false;\n\t\t\tdayRefs.current[index]?.focus();\n\t\t}\n\t}, [open, cursorIso, submitted, timeZone, days, month.m, min, max, isDisabledDate]);\n\n\tconst previousMonth = shiftMonth(month, -1);\n\tconst followingMonth = shiftMonth(month, 1);\n\tconst rangeFrom = mode === \"range\" ? selectedRange.from : \"\";\n\tconst rangeTo = mode === \"range\" ? selectedRange.to : undefined;\n\tconst label = formatTriggerLabel({\n\t\tmode,\n\t\tselectedDate,\n\t\trangeFrom,\n\t\trangeTo,\n\t\tlocale,\n\t\tformatDate,\n\t});\n\n\tfunction selectable(iso: string) {\n\t\treturn dateSelectable(iso, min, max, isDisabledDate);\n\t}\n\n\tfunction commit(next: string) {\n\t\tif (disabled || readOnly || !selectable(next)) {\n\t\t\treturn;\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tconst current = rangeValue ?? uncontrolledRange;\n\t\t\tconst nextRange =\n\t\t\t\t!current.from || current.to\n\t\t\t\t\t? { from: next }\n\t\t\t\t\t: compareCivil(\n\t\t\t\t\t\t\t\tparseIso(next) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t\tparseIso(current.from) ?? { y: 1, m: 1, d: 1 },\n\t\t\t\t\t\t\t) < 0\n\t\t\t\t\t\t? { from: next, to: current.from }\n\t\t\t\t\t\t: { from: current.from, to: next };\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t}\n\t\t\tonRangeChange?.(nextRange);\n\t\t\tif (nextRange.to) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tif (value === undefined) {\n\t\t\tsetUncontrolled(next);\n\t\t}\n\t\tsetOpen(false);\n\t\tonChange?.(next);\n\t}\n\n\tfunction applyPreset(preset: DatePickerPreset) {\n\t\tif (disabled || readOnly) {\n\t\t\treturn;\n\t\t}\n\t\tif (typeof preset.value === \"string\") {\n\t\t\tif (mode === \"range\") {\n\t\t\t\tif (!selectable(preset.value)) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst nextRange = { from: preset.value, to: preset.value };\n\t\t\t\tif (rangeValue === undefined) {\n\t\t\t\t\tsetUncontrolledRange(nextRange);\n\t\t\t\t}\n\t\t\t\tonRangeChange?.(nextRange);\n\t\t\t\tsetOpen(false);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcommit(preset.value);\n\t\t\treturn;\n\t\t}\n\t\tif (mode === \"range\") {\n\t\t\tif (!selectable(preset.value.from) || !selectable(preset.value.to)) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (rangeValue === undefined) {\n\t\t\t\tsetUncontrolledRange(preset.value);\n\t\t\t}\n\t\t\tonRangeChange?.(preset.value);\n\t\t\tsetOpen(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\topen={open}\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (next && disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (next) {\n\t\t\t\t\tconst synced = (cursorIso ? parseIso(cursorIso) : null) ?? todayCivil(timeZone);\n\t\t\t\t\tsetMonth({ y: synced.y, m: synced.m, d: 1 });\n\t\t\t\t\tfocusDay.current = true;\n\t\t\t\t}\n\t\t\t\tsetOpen(next);\n\t\t\t}}\n\t\t>\n\t\t\t<input\n\t\t\t\tref={hiddenRef}\n\t\t\t\ttype={mode === \"range\" ? \"text\" : \"date\"}\n\t\t\t\tname={name}\n\t\t\t\trequired={required}\n\t\t\t\tmin={mode === \"range\" ? undefined : min}\n\t\t\t\tmax={mode === \"range\" ? undefined : max}\n\t\t\t\tclassName=\"sr-only mb-2 h-7\"\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\twidth: 1,\n\t\t\t\t\theight: 1,\n\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\tclip: \"rect(0, 0, 0, 0)\",\n\t\t\t\t}}\n\t\t\t\tvalue={\n\t\t\t\t\tmode === \"range\" ? (rangeFrom && rangeTo ? `${rangeFrom}/${rangeTo}` : \"\") : submitted\n\t\t\t\t}\n\t\t\t\tonChange={() => undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\t{...formRest}\n\t\t\t/>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tref={triggerRef}\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonFocus={onFocus as ComponentProps<\"button\">[\"onFocus\"]}\n\t\t\t\t\tonBlur={onBlur as ComponentProps<\"button\">[\"onBlur\"]}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tariaLabel ? (label === \"Pick a date\" ? ariaLabel : `${ariaLabel}: ${label}`) : undefined\n\t\t\t\t\t}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\t\tclassName={cn(\"justify-start font-normal\", className)}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent\n\t\t\t\tarrow={false}\n\t\t\t\tclassName=\"w-64 p-3\"\n\t\t\t\taria-label={ariaLabel ? `${ariaLabel} calendar` : \"Date calendar\"}\n\t\t\t\tonOpenAutoFocus={(event) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tconst iso = cursorIso || submitted || formatIso(todayCivil(timeZone));\n\t\t\t\t\tconst selectedIndex = days.findIndex((date) => isoOf(date) === iso);\n\t\t\t\t\tconst enabled = (date: Civil | null) =>\n\t\t\t\t\t\tBoolean(\n\t\t\t\t\t\t\tdate && date.y >= 1 && dateSelectable(formatIso(date), min, max, isDisabledDate),\n\t\t\t\t\t\t);\n\t\t\t\t\tlet index =\n\t\t\t\t\t\tselectedIndex >= 0 && days[selectedIndex]?.m === month.m\n\t\t\t\t\t\t\t? selectedIndex\n\t\t\t\t\t\t\t: Math.max(\n\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\tdays.findIndex((date) => date?.m === month.m),\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\tif (!enabled(days[index] ?? null)) {\n\t\t\t\t\t\tconst inMonth = days.findIndex((date) => date?.m === month.m && enabled(date));\n\t\t\t\t\t\tconst any = days.findIndex((date) => enabled(date));\n\t\t\t\t\t\tindex = inMonth >= 0 ? inMonth : any >= 0 ? any : index;\n\t\t\t\t\t}\n\t\t\t\t\tqueueMicrotask(() => {\n\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{presets && presets.length > 0 ? (\n\t\t\t\t\t<div className=\"mb-2 flex flex-wrap gap-1\">\n\t\t\t\t\t\t{presets.map((preset) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={preset.label}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tclassName=\"h-7 px-2 text-xs\"\n\t\t\t\t\t\t\t\tdisabled={disabled || readOnly}\n\t\t\t\t\t\t\t\tonClick={() => applyPreset(preset)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{preset.label}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t<div className=\"mb-2 flex items-center justify-between gap-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronLeft />}\n\t\t\t\t\t\taria-label=\"Prev\"\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !previousMonth || previousMonth.y < 1}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!previousMonth || previousMonth.y < 1) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\tsetMonth(previousMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"text-sm font-medium\">\n\t\t\t\t\t\t{formatCivil(month, locale, { month: \"long\", year: \"numeric\" })}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronRight />}\n\t\t\t\t\t\taria-label=\"Next\"\n\t\t\t\t\t\tclassName=\"size-8\"\n\t\t\t\t\t\tdisabled={disabled || !followingMonth}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (!followingMonth) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfocusDay.current = false;\n\t\t\t\t\t\t\tsetMonth(followingMonth);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"grid grid-cols-7 gap-1 text-center\"\n\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\tconst current = days[focusIndex];\n\t\t\t\t\t\tif (!current) {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tevent.key === \"ArrowRight\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowLeft\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowDown\" ||\n\t\t\t\t\t\t\tevent.key === \"ArrowUp\"\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst delta =\n\t\t\t\t\t\t\t\tevent.key === \"ArrowRight\"\n\t\t\t\t\t\t\t\t\t? 1\n\t\t\t\t\t\t\t\t\t: event.key === \"ArrowLeft\"\n\t\t\t\t\t\t\t\t\t\t? -1\n\t\t\t\t\t\t\t\t\t\t: event.key === \"ArrowDown\"\n\t\t\t\t\t\t\t\t\t\t\t? 7\n\t\t\t\t\t\t\t\t\t\t\t: -7;\n\t\t\t\t\t\t\tlet next = addDays(current, delta);\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet step = 0;\n\t\t\t\t\t\t\t\tnext && next.y >= 1 && !selectable(formatIso(next)) && step < 42;\n\t\t\t\t\t\t\t\tstep += 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tnext = addDays(next, delta);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!next || next.y < 1 || !selectable(formatIso(next))) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (next.y !== month.y || next.m !== month.m) {\n\t\t\t\t\t\t\t\tpendingFocusIso.current = formatIso(next);\n\t\t\t\t\t\t\t\tfocusDay.current = true;\n\t\t\t\t\t\t\t\tsetMonth({ y: next.y, m: next.m, d: 1 });\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst index = days.findIndex((date) => isoOf(date) === formatIso(next));\n\t\t\t\t\t\t\tif (index >= 0) {\n\t\t\t\t\t\t\t\tsetFocusIndex(index);\n\t\t\t\t\t\t\t\tdayRefs.current[index]?.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tconst iso = formatIso(current);\n\t\t\t\t\t\t\tif (current.y >= 1 && selectable(iso)) {\n\t\t\t\t\t\t\t\tcommit(iso);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{weekdayLabels.map((day, index) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={`${day}-${index}`}\n\t\t\t\t\t\t\tclassName=\"flex h-8 items-center justify-center text-xs font-medium text-basalt-muted-foreground\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{day}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t\t{days.map((date, index) => {\n\t\t\t\t\t\tif (!date) {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tkey={`empty-${index}`}\n\t\t\t\t\t\t\t\t\tclassName=\"h-8\"\n\t\t\t\t\t\t\t\t\tref={() => {\n\t\t\t\t\t\t\t\t\t\tdayRefs.current[index] = null;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst iso = formatIso(date);\n\t\t\t\t\t\tconst inMonth = date.m === month.m;\n\t\t\t\t\t\tconst inRange = date.y >= 1 && selectable(iso);\n\t\t\t\t\t\tconst fromDate = rangeFrom ? parseIso(rangeFrom) : null;\n\t\t\t\t\t\tconst toDate = rangeTo ? parseIso(rangeTo) : null;\n\t\t\t\t\t\tconst thisDate = parseIso(iso);\n\t\t\t\t\t\tconst inSelectedRange = Boolean(\n\t\t\t\t\t\t\tfromDate &&\n\t\t\t\t\t\t\t\ttoDate &&\n\t\t\t\t\t\t\t\tthisDate &&\n\t\t\t\t\t\t\t\tcompareCivil(thisDate, fromDate) >= 0 &&\n\t\t\t\t\t\t\t\tcompareCivil(thisDate, toDate) <= 0,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst isRangeEdge = iso === rangeFrom || iso === rangeTo;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tkey={iso}\n\t\t\t\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\t\t\t\tdayRefs.current[index] = node;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={index === focusIndex ? 0 : -1}\n\t\t\t\t\t\t\t\taria-label={iso}\n\t\t\t\t\t\t\t\taria-pressed={\n\t\t\t\t\t\t\t\t\tmode === \"range\"\n\t\t\t\t\t\t\t\t\t\t? iso === rangeFrom || iso === rangeTo\n\t\t\t\t\t\t\t\t\t\t: Boolean(submitted) && iso === submitted\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={disabled || readOnly || !inRange}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tCALENDAR_BUTTON,\n\t\t\t\t\t\t\t\t\t\"flex h-8 w-8 items-center justify-center rounded-basalt-md text-sm\",\n\t\t\t\t\t\t\t\t\tinMonth ? \"text-basalt-foreground\" : \"text-basalt-muted-foreground\",\n\t\t\t\t\t\t\t\t\tinRange && \"hover:bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\tinSelectedRange && !isRangeEdge && \"bg-basalt-accent\",\n\t\t\t\t\t\t\t\t\tinRange &&\n\t\t\t\t\t\t\t\t\t\t(mode === \"range\" ? isRangeEdge : iso === submitted) &&\n\t\t\t\t\t\t\t\t\t\t\"bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => inRange && commit(iso)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{date.d}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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"}

package/dist/components/dialog.d.ts

@@ -0,0 +1,37 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+export declare const DIALOG_SIZES: {
+    readonly sm: "sm:w-72";
+    readonly base: "sm:w-96";
+    readonly lg: "sm:w-[32rem]";
+    readonly xl: "sm:w-[48rem]";
+};
+export type DialogSize = keyof typeof DIALOG_SIZES;
+export declare function dialogOverlayClass(className?: string): string;
+export declare function dialogPanelClass({ size, className, }?: {
+    size?: DialogSize;
+    className?: string;
+}): string;
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    size?: DialogSize;
+    disablePointerDismissal?: boolean;
+};
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: DialogSize;
+    disablePointerDismissal?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace DialogHeader {
+    var displayName: string;
+}
+export declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace DialogFooter {
+    var displayName: string;
+}

package/dist/components/dialog.js

@@ -0,0 +1,67 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { OVERLAY_LAYER as t, OVERLAY_MOTION as n } from "./overlay.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dialog";
+//#region src/components/dialog.tsx
+var s = {
+	sm: "sm:w-72",
+	base: "sm:w-96",
+	lg: "sm:w-[32rem]",
+	xl: "sm:w-[48rem]"
+};
+function c(r) {
+	return e("fixed inset-0 bg-black/40 backdrop-blur-md", t, "data-[state=open]:animate-basalt-overlay-in data-[state=closed]:animate-basalt-overlay-out", n, r);
+}
+function l({ size: r = "base", className: i } = {}) {
+	return e("fixed top-1/2 left-1/2 w-full max-h-[calc(100vh-2rem)] max-w-[calc(100vw-2rem)] origin-center -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-basalt-lg bg-basalt-background p-8 text-basalt-foreground shadow-lg ring-1 ring-basalt-border", t, "data-[state=open]:animate-basalt-dialog-in data-[state=closed]:animate-basalt-dialog-out", n, s[r], i);
+}
+var u = o.Root, d = o.Trigger, f = o.Close, p = o.Portal, m = r.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ i(o.Overlay, {
+	ref: n,
+	className: c(e),
+	...t
+}));
+m.displayName = o.Overlay.displayName;
+var h = r.forwardRef(({ className: e, children: t, size: n = "base", disablePointerDismissal: r = !1, onPointerDownOutside: s, onInteractOutside: c, ...u }, d) => /* @__PURE__ */ a(p, { children: [/* @__PURE__ */ i(m, {}), /* @__PURE__ */ i(o.Content, {
+	ref: d,
+	className: l({
+		size: n,
+		className: e
+	}),
+	onPointerDownOutside: (e) => {
+		r && e.preventDefault(), s?.(e);
+	},
+	onInteractOutside: (e) => {
+		r && e.preventDefault(), c?.(e);
+	},
+	...u,
+	children: t
+})] }));
+h.displayName = o.Content.displayName;
+var g = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(o.Title, {
+	ref: r,
+	className: e("text-2xl font-semibold tracking-tight", t),
+	...n
+}));
+g.displayName = o.Title.displayName;
+var _ = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(o.Description, {
+	ref: r,
+	className: e("text-base text-basalt-muted-foreground", t),
+	...n
+}));
+_.displayName = o.Description.displayName;
+var v = ({ className: t, ...n }) => /* @__PURE__ */ i("div", {
+	className: e("flex flex-col space-y-1.5 text-left", t),
+	...n
+});
+v.displayName = "DialogHeader";
+var y = ({ className: t, ...n }) => /* @__PURE__ */ i("div", {
+	className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+	...n
+});
+y.displayName = "DialogFooter";
+//#endregion
+export { s as DIALOG_SIZES, u as Dialog, f as DialogClose, h as DialogContent, _ as DialogDescription, y as DialogFooter, v as DialogHeader, m as DialogOverlay, p as DialogPortal, g as DialogTitle, d as DialogTrigger, c as dialogOverlayClass, l as dialogPanelClass };
+
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nexport const DIALOG_SIZES = {\n\tsm: \"sm:w-72\",\n\tbase: \"sm:w-96\",\n\tlg: \"sm:w-[32rem]\",\n\txl: \"sm:w-[48rem]\",\n} as const;\n\nexport type DialogSize = keyof typeof DIALOG_SIZES;\n\nexport function dialogOverlayClass(className?: string) {\n\treturn cn(\n\t\t\"fixed inset-0 bg-black/40 backdrop-blur-md\",\n\t\tOVERLAY_LAYER,\n\t\t\"data-[state=open]:animate-basalt-overlay-in data-[state=closed]:animate-basalt-overlay-out\",\n\t\tOVERLAY_MOTION,\n\t\tclassName,\n\t);\n}\n\nexport function dialogPanelClass({\n\tsize = \"base\",\n\tclassName,\n}: {\n\tsize?: DialogSize;\n\tclassName?: string;\n} = {}) {\n\treturn cn(\n\t\t\"fixed top-1/2 left-1/2 w-full max-h-[calc(100vh-2rem)] max-w-[calc(100vw-2rem)] origin-center -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-basalt-lg bg-basalt-background p-8 text-basalt-foreground shadow-lg ring-1 ring-basalt-border\",\n\t\tOVERLAY_LAYER,\n\t\t\"data-[state=open]:animate-basalt-dialog-in data-[state=closed]:animate-basalt-dialog-out\",\n\t\tOVERLAY_MOTION,\n\t\tDIALOG_SIZES[size],\n\t\tclassName,\n\t);\n}\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogClose = DialogPrimitive.Close;\nexport const DialogPortal = DialogPrimitive.Portal;\n\nexport const DialogOverlay = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Overlay>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Overlay ref={ref} className={dialogOverlayClass(className)} {...props} />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n\tsize?: DialogSize;\n\tdisablePointerDismissal?: boolean;\n};\n\nexport const DialogContent = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\n\tDialogContentProps\n>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tchildren,\n\t\t\tsize = \"base\",\n\t\t\tdisablePointerDismissal = false,\n\t\t\tonPointerDownOutside,\n\t\t\tonInteractOutside,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => (\n\t\t<DialogPortal>\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\tclassName={dialogPanelClass({ size, className })}\n\t\t\t\tonPointerDownOutside={(event) => {\n\t\t\t\t\tif (disablePointerDismissal) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t\tonPointerDownOutside?.(event);\n\t\t\t\t}}\n\t\t\t\tonInteractOutside={(event) => {\n\t\t\t\t\tif (disablePointerDismissal) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t\tonInteractOutside?.(event);\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t),\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport const DialogTitle = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Title\n\t\tref={ref}\n\t\tclassName={cn(\"text-2xl font-semibold tracking-tight\", className)}\n\t\t{...props}\n\t/>\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nexport const DialogDescription = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Description\n\t\tref={ref}\n\t\tclassName={cn(\"text-base text-basalt-muted-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div className={cn(\"flex flex-col space-y-1.5 text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nexport const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div\n\t\tclassName={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n\t\t{...props}\n\t/>\n);\nDialogFooter.displayName = \"DialogFooter\";\n"],"mappings":";;;;;;;AAKA,IAAa,IAAe;CAC3B,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL;AAIA,SAAgB,EAAmB,GAAoB;CACtD,OAAO,EACN,8CACA,GACA,8FACA,GACA,CACD;AACD;AAEA,SAAgB,EAAiB,EAChC,UAAO,QACP,iBAIG,CAAC,GAAG;CACP,OAAO,EACN,yPACA,GACA,4FACA,GACA,EAAa,IACb,CACD;AACD;AAEA,IAAa,IAAS,EAAgB,MACzB,IAAgB,EAAgB,SAChC,IAAc,EAAgB,OAC9B,IAAe,EAAgB,QAE/B,IAAgB,EAAM,YAGhC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,SAAjB;CAA8B;CAAK,WAAW,EAAmB,CAAS;CAAG,GAAI;AAAQ,CAAA,CACzF;AACD,EAAc,cAAc,EAAgB,QAAQ;AAOpD,IAAa,IAAgB,EAAM,YAKjC,EACC,cACA,aACA,UAAO,QACP,6BAA0B,IAC1B,yBACA,sBACA,GAAG,KAEJ,MAEA,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,CAAgB,CAAA,GAChB,kBAAC,EAAgB,SAAjB;CACM;CACL,WAAW,EAAiB;EAAE;EAAM;CAAU,CAAC;CAC/C,uBAAuB,MAAU;EAIhC,AAHI,KACH,EAAM,eAAe,GAEtB,IAAuB,CAAK;CAC7B;CACA,oBAAoB,MAAU;EAI7B,AAHI,KACH,EAAM,eAAe,GAEtB,IAAoB,CAAK;CAC1B;CACA,GAAI;CAEH;AACuB,CAAA,CACZ,EAAA,CAAA,CAEhB;AACA,EAAc,cAAc,EAAgB,QAAQ;AAEpD,IAAa,IAAc,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,OAAjB;CACM;CACL,WAAW,EAAG,yCAAyC,CAAS;CAChE,GAAI;AACJ,CAAA,CACD;AACD,EAAY,cAAc,EAAgB,MAAM;AAEhD,IAAa,IAAoB,EAAM,YAGpC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,aAAjB;CACM;CACL,WAAW,EAAG,0CAA0C,CAAS;CACjE,GAAI;AACJ,CAAA,CACD;AACD,EAAkB,cAAc,EAAgB,YAAY;AAE5D,IAAa,KAAgB,EAAE,cAAW,GAAG,QAC5C,kBAAC,OAAD;CAAK,WAAW,EAAG,uCAAuC,CAAS;CAAG,GAAI;AAAQ,CAAA;AAEnF,EAAa,cAAc;AAE3B,IAAa,KAAgB,EAAE,cAAW,GAAG,QAC5C,kBAAC,OAAD;CACC,WAAW,EAAG,0DAA0D,CAAS;CACjF,GAAI;AACJ,CAAA;AAEF,EAAa,cAAc"}