@nocoo/basalt 2.0.3 → 2.1.0

package/dist/components/date-picker.js

@@ -2,30 +2,31 @@
 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";
+import * as a from "react";
+import { useEffect as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { ChevronLeft as ee, ChevronRight as d } from "lucide-react";
+import { jsx as f, jsxs as p } 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)}`;
+	return String(e).padStart(2, "0");
 }
 function h(e) {
+	return `${String(e.y).padStart(4, "0")}-${m(e.m)}-${m(e.d)}`;
+}
+function g(e) {
 	let t = new Date(Date.UTC(e.y, e.m - 1, e.d));
 	return t.setUTCFullYear(e.y), t;
 }
-function g(e) {
+function _(e) {
 	let t = new Date(e.y, e.m - 1, e.d);
 	return t.setFullYear(e.y), t;
 }
-function _(e) {
+function v(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({
+	let a = g({
 		y: n,
 		m: r,
 		d: i
@@ -36,8 +37,24 @@ function _(e) {
 		d: i
 	};
 }
-var te = "appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer";
-function v(e) {
+function te(e) {
+	if (!e) return null;
+	let t = /^(\d{4,})-(\d{2})$/.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]);
+	if (n < 1 || r < 1 || r > 12) return null;
+	let i = {
+		y: n,
+		m: r,
+		d: 1
+	};
+	return w(i) ? i : null;
+}
+function y(e) {
+	return `${String(e.y).padStart(4, "0")}-${m(e.m)}`;
+}
+var ne = "appearance-none border-0 bg-transparent p-0 font-inherit text-inherit cursor-pointer";
+function b(e) {
 	let t = new Intl.DateTimeFormat("en-CA", {
 		timeZone: e,
 		year: "numeric",
@@ -50,186 +67,244 @@ function v(e) {
 		d: n("day")
 	};
 }
-function y(e, t, n) {
+function re(e, t, n) {
 	return new Intl.DateTimeFormat(t, {
 		...n,
 		timeZone: "UTC",
 		calendar: "gregory"
-	}).format(h(e));
+	}).format(g(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;
+function ie(e) {
+	return e % 4 == 0 && e % 100 != 0 || e % 400 == 0;
+}
+function x(e, t) {
+	return t === 2 ? ie(e) ? 29 : 28 : t === 4 || t === 6 || t === 9 || t === 11 ? 30 : 31;
+}
+function ae(e, t) {
+	let n = e.y * 12 + (e.m - 1) + t, r = Math.floor(n / 12);
+	if (r < 1) return null;
+	let i = (n % 12 + 12) % 12 + 1, a = x(r, i), o = {
+		y: r,
+		m: i,
+		d: Math.min(e.d, a)
+	};
+	return w(o) ? o : null;
+}
+function oe({ mode: e, selectedDate: t, rangeFrom: n, rangeTo: r, locale: i, formatDate: a, placeholder: o = "Pick a date" }) {
+	function s(e) {
+		let t = v(e);
+		return t ? a?.(_(t)) ?? re(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";
+	return e === "range" ? n ? r ? `${s(n)} – ${s(r)}` : `${s(n)} – …` : o : t ? a?.(_(t)) ?? re(t, i, { dateStyle: "medium" }) : o;
 }
-function b(e, t) {
+function S(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 C(e, t, n) {
+	let r = v(e), i = t ? v(t) : null, a = n ? v(n) : null;
+	return !(!r || i && S(r, i) < 0 || a && S(r, a) > 0);
 }
-function x(e, t, n, r) {
-	return re(e, t, n) && !r?.(e);
+function se(e, t, n, r) {
+	return C(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 ce(e, t, n) {
+	let r = t ? v(t) : null, i = n ? v(n) : null;
+	return r && S(e, r) < 0 ? r : i && S(e, i) > 0 ? i : e;
 }
-function S(e) {
+function w(e) {
 	if (!Number.isFinite(e.y) || e.m < 1 || e.m > 12 || e.d < 1 || e.d > 31) return !1;
-	let t = h(e);
+	let t = g(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 T(e) {
+	return e ? h(e) : "";
 }
-function w(e, t) {
-	let n = h(e);
+function E(e, t) {
+	let n = g(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;
+	return w(r) ? r : null;
 }
-function ae(e, t) {
+function le(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;
+	return w(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 ?? {
+function D({ value: m, defaultValue: _ = "", onChange: ie, mode: x = "single", month: C, defaultMonth: D, onMonthChange: ue, rangeValue: O, defaultRangeValue: de, onRangeChange: fe, isDisabledDate: pe, presets: me, locale: he = "en-US", weekStartsOn: k = 0, timeZone: A, formatDate: ge, name: _e, required: ve, min: j, max: M, disabled: N, className: ye, id: P, "aria-label": F, "aria-describedby": be, "aria-invalid": xe, labels: I, ...Se }) {
+	let { ref: L, readOnly: R, autoFocus: Ce, onFocus: we, onBlur: Te, onInvalid: Ee, "aria-labelledby": De, ...Oe } = Se, [ke, Ae] = u(_), [je, Me] = u(de ?? {
 		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({
+	}), [z, B] = u(!1), [Ne, Pe] = u(!1), [Fe, Ie] = u(""), [Le, Re] = u(0), V = l([]), H = l(null), U = l(!1), W = l(null), ze = l(null), Be = a.useId(), Ve = P ? `${P}-error` : Be, He = a.useId(), Ue = P ? `${P}-month-live` : He, We = a.useId(), Ge = P ? `${P}-keyboard-instructions` : We, Ke = m ?? ke, qe = O ?? je, G = v(x === "range" ? qe.to || qe.from || "" : Ke), K = G ? h(G) : "";
+	o(() => {
+		K && (Pe(!1), Ie(""));
+	}, [K]);
+	let q = x === "range" ? "" : K, Je = c(() => te(C), [C]), Ye = Je !== null, [Xe, Ze] = u(() => {
+		let e = te(D);
+		if (e) return e;
+		let t = ce(G ?? b(A), j, M);
+		return {
+			y: t.y,
+			m: t.m,
+			d: 1
+		};
+	}), J = Je ?? Xe, Qe = y(J), $e = (e) => {
+		let t = y(e);
+		Ye || Ze(e), ue?.(t);
+	}, et = l(K);
+	if (z && et.current !== K && (U.current = !0, C === void 0 && D === void 0)) {
+		let e = G ?? b(A);
+		(J.y !== e.y || J.m !== e.m) && Ze({
 			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);
+	et.current = K;
+	let tt = C !== void 0 || D !== void 0;
+	o(() => {
+		if (z && !tt) {
+			let e = ce((K ? v(K) : null) ?? b(A), j, M);
+			Ze({
+				y: e.y,
+				m: e.m,
+				d: 1
+			}), K || (U.current = !0);
+		}
 	}, [
-		R,
-		G,
+		z,
+		K,
+		A,
 		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 ?? {
+		tt
+	]), o(() => {
+		N && B(!1);
+	}, [N]), o(() => {
+		Ce && ze.current?.focus();
+	}, [Ce]);
+	let nt = l({
+		defaultValue: _,
+		defaultRangeValue: de,
+		mode: x,
+		rangeValue: O,
+		value: m
+	});
+	o(() => {
+		nt.current = {
+			defaultValue: _,
+			defaultRangeValue: de,
+			mode: x,
+			rangeValue: O,
+			value: m
+		};
+	});
+	let rt = Oe.form;
+	o(() => {
+		let e = W.current?.form;
+		if (!e || rt && e.id !== rt) return;
+		let t = !1, n = /* @__PURE__ */ new Set(), r = (e) => {
+			let r = setTimeout(() => {
+				if (n.delete(r), t || e.defaultPrevented) return;
+				let i = nt.current;
+				(i.mode === "range" ? i.rangeValue === void 0 : i.value === void 0) && (Ae(i.defaultValue), Me(i.defaultRangeValue ?? {
 					from: "",
 					to: void 0
-				}), z(!1));
-			});
+				})), Pe(!1), Ie(""), B(!1);
+			}, 0);
+			n.add(r);
 		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [
-		oe,
-		g,
-		T,
-		E,
-		p
-	]);
-	let je = s(() => {
-		let e = new Intl.DateTimeFormat(k, {
+		return e.addEventListener("reset", r), () => {
+			t = !0;
+			for (let e of n) clearTimeout(e);
+			n.clear(), e.removeEventListener("reset", r);
+		};
+	}, [rt]);
+	let it = c(() => {
+		let e = new Intl.DateTimeFormat(he, {
 			weekday: "short",
 			timeZone: "UTC"
 		});
 		return Array.from({ length: 7 }, (t, n) => {
-			let r = new Date(Date.UTC(2024, 0, 7 + (n + A) % 7));
+			let r = new Date(Date.UTC(2024, 0, 7 + (n + k) % 7));
 			return e.format(r);
 		});
-	}, [k, A]), Y = s(() => {
+	}, [he, k]), Y = c(() => {
 		let e = {
-			y: q.y,
-			m: q.m,
+			y: J.y,
+			m: J.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 (!w(e)) return Array.from({ length: 42 }, () => null);
+		let t = (g(e).getUTCDay() - k + 7) % 7, n = E(e, -t);
+		return n ? Array.from({ length: 42 }, (e, t) => E(n, t)) : Array.from({ length: 42 }, (n, r) => E(e, r - t));
+	}, [J, k]);
+	s(() => {
+		if (!z) return;
+		let e = H.current, t = 0;
+		if (e) {
+			if (e.targetMonthKey === Qe) H.current = null, t = Y.findIndex((t) => T(t) === e.iso), t < 0 && (t = 0), U.current = !0;
+			else {
+				let e = document.activeElement, n = e instanceof HTMLElement && V.current.some((t) => t === e) ? e.getAttribute("aria-label") : null, r = n ? Y.findIndex((e) => T(e) === n) : -1;
+				t = r >= 0 ? r : Le;
+			}
+		} else {
+			let e = document.activeElement, n = !U.current && e instanceof HTMLElement && V.current.some((t) => t === e) ? e.getAttribute("aria-label") : null, r = n ? Y.findIndex((e) => T(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;
+				let e = K || q || h(b(A)), n = Y.findIndex((t) => T(t) === e);
+				if (n >= 0 && Y[n]?.m === J.m) t = n;
 				else {
-					let e = Y.findIndex((e) => e?.m === q.m);
+					let e = Y.findIndex((e) => e?.m === J.m);
 					t = e >= 0 ? e : 0;
 				}
 			}
 		}
-		let n = (e) => !!(e && e.y >= 1 && x(m(e), M, N, D));
+		let n = (e) => !!(e && e.y >= 1 && se(h(e), j, M, pe));
 		if (!n(Y[t] ?? null)) {
-			let e = Y.findIndex((e) => e?.m === q.m && n(e)), r = Y.findIndex((e) => n(e));
+			let e = Y.findIndex((e) => e?.m === J.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());
+		Re(t), U.current && (U.current = !1, V.current[t]?.focus());
 	}, [
-		R,
-		G,
+		z,
 		K,
-		j,
+		q,
+		A,
 		Y,
-		q.m,
+		J.m,
+		Qe,
+		Le,
+		j,
 		M,
-		N,
-		D
+		pe
 	]);
-	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,
+	let X = le(J, -1), at = le(J, 1), Z = x === "range" ? qe.from : "", Q = x === "range" ? qe.to : void 0, ot = oe({
+		mode: x,
+		selectedDate: G,
 		rangeFrom: Z,
 		rangeTo: Q,
-		locale: k,
-		formatDate: ce
-	});
+		locale: he,
+		formatDate: ge,
+		placeholder: I?.placeholder
+	}), st = I?.calendar ?? (F ? `${F} calendar` : "Date calendar"), ct = I?.previousMonth ?? "Prev", lt = I?.nextMonth ?? "Next";
 	function $(e) {
-		return x(e, M, N, D);
+		return se(e, j, M, pe);
 	}
-	function Pe(e) {
-		if (!(P || I || !$(e))) {
-			if (T === "range") {
-				let t = E ?? Ce, n = !t.from || t.to ? { from: e } : b(_(e) ?? {
+	function ut(e) {
+		if (!(N || R || !$(e))) {
+			if (e && (Pe(!1), Ie("")), x === "range") {
+				let t = O ?? je, n = !t.from || t.to ? { from: e } : S(v(e) ?? {
 					y: 1,
 					m: 1,
 					d: 1
-				}, _(t.from) ?? {
+				}, v(t.from) ?? {
 					y: 1,
 					m: 1,
 					d: 1
@@ -240,56 +315,75 @@ function T({ value: p, defaultValue: g = "", onChange: re, mode: T = "single", r
 					from: t.from,
 					to: e
 				};
-				E === void 0 && L(n), se?.(n), n.to && z(!1);
+				O === void 0 && Me(n), fe?.(n), n.to && B(!1);
 				return;
 			}
-			p === void 0 && Se(e), z(!1), re?.(e);
+			m === void 0 && Ae(e), B(!1), ie?.(e);
 		}
 	}
-	function Fe(e) {
-		if (!(P || I)) {
+	function dt(e) {
+		if (!(N || R)) {
 			if (typeof e.value == "string") {
-				if (T === "range") {
+				if (x === "range") {
 					if (!$(e.value)) return;
 					let t = {
 						from: e.value,
 						to: e.value
 					};
-					E === void 0 && L(t), se?.(t), z(!1);
+					O === void 0 && Me(t), fe?.(t), B(!1);
 					return;
 				}
-				Pe(e.value);
+				ut(e.value);
 				return;
 			}
-			if (T === "range") {
+			if (x === "range") {
 				if (!$(e.value.from) || !$(e.value.to)) return;
-				E === void 0 && L(e.value), se?.(e.value), z(!1);
+				O === void 0 && Me(e.value), fe?.(e.value), B(!1);
 			}
 		}
 	}
-	return /* @__PURE__ */ f(n, {
-		open: R,
+	let ft = a.useCallback((e) => {
+		if (W.current = e, L) {
+			if (typeof L == "function") {
+				let t = L(e);
+				return typeof t == "function" ? () => {
+					W.current = null, t();
+				} : () => {
+					W.current = null, L(null);
+				};
+			}
+			return L.current = e, () => {
+				W.current = null, L.current = null;
+			};
+		}
+	}, [L]), pt = xe ?? (Ne || void 0), mt = pt === !0 || pt === "true" || pt === "grammar" || pt === "spelling", ht = [be, Ne && Ve ? Ve : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ p(n, {
+		open: z,
 		onOpenChange: (e) => {
-			if (!(e && P)) {
+			if (!(e && N)) {
 				if (e) {
-					let e = (G ? _(G) : null) ?? v(j);
-					J({
-						y: e.y,
-						m: e.m,
-						d: 1
-					}), H.current = !0;
-				}
-				z(e);
+					if (H.current = null, C === void 0 && D === void 0) {
+						let e = (K ? v(K) : null) ?? b(A);
+						Ze({
+							y: e.y,
+							m: e.m,
+							d: 1
+						});
+					}
+					U.current = !0;
+				} else H.current = null;
+				B(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,
+			/* @__PURE__ */ f("input", {
+				ref: ft,
+				type: x === "range" ? "text" : "date",
+				name: _e,
+				required: ve,
+				readOnly: R,
+				min: x === "range" ? void 0 : j,
+				max: x === "range" ? void 0 : M,
 				className: "sr-only mb-2 h-7",
 				style: {
 					position: "absolute",
@@ -298,148 +392,222 @@ function T({ value: p, defaultValue: g = "", onChange: re, mode: T = "single", r
 					overflow: "hidden",
 					clip: "rect(0, 0, 0, 0)"
 				},
-				value: T === "range" ? Z && Q ? `${Z}/${Q}` : "" : K,
+				value: x === "range" ? Z && Q ? `${Z}/${Q}` : "" : q,
 				onChange: () => void 0,
-				disabled: P,
+				onInvalid: (e) => {
+					Ee?.(e), e.defaultPrevented || (e.preventDefault(), Pe(!0), Ie(I?.validationMessage || e.target.validationMessage || "Please fill out this field."), ze.current?.focus());
+				},
+				disabled: N,
 				"aria-hidden": "true",
 				tabIndex: -1,
-				...be
+				...Oe
 			}),
-			/* @__PURE__ */ d(i, {
+			/* @__PURE__ */ f(i, {
 				asChild: !0,
-				children: /* @__PURE__ */ d(t, {
+				children: /* @__PURE__ */ f(t, {
 					type: "button",
-					ref: De,
-					id: fe,
+					ref: ze,
+					id: P,
 					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
+					disabled: N,
+					onFocus: we,
+					onBlur: Te,
+					"aria-labelledby": De,
+					"aria-label": F ? ot === "Pick a date" ? F : `${F}: ${ot}` : void 0,
+					"aria-describedby": ht,
+					"aria-invalid": pt,
+					className: e("justify-start font-normal", mt && "border-basalt-destructive text-basalt-destructive", ye),
+					children: ot
 				})
 			}),
-			/* @__PURE__ */ f(r, {
+			Ne && Fe ? /* @__PURE__ */ f("span", {
+				id: Ve,
+				role: "alert",
+				className: "mt-1 block text-xs text-basalt-destructive",
+				children: Fe
+			}) : null,
+			/* @__PURE__ */ p(r, {
 				arrow: !1,
 				className: "w-64 p-3",
-				"aria-label": F ? `${F} calendar` : "Date calendar",
+				"aria-label": st,
+				"aria-describedby": Ge,
 				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));
+					let t = K || q || h(b(A)), n = Y.findIndex((e) => T(e) === t), r = (e) => !!(e && e.y >= 1 && se(h(e), j, M, pe)), i = n >= 0 && Y[n]?.m === J.m ? n : Math.max(0, Y.findIndex((e) => e?.m === J.m));
 					if (!r(Y[i] ?? null)) {
-						let e = Y.findIndex((e) => e?.m === q.m && r(e)), t = Y.findIndex((e) => r(e));
+						let e = Y.findIndex((e) => e?.m === J.m && r(e)), t = Y.findIndex((e) => r(e));
 						i = e >= 0 ? e : t >= 0 ? t : i;
 					}
 					queueMicrotask(() => {
-						B.current[i]?.focus();
+						V.current[i]?.focus();
 					});
 				},
 				children: [
-					O && O.length > 0 ? /* @__PURE__ */ d("div", {
+					me && me.length > 0 ? /* @__PURE__ */ f("div", {
 						className: "mb-2 flex flex-wrap gap-1",
-						children: O.map((e) => /* @__PURE__ */ d(t, {
+						children: me.map((e) => /* @__PURE__ */ f(t, {
 							type: "button",
 							variant: "ghost",
 							className: "h-7 px-2 text-xs",
-							disabled: P || I,
-							onClick: () => Fe(e),
+							disabled: N || R,
+							onClick: () => dt(e),
 							children: e.label
 						}, e.label))
 					}) : null,
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "mb-2 flex items-center justify-between gap-2",
 						children: [
-							/* @__PURE__ */ d(t, {
+							/* @__PURE__ */ f(t, {
 								type: "button",
 								variant: "ghost",
 								size: "icon",
-								icon: /* @__PURE__ */ d(u, {}),
-								"aria-label": "Prev",
+								icon: /* @__PURE__ */ f(ee, {}),
+								"aria-label": ct,
 								className: "size-8",
-								disabled: P || !X || X.y < 1,
+								disabled: N || !X || X.y < 1,
 								onClick: () => {
-									!X || X.y < 1 || (H.current = !1, J(X));
+									!X || X.y < 1 || (H.current = null, U.current = !1, $e(X));
 								}
 							}),
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ f("span", {
+								id: Ue,
+								"aria-live": "polite",
+								"aria-atomic": "true",
 								className: "text-sm font-medium",
-								children: y(q, k, {
+								children: re(J, he, {
 									month: "long",
 									year: "numeric"
 								})
 							}),
-							/* @__PURE__ */ d(t, {
+							/* @__PURE__ */ f(t, {
 								type: "button",
 								variant: "ghost",
 								size: "icon",
-								icon: /* @__PURE__ */ d(ee, {}),
-								"aria-label": "Next",
+								icon: /* @__PURE__ */ f(d, {}),
+								"aria-label": lt,
 								className: "size-8",
-								disabled: P || !Me,
+								disabled: N || !at,
 								onClick: () => {
-									Me && (H.current = !1, J(Me));
+									at && (H.current = null, U.current = !1, $e(at));
 								}
 							})
 						]
 					}),
-					/* @__PURE__ */ f("div", {
-						className: "grid grid-cols-7 gap-1 text-center",
+					/* @__PURE__ */ f("p", {
+						id: Ge,
+						className: "sr-only",
+						children: I?.keyboardInstructions ?? "Use arrow keys to navigate dates, PageUp and PageDown to change months, and Enter or Space to select."
+					}),
+					/* @__PURE__ */ p("table", {
+						role: "grid",
+						"aria-labelledby": Ue,
+						"aria-multiselectable": x === "range" ? "true" : void 0,
+						className: "w-full border-collapse text-center",
 						onKeyDown: (e) => {
-							let t = Y[we];
+							let t = Y[Le];
 							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({
+									let n = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : e.key === "ArrowDown" ? 7 : -7, r = E(t, n);
+									for (let e = 0; r && r.y >= 1 && !$(h(r)) && e < 42; e += 1) r = E(r, n);
+									if (!r || r.y < 1 || !$(h(r))) return;
+									if (r.y !== J.y || r.m !== J.m) {
+										H.current = {
+											targetMonthKey: y(r),
+											iso: h(r)
+										}, $e({
 											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());
+									let i = Y.findIndex((e) => T(e) === h(r));
+									i >= 0 && (Re(i), V.current[i]?.focus());
+									return;
+								}
+								if (e.key === "Home" || e.key === "End") {
+									e.preventDefault();
+									let n = (g(t).getUTCDay() - k + 7) % 7, r = E(t, e.key === "Home" ? -n : 6 - n), i = e.key === "Home" ? 1 : -1;
+									for (let e = 0; r && r.y >= 1 && !$(h(r)) && e < 7; e += 1) r = E(r, i);
+									if (!r || r.y < 1 || !$(h(r))) return;
+									if (r.y !== J.y || r.m !== J.m) {
+										H.current = {
+											targetMonthKey: y(r),
+											iso: h(r)
+										}, $e({
+											y: r.y,
+											m: r.m,
+											d: 1
+										});
+										return;
+									}
+									let a = Y.findIndex((e) => T(e) === h(r));
+									a >= 0 && (Re(a), V.current[a]?.focus());
+									return;
+								}
+								if (e.key === "PageDown" || e.key === "PageUp") {
+									e.preventDefault();
+									let n = ae(t, e.shiftKey ? e.key === "PageDown" ? 12 : -12 : e.key === "PageDown" ? 1 : -1);
+									if (!n) return;
+									let r = n;
+									for (let e = 0; r && r.y >= 1 && !$(h(r)) && e < 42; e += 1) r = E(r, 1);
+									if (!r || r.y < 1 || !$(h(r))) {
+										r = n;
+										for (let e = 0; r && r.y >= 1 && !$(h(r)) && e < 42; e += 1) r = E(r, -1);
+									}
+									if (!r || r.y < 1 || !$(h(r))) return;
+									H.current = {
+										targetMonthKey: y(r),
+										iso: h(r)
+									}, $e({
+										y: r.y,
+										m: r.m,
+										d: 1
+									});
 									return;
 								}
 								if (e.key === "Enter" || e.key === " ") {
 									e.preventDefault();
-									let n = m(t);
-									t.y >= 1 && $(n) && Pe(n);
+									let n = h(t);
+									t.y >= 1 && $(n) && ut(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: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ f("tr", { children: it.map((e, t) => /* @__PURE__ */ f("th", {
+							scope: "col",
+							className: "h-8 text-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",
+						}, `${e}-${t}`)) }) }), /* @__PURE__ */ f("tbody", { children: Array.from({ length: 6 }, (t, n) => /* @__PURE__ */ f("tr", { children: Y.slice(n * 7, n * 7 + 7).map((t, r) => {
+							let i = n * 7 + r;
+							if (!t) return /* @__PURE__ */ f("td", {
+								role: "gridcell",
+								className: "h-8 p-0 text-center",
 								ref: () => {
-									B.current[n] = null;
+									V.current[i] = 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);
-						})]
+							}, `empty-${i}`);
+							let a = h(t), o = t.m === J.m, s = t.y >= 1 && $(a), c = Z ? v(Z) : null, l = Q ? v(Q) : null, u = v(a), ee = !!(c && l && u && S(u, c) >= 0 && S(u, l) <= 0), d = a === Z || a === Q, p = x === "range" ? ee || d : !!q && a === q;
+							return /* @__PURE__ */ f("td", {
+								role: "gridcell",
+								"aria-selected": p ? "true" : void 0,
+								className: "h-8 p-0 text-center",
+								children: /* @__PURE__ */ f("button", {
+									type: "button",
+									ref: (e) => {
+										V.current[i] = e;
+									},
+									tabIndex: i === Le ? 0 : -1,
+									"data-date": a,
+									"aria-label": a,
+									"aria-pressed": x === "range" ? d : p,
+									disabled: N || R || !s,
+									className: e(ne, "mx-auto flex h-8 w-8 items-center justify-center rounded-basalt-md text-sm", o ? "text-basalt-foreground" : "text-basalt-muted-foreground", s && "hover:bg-basalt-accent", ee && !d && "bg-basalt-accent", s && (x === "range" ? d : p) && "bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90"),
+									onClick: () => s && ut(a),
+									children: t.d
+								})
+							}, a);
+						}) }, `week-${n}`)) })]
 					})
 				]
 			})
@@ -447,6 +615,6 @@ function T({ value: p, defaultValue: g = "", onChange: re, mode: T = "single", r
 	});
 }
 //#endregion
-export { T as DatePicker };
+export { D as DatePicker };
 
 //# sourceMappingURL=date-picker.js.map