themelia-ui 3.0.0 → 3.2.0

package/dist/date-pickers-BwCwKIVM.js

@@ -0,0 +1,685 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { t as r } from "./ui-provider-DpzLUD12.js";
+import { c as i } from "./buttons-BX2JfL5X.js";
+import { d as a, v as o } from "./display-a7AoX_u7.js";
+import { l as s } from "./text-inputs-BboE77nZ.js";
+import { c, r as l, t as u } from "./popover-CA7SP_iz.js";
+import { CalendarIcon as d, ChevronLeftIcon as f, ChevronRightIcon as p, XIcon as m } from "lucide-react";
+import { forwardRef as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { addDays as C, addMonths as w, addYears as T, eachDayOfInterval as E, endOfMonth as D, endOfWeek as O, endOfYear as k, format as A, isAfter as j, isBefore as M, isSameDay as N, isSameMonth as ee, isToday as P, isValid as F, setMonth as I, setYear as L, startOfDay as R, startOfMonth as z, startOfWeek as B, startOfYear as V, subDays as H, subMonths as U, subYears as W } from "date-fns";
+import "#css/date-pickers.css";
+//#region src/components/base/date-pickers/date-pickers.strings.ts
+var G = {
+	previousMonth: "Previous month",
+	nextMonth: "Next month",
+	chooseMonth: "Choose a month",
+	previousYear: "Previous year",
+	nextYear: "Next year"
+}, K = {
+	...G,
+	clear: "Clear date",
+	placeholder: "Choose a date",
+	dateCount: (e) => `${e} dates`
+}, q = {
+	last7Days: "Last 7 days",
+	last30Days: "Last 30 days",
+	thisWeek: "This week",
+	thisMonth: "This month",
+	lastMonth: "Last month",
+	thisYear: "This year",
+	lastYear: "Last year"
+}, J = {
+	calendar: "calendar__calendar___iQH98",
+	header: "calendar__header___vrHwi",
+	caption: "calendar__caption___LJHP1",
+	monthColumn: "calendar__monthColumn___u0Qds",
+	monthCaption: "calendar__monthCaption___-2cl0",
+	navButton: "calendar__navButton___godj1",
+	grid: "calendar__grid___iofWV",
+	row: "calendar__row___J1oub",
+	weekday: "calendar__weekday___tauKt",
+	cell: "calendar__cell___O0X30",
+	day: "calendar__day___J7Kzq",
+	monthGrid: "calendar__monthGrid___Mp8mM",
+	monthCell: "calendar__monthCell___F7aG4",
+	body: "calendar__body___cZzHv",
+	presets: "calendar__presets___6iQwd",
+	months: "calendar__months___LXJzL",
+	time: "calendar__time___3OYEb",
+	timeSegment: "calendar__timeSegment___-YVEW",
+	timeSeparator: "calendar__timeSeparator___VYETJ",
+	triggerFrame: "calendar__triggerFrame___CLmnX",
+	trigger: "calendar__trigger___-e6Sv",
+	triggerFrameClearable: "calendar__triggerFrameClearable___O5Ccn",
+	triggerClear: "calendar__triggerClear___JSwew",
+	triggerPlaceholder: "calendar__triggerPlaceholder___oBgIG",
+	triggerIcon: "calendar__triggerIcon___fk1rz",
+	band: "calendar__band___gLIyP",
+	bandText: "calendar__bandText___oWalC",
+	bandActions: "calendar__bandActions___lm81h"
+};
+//#endregion
+//#region src/components/base/date-pickers/calendar.tsx
+function te(e, { minDate: t, maxDate: n, disabledDates: r }) {
+	return t && M(R(e), R(t)) || n && j(R(e), R(n)) ? !0 : r?.(e) ?? !1;
+}
+function Y(e) {
+	return e ?? {};
+}
+function ne(e) {
+	if (e) return Array.isArray(e) ? e[0] : e instanceof Date ? e : Y(e).from;
+}
+function re({ strings: t, mode: i = "single", value: o, onValueChange: s, month: c, onMonthChange: l, numberOfMonths: u = 1, weekStartsOn: d, className: m, ...h }) {
+	let E = {
+		...G,
+		...t
+	}, k = g(), { weekStartsOn: ee, locale: P } = r(), F = d ?? ee ?? 1, [I, L] = y(() => z(c ?? ne(o) ?? /* @__PURE__ */ new Date())), V = c ? z(c) : I, [H, W] = y("days"), K = (e) => {
+		c || L(z(e)), l?.(z(e));
+	}, q = _(() => {
+		if (!o) return [];
+		if (Array.isArray(o)) return o;
+		if (o instanceof Date) return [o];
+		let e = Y(o);
+		return [e.from, e.to].filter((e) => !!e);
+	}, [o]), re = (e) => q.some((t) => N(t, e)), X = i === "range" ? Y(o) : void 0, Z = v(null), [Q, ae] = y(null), oe = D(w(V, u - 1)), $ = (e) => !M(e, V) && !j(e, oe), se = () => {
+		for (let e = V; !j(e, D(V)); e = C(e, 1)) if (!te(e, h)) return e;
+		return V;
+	}, ce = R(/* @__PURE__ */ new Date()), le = (Q && $(Q) ? Q : void 0) ?? q.find($) ?? ($(ce) ? ce : void 0) ?? se(), ue = (e) => {
+		ae(e), $(e) || K(M(e, V) ? z(e) : z(w(e, -(u - 1)))), requestAnimationFrame(() => {
+			Z.current?.querySelector(`[data-day="${A(e, "yyyy-MM-dd")}"]:not([data-outside])`)?.focus();
+		});
+	}, de = (e, t) => {
+		let n = Z.current ? getComputedStyle(Z.current).direction === "rtl" : !1, r = (e) => n ? -e : e, i = e.key === "ArrowLeft" ? C(t, r(-1)) : e.key === "ArrowRight" ? C(t, r(1)) : e.key === "ArrowUp" ? C(t, -7) : e.key === "ArrowDown" ? C(t, 7) : e.key === "Home" ? B(t, { weekStartsOn: F }) : e.key === "End" ? O(t, { weekStartsOn: F }) : e.key === "PageUp" ? e.shiftKey ? T(t, -1) : w(t, -1) : e.key === "PageDown" ? e.shiftKey ? T(t, 1) : w(t, 1) : null;
+		i && (e.preventDefault(), ue(i));
+	}, fe = (e) => {
+		if (!X?.from || !X.to) return !1;
+		let t = R(e);
+		return !M(t, R(X.from)) && !j(t, R(X.to));
+	}, pe = (e) => {
+		if (i === "single") {
+			s?.(e);
+			return;
+		}
+		if (i === "multiple") {
+			let t = Array.isArray(o) ? o : [], n = t.some((t) => N(t, e));
+			s?.(n ? t.filter((t) => !N(t, e)) : [...t, e]);
+			return;
+		}
+		let t = Y(o);
+		if (!t.from || t.to) {
+			s?.({
+				from: e,
+				to: void 0
+			});
+			return;
+		}
+		if (M(e, t.from)) {
+			s?.({
+				from: e,
+				to: void 0
+			});
+			return;
+		}
+		s?.({
+			from: t.from,
+			to: e
+		});
+	};
+	return /* @__PURE__ */ S("div", {
+		ref: Z,
+		className: n("calendar--component", J.calendar, m),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: J.header,
+				children: [
+					/* @__PURE__ */ x("button", {
+						type: "button",
+						className: J.navButton,
+						"aria-label": E.previousMonth,
+						onClick: () => K(U(V, 1)),
+						children: /* @__PURE__ */ x(f, { "aria-hidden": !0 })
+					}),
+					u === 1 ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(a, {
+						id: k,
+						children: E.chooseMonth
+					}), /* @__PURE__ */ x("button", {
+						type: "button",
+						className: n(J.caption, e({
+							size: "sm",
+							weight: "medium"
+						})),
+						"aria-describedby": k,
+						onClick: () => W(H === "days" ? "months" : "days"),
+						children: A(V, "MMMM yyyy", { locale: P })
+					})] }) : /* @__PURE__ */ S("span", {
+						className: e({
+							size: "sm",
+							weight: "medium"
+						}),
+						children: [
+							A(V, "MMMM yyyy", { locale: P }),
+							" – ",
+							A(w(V, u - 1), "MMMM yyyy", { locale: P })
+						]
+					}),
+					/* @__PURE__ */ x("button", {
+						type: "button",
+						className: J.navButton,
+						"aria-label": E.nextMonth,
+						onClick: () => K(w(V, 1)),
+						children: /* @__PURE__ */ x(p, { "aria-hidden": !0 })
+					})
+				]
+			}),
+			H === "days" && /* @__PURE__ */ x("div", {
+				className: J.months,
+				children: Array.from({ length: u }, (e, t) => /* @__PURE__ */ x(ie, {
+					month: w(V, t),
+					showCaption: u > 1,
+					firstDay: F,
+					constraints: h,
+					isSelected: re,
+					inRange: fe,
+					range: X,
+					onSelect: pe,
+					tabTarget: le,
+					onDayKeyDown: de,
+					onDayFocus: ae
+				}, t))
+			}),
+			H === "months" && /* @__PURE__ */ x("div", {
+				className: J.monthGrid,
+				children: Array.from({ length: 12 }, (t, r) => {
+					let i = new Date(V.getFullYear(), r, 1);
+					return /* @__PURE__ */ x("button", {
+						type: "button",
+						className: n(J.monthCell, e({ size: "sm" })),
+						"data-selected": i.getMonth() === V.getMonth() || void 0,
+						onClick: () => {
+							K(i), W("days");
+						},
+						children: A(i, "MMM", { locale: P })
+					}, r);
+				})
+			})
+		]
+	});
+}
+function ie({ month: t, showCaption: i = !1, firstDay: a, constraints: o, isSelected: s, inRange: c, range: l, onSelect: u, tabTarget: d, onDayKeyDown: f, onDayFocus: p }) {
+	let { locale: m } = r(), h = _(() => E({
+		start: B(z(t), { weekStartsOn: a }),
+		end: O(D(t), { weekStartsOn: a })
+	}), [a, t]), g = _(() => {
+		let e = [];
+		for (let t = 0; t < h.length; t += 7) e.push(h.slice(t, t + 7));
+		return e;
+	}, [h]), v = _(() => h.slice(0, 7).map((e) => A(e, "EEEEEE", { locale: m })), [h, m]);
+	return /* @__PURE__ */ S("div", {
+		className: J.monthColumn,
+		children: [i && /* @__PURE__ */ x("div", {
+			className: n(J.monthCaption, e({
+				size: "sm",
+				weight: "medium"
+			})),
+			children: A(t, "MMMM yyyy", { locale: m })
+		}), /* @__PURE__ */ S("div", {
+			className: J.grid,
+			role: "grid",
+			"aria-label": A(t, "MMMM yyyy", { locale: m }),
+			children: [/* @__PURE__ */ x("div", {
+				className: J.row,
+				role: "row",
+				children: v.map((t) => /* @__PURE__ */ x("div", {
+					className: n(J.weekday, e({
+						size: "xs",
+						weight: "medium",
+						type: "secondary"
+					})),
+					role: "columnheader",
+					"aria-label": t,
+					children: t
+				}, t))
+			}), g.map((r) => /* @__PURE__ */ x("div", {
+				className: J.row,
+				role: "row",
+				children: r.map((r) => {
+					let i = !ee(r, t), a = te(r, o), h = s(r), g = c(r);
+					return /* @__PURE__ */ x("div", {
+						className: J.cell,
+						role: "gridcell",
+						"data-in-range": g || void 0,
+						"data-range-start": l?.from && N(r, l.from) || void 0,
+						"data-range-end": l?.to && N(r, l.to) || void 0,
+						children: /* @__PURE__ */ x("button", {
+							type: "button",
+							className: n(J.day, e({
+								size: "sm",
+								numeric: !0,
+								weight: h ? "medium" : void 0
+							})),
+							"data-day": A(r, "yyyy-MM-dd"),
+							"data-today": P(r) || void 0,
+							"data-outside": i || void 0,
+							"data-selected": h || void 0,
+							"aria-disabled": a || void 0,
+							"aria-pressed": h,
+							"aria-label": A(r, "d MMMM yyyy", { locale: m }),
+							tabIndex: !i && N(r, d) ? 0 : -1,
+							onClick: () => {
+								a || u(r);
+							},
+							onFocus: () => p(r),
+							onKeyDown: (e) => f(e, r),
+							children: A(r, "d", { locale: m })
+						})
+					}, r.toISOString());
+				})
+			}, r[0].toISOString()))]
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker.tsx
+function X(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e) && !(e instanceof Date);
+}
+function Z({ ref: e, id: t, mode: a = "single", value: o, onValueChange: s, displayFormat: f = "d MMM yyyy", placeholder: p, disabled: h = !1, invalid: g = !1, clearable: b = !1, strings: C, presets: w, numberOfMonths: T = a === "range" ? 2 : 1, closeOnSelect: E = a === "single", header: D, footer: O, className: k, contentClassName: j, minDate: M, maxDate: N, disabledDates: ee, ...P }) {
+	let I = {
+		...K,
+		...C
+	}, L = v(null), { locale: R } = r(), [z, B] = y(!1);
+	h && z && B(!1);
+	let V = I.dateCount, H = _(() => {
+		if (!o) return null;
+		let e = (e) => F(e) ? A(e, f, { locale: R }) : null;
+		return o instanceof Date ? e(o) : Array.isArray(o) ? o.length === 0 ? null : o.length <= 2 ? o.map(e).filter(Boolean).join(", ") : V?.(o.length) ?? null : X(o) && o.from ? o.to ? `${e(o.from)} – ${e(o.to)}` : `${e(o.from)} –` : null;
+	}, [
+		V,
+		f,
+		o,
+		R
+	]), U = H !== null && H !== "", W = (e) => {
+		s?.(e), E && (a === "range" && X(e) && !e.to || a !== "multiple" && B(!1));
+	};
+	return /* @__PURE__ */ S(u, {
+		open: z,
+		onOpenChange: B,
+		children: [/* @__PURE__ */ S("span", {
+			className: n(J.triggerFrame, b && U && J.triggerFrameClearable),
+			children: [/* @__PURE__ */ x(c, {
+				id: t,
+				ref: e,
+				render: /* @__PURE__ */ S("button", {
+					type: "button",
+					role: "combobox",
+					"aria-haspopup": "dialog",
+					"aria-label": P["aria-label"] ?? (P["aria-labelledby"] ? void 0 : I.placeholder),
+					"data-field-control": "",
+					disabled: h,
+					"aria-invalid": g || void 0,
+					className: n("date-picker--component", J.trigger, k),
+					...P,
+					children: [/* @__PURE__ */ x("span", {
+						className: n(!U && J.triggerPlaceholder),
+						children: U ? H : p ?? I.placeholder
+					}), /* @__PURE__ */ x("span", {
+						className: J.triggerIcon,
+						children: /* @__PURE__ */ x(d, { "aria-hidden": !0 })
+					})]
+				})
+			}), !!b && !!U && /* @__PURE__ */ x("button", {
+				type: "button",
+				className: J.triggerClear,
+				"data-hit-area": !0,
+				"aria-label": I.clear,
+				disabled: h,
+				onClick: () => s?.(void 0),
+				children: /* @__PURE__ */ x(m, { "aria-hidden": !0 })
+			})]
+		}), /* @__PURE__ */ x(l, {
+			align: "start",
+			inset: "flush",
+			width: "auto",
+			"aria-label": I.placeholder,
+			className: j,
+			initialFocus: () => L.current?.querySelector("[data-day][tabindex=\"0\"]") ?? !0,
+			children: /* @__PURE__ */ S("div", {
+				ref: L,
+				className: J.body,
+				children: [
+					!!w?.length && /* @__PURE__ */ x("div", {
+						className: J.presets,
+						children: w.map((e) => /* @__PURE__ */ x(i, {
+							tone: "neutral",
+							appearance: "ghost",
+							onClick: () => W(e.value()),
+							children: e.label
+						}, e.label))
+					}),
+					D,
+					/* @__PURE__ */ x(re, {
+						strings: I,
+						mode: a,
+						value: o,
+						onValueChange: W,
+						numberOfMonths: T,
+						minDate: M,
+						maxDate: N,
+						disabledDates: ee,
+						...P
+					}),
+					O
+				]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/time-picker.strings.ts
+var Q = {
+	label: "Time",
+	hours: "Hours",
+	minutes: "Minutes",
+	seconds: "Seconds"
+};
+//#endregion
+//#region src/components/base/date-pickers/time-picker.tsx
+function ae(e, t) {
+	return Number.isNaN(e) ? 0 : (e % t + t) % t;
+}
+var oe = (e) => String(e).padStart(2, "0");
+function $({ id: t, labelledBy: r, describedBy: i, invalid: a, required: o, value: c, max: l, step: u, disabled: d, onCommit: f }) {
+	let [p, m] = y(null), h = (e) => u > 1 ? Math.min(Math.round(e / u) * u, l - u) : e, g = (e) => {
+		m(null), e !== "" && f(h(Math.min(Number.parseInt(e, 10), l - 1)));
+	};
+	return /* @__PURE__ */ x(s, {
+		id: t,
+		type: "text",
+		inputMode: "numeric",
+		role: "spinbutton",
+		"aria-valuenow": c,
+		"aria-valuemin": 0,
+		"aria-valuemax": l - 1,
+		"aria-valuetext": oe(c),
+		"aria-labelledby": r,
+		"aria-describedby": i,
+		"aria-invalid": a || void 0,
+		"aria-required": o || void 0,
+		className: n(J.timeSegment, e({
+			size: "inherit",
+			numeric: !0
+		})),
+		value: p ?? oe(c),
+		disabled: d,
+		onKeyDown: (e) => {
+			if (/^\d$/.test(e.key)) {
+				e.preventDefault();
+				let t = (p ?? "") + e.key;
+				t.length >= 2 ? g(t) : m(t);
+				return;
+			}
+			if (e.key === "Backspace") {
+				e.preventDefault(), m((p ?? oe(c)).slice(0, -1));
+				return;
+			}
+			let t = e.key === "ArrowUp" ? u : e.key === "ArrowDown" ? -u : 0;
+			t !== 0 && (e.preventDefault(), m(null), f(h(ae((p ? Number.parseInt(p, 10) : c) + t, l))));
+		},
+		onChange: (e) => {
+			let t = e.target.value.replace(/\D/g, "").slice(0, 2);
+			t.length === 2 ? g(t) : m(t);
+		},
+		onBlur: () => {
+			p !== null && g(p);
+		},
+		onFocus: (e) => e.target.select()
+	});
+}
+function se({ id: e, value: t = {
+	hours: 0,
+	minutes: 0
+}, onValueChange: r, withSeconds: i = !1, minuteStep: o = 1, disabled: s = !1, invalid: c = !1, className: l, strings: u, "aria-labelledby": d, "aria-describedby": f, "aria-invalid": p, "aria-required": m }) {
+	let h = {
+		...Q,
+		...u
+	}, _ = g(), v = c || p === !0 || p === "true", y = m === !0 || m === "true", C = (n, i, o, c, l) => {
+		let u = `${_}-${n}`;
+		return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(a, {
+			id: u,
+			children: i
+		}), /* @__PURE__ */ x($, {
+			id: n === "hours" ? e : void 0,
+			labelledBy: d ? `${d} ${u}` : u,
+			describedBy: f,
+			invalid: v,
+			required: y,
+			value: o,
+			max: c,
+			step: l,
+			disabled: s,
+			onCommit: (e) => r?.({
+				...t,
+				[n]: e
+			})
+		})] });
+	};
+	return /* @__PURE__ */ S("div", {
+		className: n("time-picker--component", J.time, l),
+		role: "group",
+		"aria-labelledby": d,
+		"aria-label": d ? void 0 : h.label,
+		children: [
+			C("hours", h.hours, t.hours, 24, 1),
+			/* @__PURE__ */ x("span", {
+				"aria-hidden": !0,
+				className: J.timeSeparator,
+				children: ":"
+			}),
+			C("minutes", h.minutes, t.minutes, 60, Math.max(1, o)),
+			i && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", {
+				"aria-hidden": !0,
+				className: J.timeSeparator,
+				children: ":"
+			}), C("seconds", h.seconds, t.seconds ?? 0, 60, 1)] })
+		]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/presets.ts
+function ce({ strings: e, weekStartsOn: t, now: n = () => /* @__PURE__ */ new Date() } = {}) {
+	let r = {
+		...q,
+		...e
+	}, i = t === void 0 ? void 0 : { weekStartsOn: t };
+	return [
+		{
+			label: r.last7Days,
+			value: () => ({
+				from: H(n(), 6),
+				to: n()
+			})
+		},
+		{
+			label: r.last30Days,
+			value: () => ({
+				from: H(n(), 29),
+				to: n()
+			})
+		},
+		{
+			label: r.thisWeek,
+			value: () => ({
+				from: B(n(), i),
+				to: O(n(), i)
+			})
+		},
+		{
+			label: r.thisMonth,
+			value: () => ({
+				from: z(n()),
+				to: D(n())
+			})
+		},
+		{
+			label: r.lastMonth,
+			value: () => {
+				let e = U(n(), 1);
+				return {
+					from: z(e),
+					to: D(e)
+				};
+			}
+		},
+		{
+			label: r.thisYear,
+			value: () => ({
+				from: V(n()),
+				to: k(n())
+			})
+		},
+		{
+			label: r.lastYear,
+			value: () => {
+				let e = W(n(), 1);
+				return {
+					from: V(e),
+					to: k(e)
+				};
+			}
+		}
+	];
+}
+//#endregion
+//#region src/components/base/date-pickers/presets-pickers.tsx
+var le = h(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ x(Z, {
+		ref: r,
+		mode: "single",
+		value: e,
+		onValueChange: (e) => t?.(e),
+		...n
+	});
+}), ue = h(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ x(Z, {
+		ref: r,
+		mode: "multiple",
+		value: e,
+		onValueChange: (e) => t?.(e ?? []),
+		...n
+	});
+}), de = h(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ x(Z, {
+		ref: r,
+		mode: "range",
+		value: e,
+		onValueChange: (e) => t?.(e ?? {}),
+		...n
+	});
+});
+//#endregion
+//#region src/components/base/date-pickers/month-year-picker.tsx
+function fe({ value: t, onValueChange: i, minYear: a, maxYear: o, disabledMonths: s, strings: c, className: l, ...u }) {
+	let d = {
+		...G,
+		...c
+	}, m = /* @__PURE__ */ new Date(), h = t ?? {
+		month: m.getMonth(),
+		year: m.getFullYear()
+	}, { locale: g } = r(), [v, b] = y(h.year), C = _(() => Array.from({ length: 12 }, (e, t) => A(I(/* @__PURE__ */ new Date(), t), "MMM", { locale: g })), [g]), w = a !== void 0 && v <= a, T = o !== void 0 && v >= o;
+	return /* @__PURE__ */ S("div", {
+		className: n("month-year-picker--component", J.calendar, l),
+		...u,
+		children: [/* @__PURE__ */ S("div", {
+			className: J.header,
+			children: [
+				/* @__PURE__ */ x("button", {
+					type: "button",
+					className: J.navButton,
+					"aria-label": d.previousYear,
+					disabled: w,
+					onClick: () => b((e) => e - 1),
+					children: /* @__PURE__ */ x(f, { "aria-hidden": !0 })
+				}),
+				/* @__PURE__ */ x("span", {
+					className: n(J.caption, e({
+						size: "sm",
+						weight: "medium"
+					})),
+					"aria-live": "polite",
+					children: v
+				}),
+				/* @__PURE__ */ x("button", {
+					type: "button",
+					className: J.navButton,
+					"aria-label": d.nextYear,
+					disabled: T,
+					onClick: () => b((e) => e + 1),
+					children: /* @__PURE__ */ x(p, { "aria-hidden": !0 })
+				})
+			]
+		}), /* @__PURE__ */ x("div", {
+			className: J.monthGrid,
+			children: C.map((t, r) => {
+				let a = {
+					month: r,
+					year: v
+				}, o = h.month === r && h.year === v, c = s?.(a) ?? !1;
+				return /* @__PURE__ */ x("button", {
+					type: "button",
+					className: n(J.monthCell, e({ size: "sm" })),
+					"data-selected": o || void 0,
+					"data-today": r === m.getMonth() && v === m.getFullYear() || void 0,
+					disabled: c,
+					"aria-pressed": o,
+					"aria-label": A(L(I(/* @__PURE__ */ new Date(), r), v), "MMMM yyyy", { locale: g }),
+					onClick: () => i?.(a),
+					children: t
+				}, t);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-bands.tsx
+function pe({ title: e, description: r, action: i, className: a, children: s, ...c }) {
+	return !e && !r && !i && !s ? null : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
+		"data-slot": "date-picker-header",
+		className: n("date-picker-header--component", J.band, a),
+		...c,
+		children: s ?? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("div", {
+			className: J.bandText,
+			children: [!!e && /* @__PURE__ */ x(t, {
+				weight: "medium",
+				children: e
+			}), !!r && /* @__PURE__ */ x(t, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})]
+		}), !!i && /* @__PURE__ */ x("div", {
+			className: J.bandActions,
+			children: i
+		})] })
+	}), /* @__PURE__ */ x(o, {})] });
+}
+function me({ summary: e, actions: r, className: i, children: a, ...s }) {
+	return !e && !r && !a ? null : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {}), /* @__PURE__ */ x("div", {
+		"data-slot": "date-picker-footer",
+		className: n("date-picker-footer--component", J.band, i),
+		...s,
+		children: a ?? /* @__PURE__ */ S(b, { children: [!!e && /* @__PURE__ */ x(t, {
+			size: "sm",
+			type: "secondary",
+			className: J.bandText,
+			children: e
+		}), !!r && /* @__PURE__ */ x("div", {
+			className: J.bandActions,
+			children: r
+		})] })
+	})] });
+}
+//#endregion
+export { de as a, se as c, re as d, G as f, ue as i, Q as l, q as m, pe as n, le as o, K as p, fe as r, ce as s, me as t, Z as u };

package/dist/{dialog-CtFCuTUF.js → dialog-CAnwRNrm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cx--CBrhWH0.js";
-import { r as t } from "./overlay-WQOsLd69.js";
+import { r as t } from "./overlay-BuQOl8aP.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/base/dialog/dialog.tsx