haze-ui 1.27.0 → 1.28.0

package/dist/components/Calendar/Calendar.js

@@ -5,11 +5,11 @@ import { getDirection as t } from "../../utils/direction.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
 import { addMonths as r, buildMonthCells as i, formatDate as a, formatMonthValue as o, formatQuarterValue as s, formatYearValue as c, getDaysInMonth as l, getISOWeekNumber as u, parseCivilDate as d, parseMonthValue as f, parseQuarterValue as ee, parseYearValue as p } from "./date.js";
 /* empty css                   */
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useEffect as g, useRef as _, useState as v } from "react";
-import { useControl as te } from "react-use-control";
+import { Fragment as te, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useEffect as ne, useRef as g, useState as _ } from "react";
+import { useControl as re } from "react-use-control";
 //#region src/lib/components/Calendar/Calendar.tsx
-var ne = "haze-Calendar__calendarWrapper", re = "haze-Calendar__header", y = "haze-Calendar__headerBtn", b = "haze-Calendar__headerTitle", ie = "haze-Calendar__titleBtn", ae = "haze-Calendar__headerTrailing", oe = "haze-Calendar__grid", x = "haze-Calendar__rowContents", S = "haze-Calendar__cellContents", se = "haze-Calendar__weekday", ce = "haze-Calendar__weekNumber", C = "haze-Calendar__dayBtn", w = "haze-Calendar__daySelected", le = "haze-Calendar__dayInRange", ue = "haze-Calendar__dayOutside", de = "haze-Calendar__monthPanels", fe = "haze-Calendar__monthPanel", pe = "haze-Calendar__paneHeader", me = "haze-Calendar__quickSelect", he = "haze-Calendar__quickToolbar", T = "haze-Calendar__quickGrid", ge = "haze-Calendar__quarterGrid", _e = [
+var ie = "haze-Calendar__calendarWrapper", ae = "haze-Calendar__header", v = "haze-Calendar__headerBtn", y = "haze-Calendar__headerTitle", oe = "haze-Calendar__titleBtn", se = "haze-Calendar__headerTrailing", ce = "haze-Calendar__grid", b = "haze-Calendar__rowContents", x = "haze-Calendar__cellContents", le = "haze-Calendar__weekday", ue = "haze-Calendar__weekNumber", S = "haze-Calendar__dayBtn", C = "haze-Calendar__daySelected", de = "haze-Calendar__dayInRange", fe = "haze-Calendar__dayOutside", pe = "haze-Calendar__monthPanels", me = "haze-Calendar__monthPanel", he = "haze-Calendar__paneHeader", ge = "haze-Calendar__quickSelect", _e = "haze-Calendar__quickToolbar", w = "haze-Calendar__quickGrid", ve = "haze-Calendar__quarterGrid", ye = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -18,7 +18,7 @@ var ne = "haze-Calendar__calendarWrapper", re = "haze-Calendar__header", y = "ha
 	"Fr",
 	"Sa"
 ];
-function ve(e, t) {
+function be(e, t) {
 	if (t !== void 0) return t;
 	if (e === void 0) return 0;
 	try {
@@ -28,27 +28,27 @@ function ve(e, t) {
 		return 0;
 	}
 }
-function ye(e, t) {
-	if (e === void 0) return Array.from({ length: 7 }, (e, n) => _e[(t + n) % 7]);
+function xe(e, t) {
+	if (e === void 0) return Array.from({ length: 7 }, (e, n) => ye[(t + n) % 7]);
 	let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = Array.from({ length: 7 }, (e, t) => n.format(new Date(2024, 0, 7 + t)));
 	return Array.from({ length: 7 }, (e, n) => r[(t + n) % 7]);
 }
-function E(e) {
+function T(e) {
 	return Array.from(e?.querySelectorAll("button") ?? []);
 }
-function D(e, t, n) {
+function E(e, t, n) {
 	let r = t + n;
 	for (; r >= 0 && r < e.length && e[r].disabled;) r += n;
 	return r < 0 || r >= e.length ? null : r;
 }
-function be(e, n, i, o) {
+function Se(e, n, i, o) {
 	return (s) => {
 		let c = e.current;
 		if (!c) return;
-		let u = E(c);
+		let u = T(c);
 		if (u.length === 0) return;
 		let d = u.indexOf(s.target.closest("button")), f = t(c) === "rtl" ? "ArrowLeft" : "ArrowRight", ee = f === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", p = (e) => {
-			let t = D(u, d < 0 ? 0 : d, e);
+			let t = E(u, d < 0 ? 0 : d, e);
 			t !== null && (s.preventDefault(), u[t].focus());
 		};
 		switch (s.key) {
@@ -65,12 +65,12 @@ function be(e, n, i, o) {
 				p(-7);
 				return;
 			case "Home": {
-				let e = D(u, (d < 0 ? 0 : d - d % 7) - 1, 1);
+				let e = E(u, (d < 0 ? 0 : d - d % 7) - 1, 1);
 				e !== null && (s.preventDefault(), u[e].focus());
 				return;
 			}
 			case "End": {
-				let e = D(u, (d < 0 ? 6 : d - d % 7 + 6) + 1, -1);
+				let e = E(u, (d < 0 ? 6 : d - d % 7 + 6) + 1, -1);
 				e !== null && (s.preventDefault(), u[e].focus());
 				return;
 			}
@@ -84,14 +84,14 @@ function be(e, n, i, o) {
 		}
 	};
 }
-function xe(e, n, r, i) {
+function D(e, n, r, i) {
 	return (a) => {
 		let o = e.current;
 		if (!o) return;
-		let s = E(o);
+		let s = T(o);
 		if (s.length === 0) return;
 		let c = s.indexOf(a.target.closest("button")), l = t(o) === "rtl" ? "ArrowLeft" : "ArrowRight", u = l === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", d = (e) => {
-			let t = D(s, c < 0 ? 0 : c, e);
+			let t = E(s, c < 0 ? 0 : c, e);
 			t !== null && (a.preventDefault(), s[t].focus());
 		};
 		switch (a.key) {
@@ -108,12 +108,12 @@ function xe(e, n, r, i) {
 				d(-n);
 				return;
 			case "Home": {
-				let e = D(s, (c < 0 ? 0 : c - c % n) - 1, 1);
+				let e = E(s, (c < 0 ? 0 : c - c % n) - 1, 1);
 				e !== null && (a.preventDefault(), s[e].focus());
 				return;
 			}
 			case "End": {
-				let e = D(s, (c < 0 ? n - 1 : Math.min(c - c % n + n - 1, s.length - 1)) + 1, -1);
+				let e = E(s, (c < 0 ? n - 1 : Math.min(c - c % n + n - 1, s.length - 1)) + 1, -1);
 				e !== null && (a.preventDefault(), s[e].focus());
 				return;
 			}
@@ -124,105 +124,115 @@ function xe(e, n, r, i) {
 		}
 	};
 }
-function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, locale: A, weekStartsOn: Se, showWeekNumbers: j = !1, months: Ce = 1, rangeStart: M, rangeEnd: N, onSelect: we, className: Te, ...Ee }) {
-	let [P, De] = te(_e, ""), F = n("calendar"), I = _(null), Oe = _(null), L = _(null), R = _(null), z = _(null), B = _(null), V = _(null), ke = _(null), H = _(null), [U, W] = v(!1), [G, K] = v(0), Ae = t === "month" ? f(P) : t === "quarter" ? ee(P) : t === "year" ? p(P) : null, je = t === "date" ? P && d(P) || M && d(M) || /* @__PURE__ */ new Date() : Ae ? new Date(Ae.year, 0, 1) : /* @__PURE__ */ new Date(), [q, J] = v(je.getFullYear()), [Y, Me] = v(je.getMonth()), Ne = ve(A, Se), Pe = ye(A, Ne), X = new Intl.DateTimeFormat(A ?? "default", {
+function O({ picker: t = "date", value: ye, min: E, max: O, disabledDate: k, locale: A, weekStartsOn: Ce, showWeekNumbers: j = !1, months: we = 1, rangeStart: M, rangeEnd: N, onSelect: Te, className: Ee, ...De }) {
+	let [P, Oe] = re(ye, ""), F = n("calendar"), I = g(null), ke = g(null), L = g(null), R = g(null), z = g(null), B = g(null), V = g(null), Ae = g(null), H = g(null), [U, W] = _(!1), [G, K] = _(0), [q, je] = _(!1), Me = t === "month" ? f(P) : t === "quarter" ? ee(P) : t === "year" ? p(P) : null, Ne = t === "date" ? P && d(P) || M && d(M) || /* @__PURE__ */ new Date() : Me ? new Date(Me.year, 0, 1) : /* @__PURE__ */ new Date(), [J, Pe] = _(Ne.getFullYear()), [Y, Fe] = _(Ne.getMonth()), Ie = be(A, Ce), Le = xe(A, Ie), Re = new Intl.DateTimeFormat(A ?? "default", {
 		month: "long",
 		year: "numeric"
-	}), Fe = new Intl.DateTimeFormat(A ?? "default", { month: "short" }), Ie = Array.from({ length: 12 }, (e, t) => Fe.format(new Date(2026, t, 15))), Z = (e) => {
-		J(e.year), Me(e.month);
+	}), ze = new Intl.DateTimeFormat(A ?? "default", { month: "short" }), Be = Array.from({ length: 12 }, (e, t) => ze.format(new Date(2026, t, 15))), X = (e) => {
+		Pe(e.year), Fe(e.month);
 	};
-	g(() => {
+	ne(() => {
 		if (U) return;
 		let e = R.current;
 		e && (R.current = null, L.current?.querySelector(`[data-haze-day="${e}"]`)?.focus());
 	}, [
-		q,
+		J,
 		Y,
 		U
-	]), g(() => {
+	]), ne(() => {
 		if (!U) return;
 		let e = z.current;
 		z.current = null;
-		let t = E(H.current);
+		let t = T(H.current);
 		t.length !== 0 && (t[e ?? 0] ?? t[0]).focus();
-	}, [U, G]), g(() => {
+	}, [
+		U,
+		G,
+		q
+	]), ne(() => {
 		if (t === "date") return;
 		let e = B.current;
 		if (B.current = null, e === null) return;
-		let n = E(V.current);
+		let n = T(V.current);
 		(n[e] ?? n[0])?.focus();
-	}, [t, q]);
-	let Le = () => {
-		z.current = Y, K(q), W(!0);
-	}, Re = () => {
-		W(!1), ke.current?.focus();
-	}, ze = (e) => {
-		W(!1), Z({
+	}, [t, J]);
+	let Ve = () => {
+		z.current = Y, K(J), je(!1), W(!0);
+	}, He = () => {
+		W(!1), Ae.current?.focus();
+	}, Ue = (e) => {
+		W(!1), X({
 			year: G,
 			month: e
 		}), R.current = a(G, e, 1);
-	}, Q = r(q, Y, Ce - 1), Be = be(I, {
-		year: q,
+	}, Z = Math.floor(G / 10) * 10, We = () => {
+		z.current = G - Z, je(!0);
+	}, Ge = () => {
+		je(!1), z.current = Y;
+	}, Ke = (e) => {
+		K(e), Ge();
+	}, Q = r(J, Y, we - 1), qe = Se(I, {
+		year: J,
 		month: Y
-	}, Z, R), Ve = be(Oe, Q, Z, R), He = xe(H, 3, (e) => K((t) => t + e), z), Ue = t === "quarter" ? 4 : 3, $ = (e) => J((n) => n + e * (t === "year" ? 10 : 1)), We = xe(V, Ue, $, B), Ge = () => Z(r(q, Y, -1)), Ke = () => Z(r(q, Y, 1)), qe = () => {
+	}, X, R), Je = Se(ke, Q, X, R), Ye = D(H, 3, (e) => K((t) => t + e), z), Xe = D(H, 3, (e) => K((t) => t + e * 10), z), Ze = t === "quarter" ? 4 : 3, Qe = (e) => Pe((n) => n + e * (t === "year" ? 10 : 1)), $e = D(V, Ze, Qe, B), et = () => X(r(J, Y, -1)), tt = () => X(r(J, Y, 1)), nt = () => {
 		let e = /* @__PURE__ */ new Date();
-		J(e.getFullYear()), Me(e.getMonth());
-	}, Je = (e, t, n) => {
+		Pe(e.getFullYear()), Fe(e.getMonth());
+	}, rt = (e, t, n) => {
 		let r = a(e, t, n);
-		return D && r < D || O && r > O ? !0 : k?.(new Date(e, t, n)) ?? !1;
-	}, Ye = (e, t) => D && a(e, t, l(e, t)) < D || O && a(e, t, 1) > O ? !0 : k?.(new Date(e, t, 1)) ?? !1, Xe = (e, t) => {
+		return E && r < E || O && r > O ? !0 : k?.(new Date(e, t, n)) ?? !1;
+	}, it = (e, t) => E && a(e, t, l(e, t)) < E || O && a(e, t, 1) > O ? !0 : k?.(new Date(e, t, 1)) ?? !1, at = (e, t) => {
 		let n = t * 3 - 3, r = t * 3 - 1;
-		return D && a(e, r, l(e, r)) < D || O && a(e, n, 1) > O ? !0 : k?.(new Date(e, n, 1)) ?? !1;
-	}, Ze = (e) => D && a(e, 11, 31) < D || O && a(e, 0, 1) > O ? !0 : k?.(new Date(e, 0, 1)) ?? !1, Qe = (e) => {
-		De(e), we?.(e);
-	}, $e = M !== void 0 && M !== "", et = N !== void 0 && N !== "", tt = (e) => $e && e === M || et && e === N, nt = (e) => $e && et && e > M && e < N, rt = X.format(new Date(q, Y)), it = (t, n, r) => {
-		let o = i(t.year, t.month, Ne), s = [];
+		return E && a(e, r, l(e, r)) < E || O && a(e, n, 1) > O ? !0 : k?.(new Date(e, n, 1)) ?? !1;
+	}, ot = (e) => E && a(e, 11, 31) < E || O && a(e, 0, 1) > O ? !0 : k?.(new Date(e, 0, 1)) ?? !1, st = (e) => {
+		Oe(e), Te?.(e);
+	}, ct = M !== void 0 && M !== "", lt = N !== void 0 && N !== "", ut = (e) => ct && e === M || lt && e === N, dt = (e) => ct && lt && e > M && e < N, ft = Re.format(new Date(J, Y)), $ = (t, n, r) => {
+		let o = i(t.year, t.month, Ie), s = [];
 		for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
-		let c = X.format(new Date(t.year, t.month));
+		let c = Re.format(new Date(t.year, t.month));
 		return /* @__PURE__ */ h("div", {
 			ref: n,
 			style: j ? { gridTemplateColumns: "repeat(8, 1fr)" } : void 0,
 			role: "grid",
 			"aria-label": c,
 			onKeyDown: r,
-			className: e([oe]),
+			className: e([ce]),
 			children: [/* @__PURE__ */ h("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [j && /* @__PURE__ */ m("span", {
 					role: "columnheader",
-					className: e([se]),
+					className: e([le]),
 					children: F.weekNumber
-				}), Pe.map((t, n) => /* @__PURE__ */ m("span", {
+				}), Le.map((t, n) => /* @__PURE__ */ m("span", {
 					role: "columnheader",
-					className: e([se]),
+					className: e([le]),
 					children: t
 				}, n))]
 			}), s.map((t, n) => /* @__PURE__ */ h("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [j && /* @__PURE__ */ m("span", {
 					role: "gridcell",
-					className: e([ce]),
+					className: e([ue]),
 					children: u(t[0].year, t[0].month, t[0].day)
 				}), t.map((t) => {
-					let n = a(t.year, t.month, t.day), r = tt(n), i = n === P || r;
+					let n = a(t.year, t.month, t.day), r = ut(n), i = n === P || r;
 					return /* @__PURE__ */ m("span", {
 						role: "gridcell",
-						"aria-selected": i || nt(n),
-						className: e([S]),
+						"aria-selected": i || dt(n),
+						className: e([x]),
 						children: /* @__PURE__ */ m("button", {
 							type: "button",
 							"data-haze-day": n,
-							disabled: Je(t.year, t.month, t.day),
+							disabled: rt(t.year, t.month, t.day),
 							onClick: () => {
-								De(n), we?.(n);
+								Oe(n), Te?.(n);
 							},
 							className: e([
-								C,
-								i && w,
-								!i && nt(n) && le,
-								t.outside && ue
+								S,
+								i && C,
+								!i && dt(n) && de,
+								t.outside && fe
 							]),
 							children: t.day
 						})
@@ -230,37 +240,98 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 				})]
 			}, n))]
 		});
-	}, at = /* @__PURE__ */ h("div", {
-		onKeyDown: ot,
-		className: e([me]),
-		children: [/* @__PURE__ */ h("div", {
-			className: e([he]),
-			children: [
+	}, pt = /* @__PURE__ */ h("div", {
+		onKeyDown: mt,
+		className: e([ge]),
+		children: [/* @__PURE__ */ m("div", {
+			className: e([_e]),
+			children: q ? /* @__PURE__ */ h(te, { children: [
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => K((e) => e - 10),
+					"aria-label": F.previousDecade,
+					className: e([v]),
+					children: "‹"
+				}),
+				/* @__PURE__ */ h("span", {
+					className: e([y]),
+					children: [
+						Z,
+						" – ",
+						Z + 11
+					]
+				}),
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => K((e) => e + 10),
+					"aria-label": F.nextDecade,
+					className: e([v]),
+					children: "›"
+				})
+			] }) : /* @__PURE__ */ h(te, { children: [
 				/* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => K((e) => e - 1),
 					"aria-label": F.previousYear,
-					className: e([y]),
+					className: e([v]),
 					children: "‹"
 				}),
-				/* @__PURE__ */ m("span", {
-					className: e([b]),
+				/* @__PURE__ */ m("button", {
+					type: "button",
+					"aria-haspopup": "grid",
+					onClick: We,
+					className: e([oe, y]),
 					children: G
 				}),
 				/* @__PURE__ */ m("button", {
 					type: "button",
 					onClick: () => K((e) => e + 1),
 					"aria-label": F.nextYear,
-					className: e([y]),
+					className: e([v]),
 					children: "›"
 				})
-			]
-		}), /* @__PURE__ */ m("div", {
+			] })
+		}), q ? /* @__PURE__ */ m("div", {
+			ref: H,
+			role: "grid",
+			"aria-label": F.selectYear,
+			onKeyDown: Xe,
+			className: e([w]),
+			children: [
+				0,
+				1,
+				2,
+				3
+			].map((t) => /* @__PURE__ */ m("div", {
+				role: "row",
+				className: e([b]),
+				children: [
+					0,
+					1,
+					2
+				].map((n) => {
+					let r = Z + t * 3 + n, i = r === J;
+					return /* @__PURE__ */ m("span", {
+						role: "gridcell",
+						"aria-selected": i,
+						className: e([x]),
+						children: /* @__PURE__ */ m("button", {
+							type: "button",
+							"data-haze-year": r,
+							disabled: ot(r),
+							onClick: () => Ke(r),
+							className: e([S, i && C]),
+							children: r
+						})
+					}, r);
+				})
+			}, t))
+		}) : /* @__PURE__ */ m("div", {
 			ref: H,
 			role: "grid",
 			"aria-label": F.selectMonth,
-			onKeyDown: He,
-			className: e([T]),
+			onKeyDown: Ye,
+			className: e([w]),
 			children: [
 				0,
 				1,
@@ -268,39 +339,39 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 				3
 			].map((t) => /* @__PURE__ */ m("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [
 					0,
 					1,
 					2
 				].map((n) => {
-					let r = t * 3 + n, i = G === q && r === Y;
+					let r = t * 3 + n, i = G === J && r === Y;
 					return /* @__PURE__ */ m("span", {
 						role: "gridcell",
 						"aria-selected": i,
-						className: e([S]),
+						className: e([x]),
 						children: /* @__PURE__ */ m("button", {
 							type: "button",
 							"data-haze-month": r,
-							onClick: () => ze(r),
-							className: e([C, i && w]),
-							children: Ie[r]
+							onClick: () => Ue(r),
+							className: e([S, i && C]),
+							children: Be[r]
 						})
 					}, r);
 				})
 			}, t))
 		})]
 	});
-	function ot(e) {
-		e.key === "Escape" && (e.preventDefault(), Re());
+	function mt(e) {
+		e.key === "Escape" && (e.preventDefault(), q ? Ge() : He());
 	}
 	if (t !== "date") {
-		let n = Math.floor(q / 10) * 10, r = t === "year" ? F.previousDecade : F.previousYear, i = t === "year" ? F.nextDecade : F.nextYear, a = t === "year" ? `${n} – ${n + 11}` : String(q), l = t === "month" ? /* @__PURE__ */ m("div", {
+		let n = Math.floor(J / 10) * 10, r = t === "year" ? F.previousDecade : F.previousYear, i = t === "year" ? F.nextDecade : F.nextYear, a = t === "year" ? `${n} – ${n + 11}` : String(J), l = t === "month" ? /* @__PURE__ */ m("div", {
 			ref: V,
 			role: "grid",
 			"aria-label": F.selectMonth,
-			onKeyDown: We,
-			className: e([T]),
+			onKeyDown: $e,
+			className: e([w]),
 			children: [
 				0,
 				1,
@@ -308,24 +379,24 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 				3
 			].map((t) => /* @__PURE__ */ m("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [
 					0,
 					1,
 					2
 				].map((n) => {
-					let r = t * 3 + n, i = P === o(q, r);
+					let r = t * 3 + n, i = P === o(J, r);
 					return /* @__PURE__ */ m("span", {
 						role: "gridcell",
 						"aria-selected": i,
-						className: e([S]),
+						className: e([x]),
 						children: /* @__PURE__ */ m("button", {
 							type: "button",
 							"data-haze-month": r,
-							disabled: Ye(q, r),
-							onClick: () => Qe(o(q, r)),
-							className: e([C, i && w]),
-							children: Ie[r]
+							disabled: it(J, r),
+							onClick: () => st(o(J, r)),
+							className: e([S, i && C]),
+							children: Be[r]
 						})
 					}, r);
 				})
@@ -334,28 +405,28 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 			ref: V,
 			role: "grid",
 			"aria-label": F.selectQuarter,
-			onKeyDown: We,
-			className: e([ge]),
+			onKeyDown: $e,
+			className: e([ve]),
 			children: m("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [
 					1,
 					2,
 					3,
 					4
 				].map((t) => {
-					let n = P === s(q, t);
+					let n = P === s(J, t);
 					return /* @__PURE__ */ m("span", {
 						role: "gridcell",
 						"aria-selected": n,
-						className: e([S]),
+						className: e([x]),
 						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							"data-haze-quarter": t,
-							disabled: Xe(q, t),
-							onClick: () => Qe(s(q, t)),
-							className: e([C, n && w]),
+							disabled: at(J, t),
+							onClick: () => st(s(J, t)),
+							className: e([S, n && C]),
 							children: ["Q", t]
 						})
 					}, t);
@@ -365,8 +436,8 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 			ref: V,
 			role: "grid",
 			"aria-label": F.selectYear,
-			onKeyDown: We,
-			className: e([T]),
+			onKeyDown: $e,
+			className: e([w]),
 			children: [
 				0,
 				1,
@@ -374,7 +445,7 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 				3
 			].map((t) => /* @__PURE__ */ m("div", {
 				role: "row",
-				className: e([x]),
+				className: e([b]),
 				children: [
 					0,
 					1,
@@ -384,13 +455,13 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 					return /* @__PURE__ */ m("span", {
 						role: "gridcell",
 						"aria-selected": a,
-						className: e([S]),
+						className: e([x]),
 						children: /* @__PURE__ */ m("button", {
 							type: "button",
 							"data-haze-year": i,
-							disabled: Ze(i),
-							onClick: () => Qe(c(i)),
-							className: e([C, a && w]),
+							disabled: ot(i),
+							onClick: () => st(c(i)),
+							className: e([S, a && C]),
 							children: i
 						})
 					}, i);
@@ -399,34 +470,34 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 		});
 		return /* @__PURE__ */ h("div", {
 			ref: L,
-			...Ee,
-			className: e([ne, Te]),
+			...De,
+			className: e([ie, Ee]),
 			children: [/* @__PURE__ */ h("div", {
-				className: e([re]),
+				className: e([ae]),
 				children: [
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => $(-1),
+						onClick: () => Qe(-1),
 						"aria-label": r,
-						className: e([y]),
+						className: e([v]),
 						children: "‹"
 					}),
 					/* @__PURE__ */ m("span", {
-						className: e([b]),
+						className: e([y]),
 						children: a
 					}),
 					/* @__PURE__ */ h("span", {
-						className: e([ae]),
+						className: e([se]),
 						children: [/* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: qe,
-							className: e([y]),
+							onClick: nt,
+							className: e([v]),
 							children: F.today
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: () => $(1),
+							onClick: () => Qe(1),
 							"aria-label": i,
-							className: e([y]),
+							className: e([v]),
 							children: "›"
 						})]
 					})
@@ -436,64 +507,64 @@ function O({ picker: t = "date", value: _e, min: D, max: O, disabledDate: k, loc
 	}
 	return /* @__PURE__ */ h("div", {
 		ref: L,
-		...Ee,
-		className: e([ne, Te]),
+		...De,
+		className: e([ie, Ee]),
 		children: [/* @__PURE__ */ h("div", {
-			className: e([re]),
+			className: e([ae]),
 			children: [
 				/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: Ge,
+					onClick: et,
 					"aria-label": F.previousMonth,
-					className: e([y]),
+					className: e([v]),
 					children: "‹"
 				}),
 				/* @__PURE__ */ m("button", {
-					ref: ke,
+					ref: Ae,
 					type: "button",
 					"aria-expanded": U,
-					onClick: U ? Re : Le,
-					className: e([ie, b]),
-					children: rt
+					onClick: U ? He : Ve,
+					className: e([oe, y]),
+					children: ft
 				}),
 				/* @__PURE__ */ h("span", {
-					className: e([ae]),
+					className: e([se]),
 					children: [/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: qe,
-						className: e([y]),
+						onClick: nt,
+						className: e([v]),
 						children: F.today
 					}), /* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: Ke,
+						onClick: tt,
 						"aria-label": F.nextMonth,
-						className: e([y]),
+						className: e([v]),
 						children: "›"
 					})]
 				})
 			]
-		}), U ? at : Ce === 2 ? /* @__PURE__ */ h("div", {
-			className: e([de]),
+		}), U ? pt : we === 2 ? /* @__PURE__ */ h("div", {
+			className: e([pe]),
 			children: [/* @__PURE__ */ m("div", {
-				className: e([fe]),
-				children: it({
-					year: q,
+				className: e([me]),
+				children: $({
+					year: J,
 					month: Y
-				}, I, Be)
+				}, I, qe)
 			}), /* @__PURE__ */ h("div", {
-				className: e([fe]),
+				className: e([me]),
 				children: [/* @__PURE__ */ m("div", {
-					className: e([pe]),
+					className: e([he]),
 					children: /* @__PURE__ */ m("span", {
-						className: e([b]),
-						children: X.format(new Date(Q.year, Q.month))
+						className: e([y]),
+						children: Re.format(new Date(Q.year, Q.month))
 					})
-				}), it(Q, Oe, Ve)]
+				}), $(Q, ke, Je)]
 			})]
-		}) : it({
-			year: q,
+		}) : $({
+			year: J,
 			month: Y
-		}, I, Be)]
+		}, I, qe)]
 	});
 }
 //#endregion