haze-ui 1.33.0 → 1.34.0

package/dist/components/Calendar/Calendar.js

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