haze-ui 1.28.0 → 1.30.0

package/dist/components/Calendar/Calendar.js

@@ -1,15 +1,15 @@
 
 "use client";
-import { classnames as e } from "../../utils/classnames.js";
-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";
+import { addMonths as e, buildMonthCells as t, formatDate as n, formatMonthValue as r, formatQuarterValue as i, formatWeekValue as a, formatYearValue as o, getDaysInMonth as s, getISOWeek as c, getISOWeekStartDate as l, parseCivilDate as u, parseMonthValue as d, parseQuarterValue as f, parseWeekValue as p, parseYearValue as ee } from "./date.js";
+import { classnames as m } from "../../utils/classnames.js";
+import { getDirection as h } from "../../utils/direction.js";
+import { useStrings as te } from "../LocaleProvider/useStrings.js";
 /* empty css                   */
-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";
+import { Fragment as re, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useControl as ie } from "react-use-control";
 //#region src/lib/components/Calendar/Calendar.tsx
-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 = [
+var ae = "haze-Calendar__calendarWrapper", oe = "haze-Calendar__header", b = "haze-Calendar__headerBtn", x = "haze-Calendar__headerTitle", se = "haze-Calendar__headerTitles", ce = "haze-Calendar__titleBtn", le = "haze-Calendar__headerTrailing", ue = "haze-Calendar__grid", S = "haze-Calendar__rowContents", C = "haze-Calendar__cellContents", de = "haze-Calendar__weekday", fe = "haze-Calendar__weekNumber", pe = "haze-Calendar__weekNumberSelected", w = "haze-Calendar__dayContent", T = "haze-Calendar__dayBtn", E = "haze-Calendar__daySelected", me = "haze-Calendar__dayInRange", he = "haze-Calendar__dayOutside", ge = "haze-Calendar__monthPanels", _e = "haze-Calendar__monthPanel", ve = "haze-Calendar__paneHeader", ye = "haze-Calendar__quickSelect", be = "haze-Calendar__quickToolbar", xe = "haze-Calendar__quickGrid", Se = "haze-Calendar__quarterGrid", Ce = [
 	"Su",
 	"Mo",
 	"Tu",
@@ -18,7 +18,7 @@ var ie = "haze-Calendar__calendarWrapper", ae = "haze-Calendar__header", v = "ha
 	"Fr",
 	"Sa"
 ];
-function be(e, t) {
+function we(e, t) {
 	if (t !== void 0) return t;
 	if (e === void 0) return 0;
 	try {
@@ -28,34 +28,34 @@ function be(e, t) {
 		return 0;
 	}
 }
-function xe(e, t) {
-	if (e === void 0) return Array.from({ length: 7 }, (e, n) => ye[(t + n) % 7]);
+function Te(e, t) {
+	if (e === void 0) return Array.from({ length: 7 }, (e, n) => Ce[(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 T(e) {
+function D(e) {
 	return Array.from(e?.querySelectorAll("button") ?? []);
 }
-function E(e, t, n) {
+function O(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 Se(e, n, i, o) {
-	return (s) => {
-		let c = e.current;
+function Ee(t, r, i, a) {
+	return (o) => {
+		let c = t.current;
 		if (!c) return;
-		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 = E(u, d < 0 ? 0 : d, e);
-			t !== null && (s.preventDefault(), u[t].focus());
+		let l = D(c);
+		if (l.length === 0) return;
+		let u = l.indexOf(o.target.closest("button")), d = h(c) === "rtl" ? "ArrowLeft" : "ArrowRight", f = d === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", p = (e) => {
+			let t = O(l, u < 0 ? 0 : u, e);
+			t !== null && (o.preventDefault(), l[t].focus());
 		};
-		switch (s.key) {
-			case f:
+		switch (o.key) {
+			case d:
 				p(1);
 				return;
-			case ee:
+			case f:
 				p(-1);
 				return;
 			case "ArrowDown":
@@ -65,507 +65,662 @@ function Se(e, n, i, o) {
 				p(-7);
 				return;
 			case "Home": {
-				let e = E(u, (d < 0 ? 0 : d - d % 7) - 1, 1);
-				e !== null && (s.preventDefault(), u[e].focus());
+				let e = O(l, (u < 0 ? 0 : u - u % 7) - 1, 1);
+				e !== null && (o.preventDefault(), l[e].focus());
 				return;
 			}
 			case "End": {
-				let e = E(u, (d < 0 ? 6 : d - d % 7 + 6) + 1, -1);
-				e !== null && (s.preventDefault(), u[e].focus());
+				let e = O(l, (u < 0 ? 6 : u - u % 7 + 6) + 1, -1);
+				e !== null && (o.preventDefault(), l[e].focus());
 				return;
 			}
 			case "PageUp":
 			case "PageDown": {
-				s.preventDefault();
-				let e = s.key === "PageDown" ? 1 : -1, t = r(n.year, n.month, e), c = d >= 0 ? Number(u[d].textContent) : 1, f = Math.min(Math.max(c, 1), l(t.year, t.month));
-				i(t), o.current = a(t.year, t.month, f);
+				o.preventDefault();
+				let t = o.key === "PageDown" ? 1 : -1, c = e(r.year, r.month, t), d = u >= 0 ? Number(l[u].textContent) : 1, f = Math.min(Math.max(d, 1), s(c.year, c.month));
+				i(c), a.current = n(c.year, c.month, f);
 				return;
 			}
 		}
 	};
 }
-function D(e, n, r, i) {
-	return (a) => {
-		let o = e.current;
-		if (!o) return;
-		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 = E(s, c < 0 ? 0 : c, e);
-			t !== null && (a.preventDefault(), s[t].focus());
+function De(e, t, n, r) {
+	return (i) => {
+		let a = e.current;
+		if (!a) return;
+		let o = D(a);
+		if (o.length === 0) return;
+		let s = o.indexOf(i.target.closest("button")), c = h(a) === "rtl" ? "ArrowLeft" : "ArrowRight", l = c === "ArrowLeft" ? "ArrowRight" : "ArrowLeft", u = (e) => {
+			let t = O(o, s < 0 ? 0 : s, e);
+			t !== null && (i.preventDefault(), o[t].focus());
 		};
-		switch (a.key) {
-			case l:
-				d(1);
+		switch (i.key) {
+			case c:
+				u(1);
 				return;
-			case u:
-				d(-1);
+			case l:
+				u(-1);
 				return;
 			case "ArrowDown":
-				d(n);
+				u(t);
 				return;
 			case "ArrowUp":
-				d(-n);
+				u(-t);
 				return;
 			case "Home": {
-				let e = E(s, (c < 0 ? 0 : c - c % n) - 1, 1);
-				e !== null && (a.preventDefault(), s[e].focus());
+				let e = O(o, (s < 0 ? 0 : s - s % t) - 1, 1);
+				e !== null && (i.preventDefault(), o[e].focus());
 				return;
 			}
 			case "End": {
-				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());
+				let e = O(o, (s < 0 ? t - 1 : Math.min(s - s % t + t - 1, o.length - 1)) + 1, -1);
+				e !== null && (i.preventDefault(), o[e].focus());
 				return;
 			}
 			case "PageUp":
 			case "PageDown":
-				a.preventDefault(), i.current = c < 0 ? 0 : c, r(a.key === "PageDown" ? 1 : -1);
+				i.preventDefault(), r.current = s < 0 ? 0 : s, n(i.key === "PageDown" ? 1 : -1);
 				return;
 		}
 	};
 }
-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", {
+function k({ picker: h = "date", value: Ce, min: O, max: k, disabledDate: Oe, locale: A, weekStartsOn: ke, showWeekNumbers: Ae = !1, months: je = 1, rangeStart: j, rangeEnd: Me, onSelect: Ne, cellRender: M, className: Pe, ...Fe }) {
+	let [N, Ie] = ie(Ce, ""), P = te("calendar"), Le = g(null), Re = g(null), ze = g(null), F = g(null), I = g(null), L = g(null), R = g(null), Be = g(null), Ve = g(null), z = g(null), [B, V] = ie(void 0, "days"), [H, U] = _(0), [He, W] = _(0), G = g("days"), [K, q] = ie(void 0, !1), [Ue, We] = _(0), J = h === "week", Y = J ? p(N) : null, Ge = Y ? l(Y.year, Y.week) : null, Ke = h === "month" ? d(N) : h === "quarter" ? f(N) : h === "year" ? ee(N) : null, qe = h === "date" ? N && u(N) || j && u(j) || /* @__PURE__ */ new Date() : Ge ? new Date(Ge.year, Ge.month, Ge.day) : Ke ? new Date(Ke.year, 0, 1) : /* @__PURE__ */ new Date(), [X, Z] = _(qe.getFullYear()), [Q, Je] = _(qe.getMonth()), Ye = J ? 1 : we(A, ke), Xe = Te(A, Ye), Ze = Ae || J, Qe = new Intl.DateTimeFormat(A ?? "default", {
 		month: "long",
 		year: "numeric"
-	}), 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);
+	}), $e = new Intl.DateTimeFormat(A ?? "default", { month: "long" }), et = new Intl.DateTimeFormat(A ?? "default", { month: "short" }), tt = Array.from({ length: 12 }, (e, t) => et.format(new Date(2026, t, 15))), nt = Qe.formatToParts(new Date(X, Q, 15)), rt = nt.findIndex((e) => e.type === "year") < nt.findIndex((e) => e.type === "month"), $ = (e) => {
+		Z(e.year), Je(e.month);
 	};
 	ne(() => {
-		if (U) return;
-		let e = R.current;
-		e && (R.current = null, L.current?.querySelector(`[data-haze-day="${e}"]`)?.focus());
+		if (B !== "days") return;
+		let e = F.current;
+		e && (F.current = null, ze.current?.querySelector(`[data-haze-day="${e}"]`)?.focus());
 	}, [
-		J,
-		Y,
-		U
+		X,
+		Q,
+		B
 	]), ne(() => {
-		if (!U) return;
-		let e = z.current;
-		z.current = null;
-		let t = T(H.current);
+		if (B === "days" && !K) return;
+		let e = I.current;
+		I.current = null;
+		let t = D(z.current);
 		t.length !== 0 && (t[e ?? 0] ?? t[0]).focus();
 	}, [
-		U,
-		G,
-		q
+		B,
+		H,
+		He,
+		K,
+		Ue
 	]), ne(() => {
-		if (t === "date") return;
-		let e = B.current;
-		if (B.current = null, e === null) return;
-		let n = T(V.current);
-		(n[e] ?? n[0])?.focus();
-	}, [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,
+		if (h === "date" || h === "week" || K) return;
+		let e = L.current;
+		if (L.current = null, e === null) return;
+		let t = D(R.current);
+		(t[e] ?? t[0])?.focus();
+	}, [
+		h,
+		X,
+		K
+	]);
+	let it = () => {
+		I.current = Q, U(X), V("months");
+	}, at = () => {
+		V("days"), Be.current?.focus();
+	}, ot = (e) => {
+		V("days"), $({
+			year: H,
 			month: e
-		}), R.current = a(G, e, 1);
-	}, 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
-	}, 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 = () => {
+		}), F.current = n(H, e, 1);
+	}, st = Math.floor(He / 10) * 10, ct = () => {
+		G.current = "days", I.current = X - Math.floor(X / 10) * 10, W(X), V("years");
+	}, lt = () => {
+		G.current = "months", I.current = H - Math.floor(H / 10) * 10, W(H), V("years");
+	}, ut = () => {
+		G.current === "months" ? (V("months"), I.current = Q) : (V("days"), Ve.current?.focus());
+	}, dt = (e) => {
+		G.current === "months" ? (U(e), V("months"), I.current = Q) : (V("days"), Z(e), F.current = n(e, Q, 1));
+	}, ft = Math.floor(Ue / 10) * 10, pt = () => h === "month" ? d(N)?.month ?? 0 : (f(N)?.quarter ?? 1) - 1, mt = () => {
+		I.current = X - Math.floor(X / 10) * 10, We(X), q(!0);
+	}, ht = () => {
+		L.current = pt(), q(!1);
+	}, gt = (e) => {
+		L.current = pt(), Z(e), q(!1);
+	}, _t = e(X, Q, je - 1), vt = Ee(Le, {
+		year: X,
+		month: Q
+	}, $, F), yt = Ee(Re, _t, $, F), bt = De(z, 3, (e) => U((t) => t + e), I), xt = De(z, 3, (e) => W((t) => t + e * 10), I), St = De(z, 3, (e) => We((t) => t + e * 10), I), Ct = h === "quarter" ? 4 : 3, wt = (e) => Z((t) => t + e * (h === "year" ? 10 : 1)), Tt = De(R, Ct, wt, L), Et = () => $(e(X, Q, -1)), Dt = () => $(e(X, Q, 1)), Ot = () => {
 		let e = /* @__PURE__ */ new Date();
-		Pe(e.getFullYear()), Fe(e.getMonth());
-	}, rt = (e, t, n) => {
-		let r = a(e, t, n);
-		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 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 = [];
+		Z(e.getFullYear()), Je(e.getMonth());
+	}, kt = (e, t, r) => {
+		let i = n(e, t, r);
+		return O && i < O || k && i > k ? !0 : Oe?.(new Date(e, t, r)) ?? !1;
+	}, At = (e, t) => O && n(e, t, s(e, t)) < O || k && n(e, t, 1) > k ? !0 : Oe?.(new Date(e, t, 1)) ?? !1, jt = (e, t) => {
+		let r = t * 3 - 3, i = t * 3 - 1;
+		return O && n(e, i, s(e, i)) < O || k && n(e, r, 1) > k ? !0 : Oe?.(new Date(e, r, 1)) ?? !1;
+	}, Mt = (e) => O && n(e, 11, 31) < O || k && n(e, 0, 1) > k ? !0 : Oe?.(new Date(e, 0, 1)) ?? !1, Nt = (e) => {
+		Ie(e), Ne?.(e);
+	}, Pt = j !== void 0 && j !== "", Ft = Me !== void 0 && Me !== "", It = (e) => Pt && e === j || Ft && e === Me, Lt = (e) => Pt && Ft && e > j && e < Me, Rt = /* @__PURE__ */ v("button", {
+		ref: Be,
+		"data-slot": "title",
+		type: "button",
+		"aria-haspopup": "grid",
+		"aria-expanded": B === "months",
+		onClick: B === "months" ? at : it,
+		className: m([ce, x]),
+		children: $e.format(new Date(X, Q))
+	}), zt = /* @__PURE__ */ v("button", {
+		ref: Ve,
+		"data-slot": "title",
+		type: "button",
+		"aria-haspopup": "grid",
+		"aria-expanded": B === "years",
+		onClick: B === "years" ? ut : ct,
+		className: m([ce, x]),
+		children: X
+	}), Bt = (e, r, i) => {
+		let o = t(e.year, e.month, Ye), s = [];
 		for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
-		let c = Re.format(new Date(t.year, t.month));
-		return /* @__PURE__ */ h("div", {
-			ref: n,
-			style: j ? { gridTemplateColumns: "repeat(8, 1fr)" } : void 0,
+		let l = Qe.format(new Date(e.year, e.month));
+		return /* @__PURE__ */ y("div", {
+			ref: r,
+			"data-slot": "month",
+			style: Ze ? { gridTemplateColumns: "repeat(8, 1fr)" } : void 0,
 			role: "grid",
-			"aria-label": c,
-			onKeyDown: r,
-			className: e([ce]),
-			children: [/* @__PURE__ */ h("div", {
+			"aria-label": l,
+			onKeyDown: i,
+			className: m([ue]),
+			children: [/* @__PURE__ */ y("div", {
 				role: "row",
-				className: e([b]),
-				children: [j && /* @__PURE__ */ m("span", {
+				"data-slot": "weekday-row",
+				className: m([S]),
+				children: [Ze && /* @__PURE__ */ v("span", {
 					role: "columnheader",
-					className: e([le]),
-					children: F.weekNumber
-				}), Le.map((t, n) => /* @__PURE__ */ m("span", {
+					"data-slot": "week-number",
+					className: m([de]),
+					children: P.weekNumber
+				}), Xe.map((e, t) => /* @__PURE__ */ v("span", {
 					role: "columnheader",
-					className: e([le]),
-					children: t
-				}, n))]
-			}), s.map((t, n) => /* @__PURE__ */ h("div", {
-				role: "row",
-				className: e([b]),
-				children: [j && /* @__PURE__ */ m("span", {
-					role: "gridcell",
-					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 = ut(n), i = n === P || r;
-					return /* @__PURE__ */ m("span", {
+					"data-slot": "weekday",
+					className: m([de]),
+					children: e
+				}, t))]
+			}), s.map((e, t) => {
+				let r = c(e[0].year, e[0].month, e[0].day), i = J && Y !== null && Y.year === r.year && Y.week === r.week;
+				return /* @__PURE__ */ y("div", {
+					role: "row",
+					className: m([S]),
+					children: [Ze && /* @__PURE__ */ v("span", {
 						role: "gridcell",
-						"aria-selected": i || dt(n),
-						className: e([x]),
-						children: /* @__PURE__ */ m("button", {
-							type: "button",
-							"data-haze-day": n,
-							disabled: rt(t.year, t.month, t.day),
-							onClick: () => {
-								Oe(n), Te?.(n);
-							},
-							className: e([
-								S,
-								i && C,
-								!i && dt(n) && de,
-								t.outside && fe
-							]),
-							children: t.day
-						})
-					}, n);
-				})]
-			}, n))]
+						"data-slot": "week-number",
+						className: m([fe, i && pe]),
+						children: r.week
+					}), e.map((e) => {
+						let t = n(e.year, e.month, e.day), o = It(t), s = J ? i : t === N || o, c = M?.({
+							year: e.year,
+							month: e.month,
+							day: e.day
+						}, h);
+						return /* @__PURE__ */ v("span", {
+							role: "gridcell",
+							"aria-selected": s || Lt(t),
+							className: m([C]),
+							children: /* @__PURE__ */ v("button", {
+								type: "button",
+								"data-slot": "day",
+								"data-haze-day": t,
+								disabled: kt(e.year, e.month, e.day),
+								onClick: () => {
+									J ? Nt(a(r.year, r.week)) : (Ie(t), Ne?.(t));
+								},
+								className: m([
+									T,
+									s && E,
+									!s && Lt(t) && me,
+									e.outside && he
+								]),
+								children: c === void 0 ? e.day : /* @__PURE__ */ y("span", {
+									className: m([w]),
+									children: [e.day, c]
+								})
+							})
+						}, t);
+					})]
+				}, t);
+			})]
 		});
-	}, 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", {
+	}, Vt = (e, t, n, r) => /* @__PURE__ */ v("div", {
+		ref: z,
+		"data-slot": "year-grid",
+		role: "grid",
+		"aria-label": P.selectYear,
+		onKeyDown: r,
+		className: m([xe]),
+		children: [
+			0,
+			1,
+			2,
+			3
+		].map((r) => /* @__PURE__ */ v("div", {
+			role: "row",
+			className: m([S]),
+			children: [
+				0,
+				1,
+				2
+			].map((i) => {
+				let a = e + r * 3 + i, o = a === t, s = M?.({
+					year: a,
+					month: 0,
+					day: 1
+				}, "year");
+				return /* @__PURE__ */ v("span", {
+					role: "gridcell",
+					"aria-selected": o,
+					className: m([C]),
+					children: /* @__PURE__ */ v("button", {
+						type: "button",
+						"data-slot": "year-cell",
+						"data-haze-year": a,
+						disabled: Mt(a),
+						onClick: () => n(a),
+						className: m([T, o && E]),
+						children: s === void 0 ? a : /* @__PURE__ */ y("span", {
+							className: m([w]),
+							children: [a, s]
+						})
+					})
+				}, a);
+			})
+		}, r))
+	}), Ht = B === "years" ? /* @__PURE__ */ y("div", {
+		onKeyDown: Wt,
+		className: m([ye]),
+		children: [/* @__PURE__ */ y("div", {
+			"data-slot": "toolbar",
+			className: m([be]),
+			children: [
+				/* @__PURE__ */ v("button", {
+					"data-slot": "prev",
 					type: "button",
-					onClick: () => K((e) => e - 10),
-					"aria-label": F.previousDecade,
-					className: e([v]),
+					onClick: () => W((e) => e - 10),
+					"aria-label": P.previousDecade,
+					className: m([b]),
 					children: "‹"
 				}),
-				/* @__PURE__ */ h("span", {
-					className: e([y]),
+				/* @__PURE__ */ y("span", {
+					"data-slot": "title",
+					className: m([x]),
 					children: [
-						Z,
+						st,
 						" – ",
-						Z + 11
+						st + 11
 					]
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ v("button", {
+					"data-slot": "next",
 					type: "button",
-					onClick: () => K((e) => e + 10),
-					"aria-label": F.nextDecade,
-					className: e([v]),
+					onClick: () => W((e) => e + 10),
+					"aria-label": P.nextDecade,
+					className: m([b]),
 					children: "›"
 				})
-			] }) : /* @__PURE__ */ h(te, { children: [
-				/* @__PURE__ */ m("button", {
+			]
+		}), Vt(st, X, dt, xt)]
+	}) : null, Ut = B === "months" ? /* @__PURE__ */ y("div", {
+		onKeyDown: Wt,
+		className: m([ye]),
+		children: [/* @__PURE__ */ y("div", {
+			"data-slot": "toolbar",
+			className: m([be]),
+			children: [
+				/* @__PURE__ */ v("button", {
+					"data-slot": "prev",
 					type: "button",
-					onClick: () => K((e) => e - 1),
-					"aria-label": F.previousYear,
-					className: e([v]),
+					onClick: () => U((e) => e - 1),
+					"aria-label": P.previousYear,
+					className: m([b]),
 					children: "‹"
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ v("button", {
+					"data-slot": "title",
 					type: "button",
 					"aria-haspopup": "grid",
-					onClick: We,
-					className: e([oe, y]),
-					children: G
+					onClick: lt,
+					className: m([ce, x]),
+					children: H
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ v("button", {
+					"data-slot": "next",
 					type: "button",
-					onClick: () => K((e) => e + 1),
-					"aria-label": F.nextYear,
-					className: e([v]),
+					onClick: () => U((e) => e + 1),
+					"aria-label": P.nextYear,
+					className: m([b]),
 					children: "›"
 				})
-			] })
-		}), 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,
+			]
+		}), /* @__PURE__ */ v("div", {
+			ref: z,
+			"data-slot": "month-grid",
 			role: "grid",
-			"aria-label": F.selectMonth,
-			onKeyDown: Ye,
-			className: e([w]),
+			"aria-label": P.selectMonth,
+			onKeyDown: bt,
+			className: m([xe]),
 			children: [
 				0,
 				1,
 				2,
 				3
-			].map((t) => /* @__PURE__ */ m("div", {
+			].map((e) => /* @__PURE__ */ v("div", {
 				role: "row",
-				className: e([b]),
+				className: m([S]),
 				children: [
 					0,
 					1,
 					2
-				].map((n) => {
-					let r = t * 3 + n, i = G === J && r === Y;
-					return /* @__PURE__ */ m("span", {
+				].map((t) => {
+					let n = e * 3 + t, r = H === X && n === Q, i = M?.({
+						year: H,
+						month: n,
+						day: 1
+					}, "month");
+					return /* @__PURE__ */ v("span", {
 						role: "gridcell",
-						"aria-selected": i,
-						className: e([x]),
-						children: /* @__PURE__ */ m("button", {
+						"aria-selected": r,
+						className: m([C]),
+						children: /* @__PURE__ */ v("button", {
 							type: "button",
-							"data-haze-month": r,
-							onClick: () => Ue(r),
-							className: e([S, i && C]),
-							children: Be[r]
+							"data-slot": "month-cell",
+							"data-haze-month": n,
+							onClick: () => ot(n),
+							className: m([T, r && E]),
+							children: i === void 0 ? tt[n] : /* @__PURE__ */ y("span", {
+								className: m([w]),
+								children: [tt[n], i]
+							})
 						})
-					}, r);
+					}, n);
 				})
-			}, t))
+			}, e))
 		})]
-	});
-	function mt(e) {
-		e.key === "Escape" && (e.preventDefault(), q ? Ge() : He());
+	}) : null;
+	function Wt(e) {
+		e.key === "Escape" && (e.preventDefault(), B === "years" ? ut() : at());
 	}
-	if (t !== "date") {
-		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,
+	if (h !== "date" && h !== "week") {
+		let e = Math.floor(X / 10) * 10, t = K && h !== "year", n = t || h === "year" ? P.previousDecade : P.previousYear, a = t || h === "year" ? P.nextDecade : P.nextYear, s = t ? /* @__PURE__ */ v("div", {
+			onKeyDown: (e) => {
+				e.key === "Escape" && (e.preventDefault(), ht());
+			},
+			className: m([ye]),
+			children: Vt(ft, X, gt, St)
+		}) : h === "month" ? /* @__PURE__ */ v("div", {
+			ref: R,
+			"data-slot": "month-grid",
 			role: "grid",
-			"aria-label": F.selectMonth,
-			onKeyDown: $e,
-			className: e([w]),
+			"aria-label": P.selectMonth,
+			onKeyDown: Tt,
+			className: m([xe]),
 			children: [
 				0,
 				1,
 				2,
 				3
-			].map((t) => /* @__PURE__ */ m("div", {
+			].map((e) => /* @__PURE__ */ v("div", {
 				role: "row",
-				className: e([b]),
+				className: m([S]),
 				children: [
 					0,
 					1,
 					2
-				].map((n) => {
-					let r = t * 3 + n, i = P === o(J, r);
-					return /* @__PURE__ */ m("span", {
+				].map((t) => {
+					let n = e * 3 + t, i = N === r(X, n), a = M?.({
+						year: X,
+						month: n,
+						day: 1
+					}, "month");
+					return /* @__PURE__ */ v("span", {
 						role: "gridcell",
 						"aria-selected": i,
-						className: e([x]),
-						children: /* @__PURE__ */ m("button", {
+						className: m([C]),
+						children: /* @__PURE__ */ v("button", {
 							type: "button",
-							"data-haze-month": r,
-							disabled: it(J, r),
-							onClick: () => st(o(J, r)),
-							className: e([S, i && C]),
-							children: Be[r]
+							"data-slot": "month-cell",
+							"data-haze-month": n,
+							disabled: At(X, n),
+							onClick: () => Nt(r(X, n)),
+							className: m([T, i && E]),
+							children: a === void 0 ? tt[n] : /* @__PURE__ */ y("span", {
+								className: m([w]),
+								children: [tt[n], a]
+							})
 						})
-					}, r);
+					}, n);
 				})
-			}, t))
-		}) : t === "quarter" ? /* @__PURE__ */ m("div", {
-			ref: V,
+			}, e))
+		}) : h === "quarter" ? /* @__PURE__ */ v("div", {
+			ref: R,
+			"data-slot": "quarter-grid",
 			role: "grid",
-			"aria-label": F.selectQuarter,
-			onKeyDown: $e,
-			className: e([ve]),
-			children: m("div", {
+			"aria-label": P.selectQuarter,
+			onKeyDown: Tt,
+			className: m([Se]),
+			children: v("div", {
 				role: "row",
-				className: e([b]),
+				className: m([S]),
 				children: [
 					1,
 					2,
 					3,
 					4
-				].map((t) => {
-					let n = P === s(J, t);
-					return /* @__PURE__ */ m("span", {
+				].map((e) => {
+					let t = N === i(X, e), n = M?.({
+						year: X,
+						month: e * 3 - 3,
+						day: 1
+					}, "quarter");
+					return /* @__PURE__ */ v("span", {
 						role: "gridcell",
-						"aria-selected": n,
-						className: e([x]),
-						children: /* @__PURE__ */ h("button", {
+						"aria-selected": t,
+						className: m([C]),
+						children: /* @__PURE__ */ v("button", {
 							type: "button",
-							"data-haze-quarter": t,
-							disabled: at(J, t),
-							onClick: () => st(s(J, t)),
-							className: e([S, n && C]),
-							children: ["Q", t]
+							"data-slot": "quarter-cell",
+							"data-haze-quarter": e,
+							disabled: jt(X, e),
+							onClick: () => Nt(i(X, e)),
+							className: m([T, t && E]),
+							children: n === void 0 ? `Q${e}` : /* @__PURE__ */ y("span", {
+								className: m([w]),
+								children: [
+									"Q",
+									e,
+									n
+								]
+							})
 						})
-					}, t);
+					}, e);
 				})
 			})
-		}) : /* @__PURE__ */ m("div", {
-			ref: V,
+		}) : /* @__PURE__ */ v("div", {
+			ref: R,
+			"data-slot": "year-grid",
 			role: "grid",
-			"aria-label": F.selectYear,
-			onKeyDown: $e,
-			className: e([w]),
+			"aria-label": P.selectYear,
+			onKeyDown: Tt,
+			className: m([xe]),
 			children: [
 				0,
 				1,
 				2,
 				3
-			].map((t) => /* @__PURE__ */ m("div", {
+			].map((t) => /* @__PURE__ */ v("div", {
 				role: "row",
-				className: e([b]),
+				className: m([S]),
 				children: [
 					0,
 					1,
 					2
-				].map((r) => {
-					let i = n + t * 3 + r, a = P === c(i);
-					return /* @__PURE__ */ m("span", {
+				].map((n) => {
+					let r = e + t * 3 + n, i = N === o(r), a = M?.({
+						year: r,
+						month: 0,
+						day: 1
+					}, "year");
+					return /* @__PURE__ */ v("span", {
 						role: "gridcell",
-						"aria-selected": a,
-						className: e([x]),
-						children: /* @__PURE__ */ m("button", {
+						"aria-selected": i,
+						className: m([C]),
+						children: /* @__PURE__ */ v("button", {
 							type: "button",
-							"data-haze-year": i,
-							disabled: ot(i),
-							onClick: () => st(c(i)),
-							className: e([S, a && C]),
-							children: i
+							"data-slot": "year-cell",
+							"data-haze-year": r,
+							disabled: Mt(r),
+							onClick: () => Nt(o(r)),
+							className: m([T, i && E]),
+							children: a === void 0 ? r : /* @__PURE__ */ y("span", {
+								className: m([w]),
+								children: [r, a]
+							})
 						})
-					}, i);
+					}, r);
 				})
 			}, t))
 		});
-		return /* @__PURE__ */ h("div", {
-			ref: L,
-			...De,
-			className: e([ie, Ee]),
-			children: [/* @__PURE__ */ h("div", {
-				className: e([ae]),
+		return /* @__PURE__ */ y("div", {
+			ref: ze,
+			"data-slot": "calendar",
+			...Fe,
+			className: m([ae, Pe]),
+			children: [/* @__PURE__ */ y("div", {
+				"data-slot": "header",
+				className: m([oe]),
 				children: [
-					/* @__PURE__ */ m("button", {
+					/* @__PURE__ */ v("button", {
+						"data-slot": "prev",
 						type: "button",
-						onClick: () => Qe(-1),
-						"aria-label": r,
-						className: e([v]),
+						onClick: () => t ? We((e) => e - 10) : wt(-1),
+						"aria-label": n,
+						className: m([b]),
 						children: "‹"
 					}),
-					/* @__PURE__ */ m("span", {
-						className: e([y]),
-						children: a
+					t ? /* @__PURE__ */ y("span", {
+						"data-slot": "title",
+						className: m([x]),
+						children: [
+							ft,
+							" – ",
+							ft + 11
+						]
+					}) : h === "year" ? /* @__PURE__ */ y("span", {
+						"data-slot": "title",
+						className: m([x]),
+						children: [
+							e,
+							" – ",
+							e + 11
+						]
+					}) : /* @__PURE__ */ v("button", {
+						ref: Ve,
+						"data-slot": "title",
+						type: "button",
+						"aria-haspopup": "grid",
+						"aria-expanded": K,
+						onClick: K ? ht : mt,
+						className: m([ce, x]),
+						children: X
 					}),
-					/* @__PURE__ */ h("span", {
-						className: e([se]),
-						children: [/* @__PURE__ */ m("button", {
+					/* @__PURE__ */ y("span", {
+						"data-slot": "actions",
+						className: m([le]),
+						children: [/* @__PURE__ */ v("button", {
+							"data-slot": "today-button",
 							type: "button",
-							onClick: nt,
-							className: e([v]),
-							children: F.today
-						}), /* @__PURE__ */ m("button", {
+							onClick: () => {
+								t && q(!1), Ot();
+							},
+							className: m([b]),
+							children: P.today
+						}), /* @__PURE__ */ v("button", {
+							"data-slot": "next",
 							type: "button",
-							onClick: () => Qe(1),
-							"aria-label": i,
-							className: e([v]),
+							onClick: () => t ? We((e) => e + 10) : wt(1),
+							"aria-label": a,
+							className: m([b]),
 							children: "›"
 						})]
 					})
 				]
-			}), l]
+			}), s]
 		});
 	}
-	return /* @__PURE__ */ h("div", {
-		ref: L,
-		...De,
-		className: e([ie, Ee]),
-		children: [/* @__PURE__ */ h("div", {
-			className: e([ae]),
+	return /* @__PURE__ */ y("div", {
+		ref: ze,
+		"data-slot": "calendar",
+		...Fe,
+		className: m([ae, Pe]),
+		children: [/* @__PURE__ */ y("div", {
+			"data-slot": "header",
+			className: m([oe]),
 			children: [
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ v("button", {
+					"data-slot": "prev",
 					type: "button",
-					onClick: et,
-					"aria-label": F.previousMonth,
-					className: e([v]),
+					onClick: Et,
+					"aria-label": P.previousMonth,
+					className: m([b]),
 					children: "‹"
 				}),
-				/* @__PURE__ */ m("button", {
-					ref: Ae,
-					type: "button",
-					"aria-expanded": U,
-					onClick: U ? He : Ve,
-					className: e([oe, y]),
-					children: ft
+				/* @__PURE__ */ v("span", {
+					className: m([se]),
+					children: rt ? /* @__PURE__ */ y(re, { children: [zt, Rt] }) : /* @__PURE__ */ y(re, { children: [Rt, zt] })
 				}),
-				/* @__PURE__ */ h("span", {
-					className: e([se]),
-					children: [/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ y("span", {
+					"data-slot": "actions",
+					className: m([le]),
+					children: [/* @__PURE__ */ v("button", {
+						"data-slot": "today-button",
 						type: "button",
-						onClick: nt,
-						className: e([v]),
-						children: F.today
-					}), /* @__PURE__ */ m("button", {
+						onClick: Ot,
+						className: m([b]),
+						children: P.today
+					}), /* @__PURE__ */ v("button", {
+						"data-slot": "next",
 						type: "button",
-						onClick: tt,
-						"aria-label": F.nextMonth,
-						className: e([v]),
+						onClick: Dt,
+						"aria-label": P.nextMonth,
+						className: m([b]),
 						children: "›"
 					})]
 				})
 			]
-		}), U ? pt : we === 2 ? /* @__PURE__ */ h("div", {
-			className: e([pe]),
-			children: [/* @__PURE__ */ m("div", {
-				className: e([me]),
-				children: $({
-					year: J,
-					month: Y
-				}, I, qe)
-			}), /* @__PURE__ */ h("div", {
-				className: e([me]),
-				children: [/* @__PURE__ */ m("div", {
-					className: e([he]),
-					children: /* @__PURE__ */ m("span", {
-						className: e([y]),
-						children: Re.format(new Date(Q.year, Q.month))
+		}), B === "days" ? je === 2 ? /* @__PURE__ */ y("div", {
+			"data-slot": "months",
+			className: m([ge]),
+			children: [/* @__PURE__ */ v("div", {
+				"data-slot": "month-panel",
+				className: m([_e]),
+				children: Bt({
+					year: X,
+					month: Q
+				}, Le, vt)
+			}), /* @__PURE__ */ y("div", {
+				"data-slot": "month-panel",
+				className: m([_e]),
+				children: [/* @__PURE__ */ v("div", {
+					"data-slot": "header",
+					className: m([ve]),
+					children: /* @__PURE__ */ v("span", {
+						"data-slot": "title",
+						className: m([x]),
+						children: Qe.format(new Date(_t.year, _t.month))
 					})
-				}), $(Q, ke, Je)]
+				}), Bt(_t, Re, yt)]
 			})]
-		}) : $({
-			year: J,
-			month: Y
-		}, I, qe)]
+		}) : Bt({
+			year: X,
+			month: Q
+		}, Le, vt) : Ht ?? Ut]
 	});
 }
 //#endregion
-export { O as default };
+export { k as default };