themelia-ui 1.0.0

package/dist/date-pickers-BpGrG0Bf.js

@@ -0,0 +1,595 @@
+import "./css/date-pickers.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { t as n } from "./ui-provider-DvO3G7xp.js";
+import { c as r } from "./buttons-CabBjPap.js";
+import { v as i } from "./display-DTWjv_bB.js";
+import { l as a } from "./text-inputs-BMW3hP0R.js";
+import { c as o, r as s, t as c } from "./popover-BpUGuOeI.js";
+import { CalendarIcon as l, ChevronLeftIcon as u, ChevronRightIcon as d, XIcon as f } from "lucide-react";
+import { forwardRef as p, useCallback as m, useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { addDays as b, addMonths as x, eachDayOfInterval as S, endOfMonth as C, endOfWeek as w, endOfYear as T, format as E, isAfter as D, isBefore as O, isSameDay as k, isSameMonth as A, isToday as j, isValid as M, setMonth as N, setYear as P, startOfDay as F, startOfMonth as I, startOfWeek as L, startOfYear as R, subDays as z, subMonths as B, subYears as V } from "date-fns";
+//#region src/components/base/date-pickers/date-pickers.strings.ts
+var H = {
+	previousMonth: "Previous month",
+	nextMonth: "Next month",
+	chooseMonth: "Choose a month",
+	previousYear: "Previous year",
+	nextYear: "Next year"
+}, U = {
+	...H,
+	clear: "Clear date",
+	placeholder: "Choose a date"
+}, W = {
+	last7Days: "Last 7 days",
+	last30Days: "Last 30 days",
+	thisWeek: "This week",
+	thisMonth: "This month",
+	lastMonth: "Last month",
+	thisYear: "This year",
+	lastYear: "Last year"
+}, G = {
+	light: "calendar-module__light___DeD0u",
+	dark: "calendar-module__dark___iLmbk",
+	calendar: "calendar-module__calendar___ALTj4",
+	header: "calendar-module__header___CYeG4",
+	caption: "calendar-module__caption___hS4EZ",
+	captionRange: "calendar-module__captionRange___K40A0",
+	monthColumn: "calendar-module__monthColumn___70faw",
+	monthCaption: "calendar-module__monthCaption___1v6qG",
+	nav: "calendar-module__nav___sHmF0",
+	navButton: "calendar-module__navButton___k8AXJ",
+	grid: "calendar-module__grid___JHNWu",
+	row: "calendar-module__row___0pLIu",
+	weekday: "calendar-module__weekday___Ok3k5",
+	cell: "calendar-module__cell___xaTqq",
+	day: "calendar-module__day___3s2sw",
+	monthGrid: "calendar-module__monthGrid___t2OYp",
+	yearGrid: "calendar-module__yearGrid___5z15g",
+	monthCell: "calendar-module__monthCell___L1r7p",
+	body: "calendar-module__body___daTs7",
+	presets: "calendar-module__presets___0cf5M",
+	footer: "calendar-module__footer___3320v",
+	footerText: "calendar-module__footerText___-cJav",
+	footerActions: "calendar-module__footerActions___MMaJR",
+	months: "calendar-module__months___2BV2n",
+	time: "calendar-module__time___z47eJ",
+	timeSegment: "calendar-module__timeSegment___DUCWt",
+	timeSeparator: "calendar-module__timeSeparator___diiPD",
+	triggerFrame: "calendar-module__triggerFrame___rhEKr",
+	trigger: "calendar-module__trigger___3-BFT",
+	triggerFrameClearable: "calendar-module__triggerFrameClearable___ueKF1",
+	triggerClear: "calendar-module__triggerClear___XUBLg",
+	triggerPlaceholder: "calendar-module__triggerPlaceholder___hvYvo",
+	triggerIcon: "calendar-module__triggerIcon___oCEf6",
+	band: "calendar-module__band___pqi9s",
+	bandText: "calendar-module__bandText___q4fyO",
+	bandActions: "calendar-module__bandActions___-ZHbA"
+};
+//#endregion
+//#region src/components/base/date-pickers/calendar.tsx
+function K(e, { minDate: t, maxDate: n, disabledDates: r }) {
+	return t && O(F(e), F(t)) || n && D(F(e), F(n)) ? !0 : r?.(e) ?? !1;
+}
+function q(e) {
+	return e ?? {};
+}
+function J({ strings: t, mode: r = "single", value: i, onValueChange: a, month: o, onMonthChange: s, numberOfMonths: c = 1, weekStartsOn: l, className: f, ...p }) {
+	let m = {
+		...H,
+		...t
+	}, { weekStartsOn: _, locale: b } = n(), S = l ?? _ ?? 1, [C, w] = g(() => I(o ?? /* @__PURE__ */ new Date())), T = o ? I(o) : C, [A, j] = g("days"), M = (e) => {
+		o || w(I(e)), s?.(I(e));
+	}, N = h(() => {
+		if (!i) return [];
+		if (Array.isArray(i)) return i;
+		if (i instanceof Date) return [i];
+		let e = q(i);
+		return [e.from, e.to].filter((e) => !!e);
+	}, [i]), P = (e) => N.some((t) => k(t, e)), L = r === "range" ? q(i) : void 0, R = (e) => {
+		if (!L?.from || !L.to) return !1;
+		let t = F(e);
+		return !O(t, F(L.from)) && !D(t, F(L.to));
+	}, z = (e) => {
+		if (r === "single") {
+			a?.(e);
+			return;
+		}
+		if (r === "multiple") {
+			let t = Array.isArray(i) ? i : [], n = t.some((t) => k(t, e));
+			a?.(n ? t.filter((t) => !k(t, e)) : [...t, e]);
+			return;
+		}
+		let t = q(i);
+		if (!t.from || t.to) {
+			a?.({
+				from: e,
+				to: void 0
+			});
+			return;
+		}
+		if (O(e, t.from)) {
+			a?.({
+				from: e,
+				to: void 0
+			});
+			return;
+		}
+		a?.({
+			from: t.from,
+			to: e
+		});
+	};
+	return /* @__PURE__ */ y("div", {
+		className: e("calendar--component", G.calendar, f),
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: G.header,
+				children: [
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						className: G.navButton,
+						"aria-label": m.previousMonth,
+						onClick: () => M(B(T, 1)),
+						children: /* @__PURE__ */ v(u, { "aria-hidden": !0 })
+					}),
+					c === 1 ? /* @__PURE__ */ v("button", {
+						type: "button",
+						className: G.caption,
+						"aria-label": m.chooseMonth,
+						onClick: () => j(A === "days" ? "months" : "days"),
+						children: E(T, "MMMM yyyy", { locale: b })
+					}) : /* @__PURE__ */ y("span", {
+						className: G.captionRange,
+						children: [
+							E(T, "MMMM yyyy", { locale: b }),
+							" – ",
+							E(x(T, c - 1), "MMMM yyyy", { locale: b })
+						]
+					}),
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						className: G.navButton,
+						"aria-label": m.nextMonth,
+						onClick: () => M(x(T, 1)),
+						children: /* @__PURE__ */ v(d, { "aria-hidden": !0 })
+					})
+				]
+			}),
+			A === "days" && /* @__PURE__ */ v("div", {
+				className: G.months,
+				children: Array.from({ length: c }, (e, t) => /* @__PURE__ */ v(Y, {
+					month: x(T, t),
+					showCaption: c > 1,
+					firstDay: S,
+					constraints: p,
+					isSelected: P,
+					inRange: R,
+					range: L,
+					onSelect: z,
+					onMonthChange: M
+				}, t))
+			}),
+			A === "months" && /* @__PURE__ */ v("div", {
+				className: G.monthGrid,
+				children: Array.from({ length: 12 }, (e, t) => {
+					let n = new Date(T.getFullYear(), t, 1);
+					return /* @__PURE__ */ v("button", {
+						type: "button",
+						className: G.monthCell,
+						"data-selected": n.getMonth() === T.getMonth() || void 0,
+						onClick: () => {
+							M(n), j("days");
+						},
+						children: E(n, "MMM", { locale: b })
+					}, t);
+				})
+			})
+		]
+	});
+}
+function Y({ month: e, showCaption: t = !1, firstDay: r, constraints: i, isSelected: a, inRange: o, range: s, onSelect: c, onMonthChange: l }) {
+	let { locale: u } = n(), d = h(() => S({
+		start: L(I(e), { weekStartsOn: r }),
+		end: w(C(e), { weekStartsOn: r })
+	}), [r, e]), f = h(() => {
+		let e = [];
+		for (let t = 0; t < d.length; t += 7) e.push(d.slice(t, t + 7));
+		return e;
+	}, [d]), p = h(() => d.slice(0, 7).map((e) => E(e, "EEEEEE", { locale: u })), [d, u]), m = (t, n) => {
+		let r = t.key === "ArrowLeft" ? -1 : t.key === "ArrowRight" ? 1 : t.key === "ArrowUp" ? -7 : t.key === "ArrowDown" ? 7 : 0;
+		if (r === 0) return;
+		t.preventDefault();
+		let i = b(n, r);
+		A(i, e) || l(I(i)), requestAnimationFrame(() => {
+			document.querySelector(`[data-day="${E(i, "yyyy-MM-dd")}"]`)?.focus();
+		});
+	};
+	return /* @__PURE__ */ y("div", {
+		className: G.monthColumn,
+		children: [t && /* @__PURE__ */ v("div", {
+			className: G.monthCaption,
+			children: E(e, "MMMM yyyy", { locale: u })
+		}), /* @__PURE__ */ y("div", {
+			className: G.grid,
+			role: "grid",
+			"aria-label": E(e, "MMMM yyyy", { locale: u }),
+			children: [/* @__PURE__ */ v("div", {
+				className: G.row,
+				role: "row",
+				children: p.map((e) => /* @__PURE__ */ v("div", {
+					className: G.weekday,
+					role: "columnheader",
+					"aria-label": e,
+					children: e
+				}, e))
+			}), f.map((t) => /* @__PURE__ */ v("div", {
+				className: G.row,
+				role: "row",
+				children: t.map((t) => {
+					let n = !A(t, e), r = K(t, i), l = a(t), d = o(t);
+					return /* @__PURE__ */ v("div", {
+						className: G.cell,
+						role: "gridcell",
+						"data-in-range": d || void 0,
+						"data-range-start": s?.from && k(t, s.from) || void 0,
+						"data-range-end": s?.to && k(t, s.to) || void 0,
+						children: /* @__PURE__ */ v("button", {
+							type: "button",
+							className: G.day,
+							"data-day": E(t, "yyyy-MM-dd"),
+							"data-today": j(t) || void 0,
+							"data-outside": n || void 0,
+							"data-selected": l || void 0,
+							disabled: r,
+							"aria-pressed": l,
+							"aria-label": E(t, "d MMMM yyyy", { locale: u }),
+							tabIndex: l || !a(t) && j(t) ? 0 : -1,
+							onClick: () => c(t),
+							onKeyDown: (e) => m(e, t),
+							children: E(t, "d", { locale: u })
+						})
+					}, t.toISOString());
+				})
+			}, t[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({ id: t, mode: i = "single", value: a, onValueChange: u, displayFormat: d = "d MMM yyyy", placeholder: p, disabled: m = !1, invalid: _ = !1, clearable: b = !1, strings: x, presets: S, numberOfMonths: C = i === "range" ? 2 : 1, closeOnSelect: w = i === "single", header: T, footer: D, className: O, contentClassName: k, minDate: A, maxDate: j, disabledDates: N, ...P }) {
+	let F = {
+		...U,
+		...x
+	}, { locale: I } = n(), [L, R] = g(!1), z = h(() => {
+		if (!a) return null;
+		let e = (e) => M(e) ? E(e, d, { locale: I }) : null;
+		return a instanceof Date ? e(a) : Array.isArray(a) ? a.length === 0 ? null : a.length <= 2 ? a.map(e).filter(Boolean).join(", ") : `${a.length} dates` : X(a) && a.from ? a.to ? `${e(a.from)} – ${e(a.to)}` : `${e(a.from)} –` : null;
+	}, [
+		d,
+		a,
+		I
+	]), B = z !== null && z !== "", V = (e) => {
+		u?.(e), w && (i === "range" && X(e) && !e.to || i !== "multiple" && R(!1));
+	};
+	return /* @__PURE__ */ y(c, {
+		open: L,
+		onOpenChange: R,
+		children: [/* @__PURE__ */ y("span", {
+			className: e(G.triggerFrame, b && B && G.triggerFrameClearable),
+			children: [/* @__PURE__ */ v(o, {
+				id: t,
+				render: /* @__PURE__ */ y("button", {
+					type: "button",
+					"data-field-control": "",
+					disabled: m,
+					"aria-invalid": _ || void 0,
+					className: e("date-picker--component", G.trigger, O),
+					...P,
+					children: [/* @__PURE__ */ v("span", {
+						className: e(!B && G.triggerPlaceholder),
+						children: B ? z : p ?? F.placeholder
+					}), /* @__PURE__ */ v("span", {
+						className: G.triggerIcon,
+						children: /* @__PURE__ */ v(l, { "aria-hidden": !0 })
+					})]
+				})
+			}), !!b && !!B && /* @__PURE__ */ v("button", {
+				type: "button",
+				className: G.triggerClear,
+				"data-hit-area": !0,
+				"aria-label": F.clear,
+				disabled: m,
+				onClick: () => u?.(void 0),
+				children: /* @__PURE__ */ v(f, { "aria-hidden": !0 })
+			})]
+		}), /* @__PURE__ */ v(s, {
+			align: "start",
+			inset: "flush",
+			width: "auto",
+			className: k,
+			children: /* @__PURE__ */ y("div", {
+				className: G.body,
+				children: [
+					!!S?.length && /* @__PURE__ */ v("div", {
+						className: G.presets,
+						children: S.map((e) => /* @__PURE__ */ v(r, {
+							tone: "neutral",
+							buttonStyle: "ghost",
+							onClick: () => V(e.value()),
+							children: e.label
+						}, e.label))
+					}),
+					T,
+					/* @__PURE__ */ v(J, {
+						strings: F,
+						mode: i,
+						value: a,
+						onValueChange: V,
+						numberOfMonths: C,
+						minDate: A,
+						maxDate: j,
+						disabledDates: N,
+						...P
+					}),
+					D
+				]
+			})
+		})]
+	});
+}
+//#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 ee(e, t) {
+	return Number.isNaN(e) ? 0 : (e % t + t) % t;
+}
+var te = (e) => String(e).padStart(2, "0");
+function ne({ id: t, value: n = {
+	hours: 0,
+	minutes: 0
+}, onValueChange: r, withSeconds: i = !1, minuteStep: o = 1, disabled: s = !1, invalid: c = !1, className: l, strings: u }) {
+	let d = {
+		...Q,
+		...u
+	}, f = m((e, t) => {
+		let i = ee(Number.parseInt(t, 10), e === "hours" ? 24 : 60);
+		r?.({
+			...n,
+			[e]: e === "minutes" && o > 1 ? Math.round(i / o) * o % 60 : i
+		});
+	}, [
+		o,
+		r,
+		n
+	]), p = (e, n, r) => /* @__PURE__ */ v(a, {
+		id: e === "hours" ? t : void 0,
+		type: "text",
+		inputMode: "numeric",
+		className: G.timeSegment,
+		value: te(r),
+		disabled: s,
+		"aria-invalid": c || void 0,
+		"aria-label": n,
+		onChange: (t) => f(e, t.target.value),
+		onFocus: (e) => e.target.select()
+	});
+	return /* @__PURE__ */ y("div", {
+		className: e("time-picker--component", G.time, l),
+		role: "group",
+		"aria-label": d.label,
+		children: [
+			p("hours", d.hours, n.hours),
+			/* @__PURE__ */ v("span", {
+				"aria-hidden": !0,
+				className: G.timeSeparator,
+				children: ":"
+			}),
+			p("minutes", d.minutes, n.minutes),
+			i && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
+				"aria-hidden": !0,
+				className: G.timeSeparator,
+				children: ":"
+			}), p("seconds", d.seconds, n.seconds ?? 0)] })
+		]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/presets.ts
+function $({ strings: e, weekStartsOn: t, now: n = () => /* @__PURE__ */ new Date() } = {}) {
+	let r = {
+		...W,
+		...e
+	}, i = t === void 0 ? void 0 : { weekStartsOn: t };
+	return [
+		{
+			label: r.last7Days,
+			value: () => ({
+				from: z(n(), 6),
+				to: n()
+			})
+		},
+		{
+			label: r.last30Days,
+			value: () => ({
+				from: z(n(), 29),
+				to: n()
+			})
+		},
+		{
+			label: r.thisWeek,
+			value: () => ({
+				from: L(n(), i),
+				to: w(n(), i)
+			})
+		},
+		{
+			label: r.thisMonth,
+			value: () => ({
+				from: I(n()),
+				to: C(n())
+			})
+		},
+		{
+			label: r.lastMonth,
+			value: () => {
+				let e = B(n(), 1);
+				return {
+					from: I(e),
+					to: C(e)
+				};
+			}
+		},
+		{
+			label: r.thisYear,
+			value: () => ({
+				from: R(n()),
+				to: T(n())
+			})
+		},
+		{
+			label: r.lastYear,
+			value: () => {
+				let e = V(n(), 1);
+				return {
+					from: R(e),
+					to: T(e)
+				};
+			}
+		}
+	];
+}
+var re = $(), ie = p(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ v(Z, {
+		mode: "single",
+		value: e,
+		onValueChange: (e) => t?.(e),
+		...n
+	});
+}), ae = p(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ v(Z, {
+		mode: "multiple",
+		value: e,
+		onValueChange: (e) => t?.(e ?? []),
+		...n
+	});
+}), oe = p(function({ value: e, onValueChange: t, ...n }, r) {
+	return /* @__PURE__ */ v(Z, {
+		mode: "range",
+		value: e,
+		onValueChange: (e) => t?.(e ?? {}),
+		...n
+	});
+});
+//#endregion
+//#region src/components/base/date-pickers/month-year-picker.tsx
+function se({ value: t, onValueChange: r, minYear: i, maxYear: a, disabledMonths: o, strings: s, className: c, ...l }) {
+	let f = {
+		...H,
+		...s
+	}, p = /* @__PURE__ */ new Date(), m = t ?? {
+		month: p.getMonth(),
+		year: p.getFullYear()
+	}, { locale: _ } = n(), [b, x] = g(m.year), S = h(() => Array.from({ length: 12 }, (e, t) => E(N(/* @__PURE__ */ new Date(), t), "MMM", { locale: _ })), [_]), C = i !== void 0 && b <= i, w = a !== void 0 && b >= a;
+	return /* @__PURE__ */ y("div", {
+		className: e("month-year-picker--component", G.calendar, c),
+		...l,
+		children: [/* @__PURE__ */ y("div", {
+			className: G.header,
+			children: [
+				/* @__PURE__ */ v("button", {
+					type: "button",
+					className: G.navButton,
+					"aria-label": f.previousYear,
+					disabled: C,
+					onClick: () => x((e) => e - 1),
+					children: /* @__PURE__ */ v(u, { "aria-hidden": !0 })
+				}),
+				/* @__PURE__ */ v("span", {
+					className: G.caption,
+					"aria-live": "polite",
+					children: b
+				}),
+				/* @__PURE__ */ v("button", {
+					type: "button",
+					className: G.navButton,
+					"aria-label": f.nextYear,
+					disabled: w,
+					onClick: () => x((e) => e + 1),
+					children: /* @__PURE__ */ v(d, { "aria-hidden": !0 })
+				})
+			]
+		}), /* @__PURE__ */ v("div", {
+			className: G.monthGrid,
+			children: S.map((e, t) => {
+				let n = {
+					month: t,
+					year: b
+				}, i = m.month === t && m.year === b, a = o?.(n) ?? !1;
+				return /* @__PURE__ */ v("button", {
+					type: "button",
+					className: G.monthCell,
+					"data-selected": i || void 0,
+					"data-today": t === p.getMonth() && b === p.getFullYear() || void 0,
+					disabled: a,
+					"aria-pressed": i,
+					"aria-label": E(P(N(/* @__PURE__ */ new Date(), t), b), "MMMM yyyy", { locale: _ }),
+					onClick: () => r?.(n),
+					children: e
+				}, e);
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-bands.tsx
+function ce({ title: n, description: r, action: a, className: o, children: s, ...c }) {
+	return !n && !r && !a && !s ? null : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		"data-slot": "date-picker-header",
+		className: e("date-picker-header--component", G.band, o),
+		...c,
+		children: s ?? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
+			className: G.bandText,
+			children: [!!n && /* @__PURE__ */ v(t, {
+				weight: "medium",
+				children: n
+			}), !!r && /* @__PURE__ */ v(t, {
+				size: "xs",
+				type: "secondary",
+				children: r
+			})]
+		}), !!a && /* @__PURE__ */ v("div", {
+			className: G.bandActions,
+			children: a
+		})] })
+	}), /* @__PURE__ */ v(i, {})] });
+}
+function le({ summary: n, actions: r, className: a, children: o, ...s }) {
+	return !n && !r && !o ? null : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(i, {}), /* @__PURE__ */ v("div", {
+		"data-slot": "date-picker-footer",
+		className: e("date-picker-footer--component", G.band, a),
+		...s,
+		children: o ?? /* @__PURE__ */ y(_, { children: [!!n && /* @__PURE__ */ v(t, {
+			size: "sm",
+			type: "secondary",
+			className: G.bandText,
+			children: n
+		}), !!r && /* @__PURE__ */ v("div", {
+			className: G.bandActions,
+			children: r
+		})] })
+	})] });
+}
+//#endregion
+export { oe as a, $ as c, Z as d, J as f, W as h, ae as i, ne as l, U as m, ce as n, ie as o, H as p, se as r, re as s, le as t, Q as u };

package/dist/date-pickers-DgAsQIRq.cjs

@@ -0,0 +1 @@
+const e=require("./typography-kBzTy-jM.cjs"),t=require("./ui-provider-BS7QPJVb.cjs"),n=require("./buttons-CQc0AVpb.cjs"),r=require("./display-BPuD0OAo.cjs"),i=require("./text-inputs-Dp4Fczk4.cjs"),a=require("./popover-1YaYvaYu.cjs");let o=require("lucide-react"),s=require("react"),c=require("react/jsx-runtime"),l=require("date-fns"),u=require("clsx");var d={previousMonth:`Previous month`,nextMonth:`Next month`,chooseMonth:`Choose a month`,previousYear:`Previous year`,nextYear:`Next year`},f={...d,clear:`Clear date`,placeholder:`Choose a date`},p={last7Days:`Last 7 days`,last30Days:`Last 30 days`,thisWeek:`This week`,thisMonth:`This month`,lastMonth:`Last month`,thisYear:`This year`,lastYear:`Last year`},m={light:`calendar-module__light___DeD0u`,dark:`calendar-module__dark___iLmbk`,calendar:`calendar-module__calendar___ALTj4`,header:`calendar-module__header___CYeG4`,caption:`calendar-module__caption___hS4EZ`,captionRange:`calendar-module__captionRange___K40A0`,monthColumn:`calendar-module__monthColumn___70faw`,monthCaption:`calendar-module__monthCaption___1v6qG`,nav:`calendar-module__nav___sHmF0`,navButton:`calendar-module__navButton___k8AXJ`,grid:`calendar-module__grid___JHNWu`,row:`calendar-module__row___0pLIu`,weekday:`calendar-module__weekday___Ok3k5`,cell:`calendar-module__cell___xaTqq`,day:`calendar-module__day___3s2sw`,monthGrid:`calendar-module__monthGrid___t2OYp`,yearGrid:`calendar-module__yearGrid___5z15g`,monthCell:`calendar-module__monthCell___L1r7p`,body:`calendar-module__body___daTs7`,presets:`calendar-module__presets___0cf5M`,footer:`calendar-module__footer___3320v`,footerText:`calendar-module__footerText___-cJav`,footerActions:`calendar-module__footerActions___MMaJR`,months:`calendar-module__months___2BV2n`,time:`calendar-module__time___z47eJ`,timeSegment:`calendar-module__timeSegment___DUCWt`,timeSeparator:`calendar-module__timeSeparator___diiPD`,triggerFrame:`calendar-module__triggerFrame___rhEKr`,trigger:`calendar-module__trigger___3-BFT`,triggerFrameClearable:`calendar-module__triggerFrameClearable___ueKF1`,triggerClear:`calendar-module__triggerClear___XUBLg`,triggerPlaceholder:`calendar-module__triggerPlaceholder___hvYvo`,triggerIcon:`calendar-module__triggerIcon___oCEf6`,band:`calendar-module__band___pqi9s`,bandText:`calendar-module__bandText___q4fyO`,bandActions:`calendar-module__bandActions___-ZHbA`};function h(e,{minDate:t,maxDate:n,disabledDates:r}){return t&&(0,l.isBefore)((0,l.startOfDay)(e),(0,l.startOfDay)(t))||n&&(0,l.isAfter)((0,l.startOfDay)(e),(0,l.startOfDay)(n))?!0:r?.(e)??!1}function g(e){return e??{}}function _({strings:e,mode:n=`single`,value:r,onValueChange:i,month:a,onMonthChange:f,numberOfMonths:p=1,weekStartsOn:h,className:_,...y}){let b={...d,...e},{weekStartsOn:x,locale:S}=t.t(),C=h??x??1,[w,T]=(0,s.useState)(()=>(0,l.startOfMonth)(a??new Date)),E=a?(0,l.startOfMonth)(a):w,[D,O]=(0,s.useState)(`days`),k=e=>{a||T((0,l.startOfMonth)(e)),f?.((0,l.startOfMonth)(e))},A=(0,s.useMemo)(()=>{if(!r)return[];if(Array.isArray(r))return r;if(r instanceof Date)return[r];let e=g(r);return[e.from,e.to].filter(e=>!!e)},[r]),j=e=>A.some(t=>(0,l.isSameDay)(t,e)),M=n===`range`?g(r):void 0,N=e=>{if(!M?.from||!M.to)return!1;let t=(0,l.startOfDay)(e);return!(0,l.isBefore)(t,(0,l.startOfDay)(M.from))&&!(0,l.isAfter)(t,(0,l.startOfDay)(M.to))},P=e=>{if(n===`single`){i?.(e);return}if(n===`multiple`){let t=Array.isArray(r)?r:[],n=t.some(t=>(0,l.isSameDay)(t,e));i?.(n?t.filter(t=>!(0,l.isSameDay)(t,e)):[...t,e]);return}let t=g(r);if(!t.from||t.to){i?.({from:e,to:void 0});return}if((0,l.isBefore)(e,t.from)){i?.({from:e,to:void 0});return}i?.({from:t.from,to:e})};return(0,c.jsxs)(`div`,{className:(0,u.clsx)(`calendar--component`,m.calendar,_),children:[(0,c.jsxs)(`div`,{className:m.header,children:[(0,c.jsx)(`button`,{type:`button`,className:m.navButton,"aria-label":b.previousMonth,onClick:()=>k((0,l.subMonths)(E,1)),children:(0,c.jsx)(o.ChevronLeftIcon,{"aria-hidden":!0})}),p===1?(0,c.jsx)(`button`,{type:`button`,className:m.caption,"aria-label":b.chooseMonth,onClick:()=>O(D===`days`?`months`:`days`),children:(0,l.format)(E,`MMMM yyyy`,{locale:S})}):(0,c.jsxs)(`span`,{className:m.captionRange,children:[(0,l.format)(E,`MMMM yyyy`,{locale:S}),` – `,(0,l.format)((0,l.addMonths)(E,p-1),`MMMM yyyy`,{locale:S})]}),(0,c.jsx)(`button`,{type:`button`,className:m.navButton,"aria-label":b.nextMonth,onClick:()=>k((0,l.addMonths)(E,1)),children:(0,c.jsx)(o.ChevronRightIcon,{"aria-hidden":!0})})]}),D===`days`&&(0,c.jsx)(`div`,{className:m.months,children:Array.from({length:p},(e,t)=>(0,c.jsx)(v,{month:(0,l.addMonths)(E,t),showCaption:p>1,firstDay:C,constraints:y,isSelected:j,inRange:N,range:M,onSelect:P,onMonthChange:k},t))}),D===`months`&&(0,c.jsx)(`div`,{className:m.monthGrid,children:Array.from({length:12},(e,t)=>{let n=new Date(E.getFullYear(),t,1);return(0,c.jsx)(`button`,{type:`button`,className:m.monthCell,"data-selected":n.getMonth()===E.getMonth()||void 0,onClick:()=>{k(n),O(`days`)},children:(0,l.format)(n,`MMM`,{locale:S})},t)})})]})}function v({month:e,showCaption:n=!1,firstDay:r,constraints:i,isSelected:a,inRange:o,range:u,onSelect:d,onMonthChange:f}){let{locale:p}=t.t(),g=(0,s.useMemo)(()=>(0,l.eachDayOfInterval)({start:(0,l.startOfWeek)((0,l.startOfMonth)(e),{weekStartsOn:r}),end:(0,l.endOfWeek)((0,l.endOfMonth)(e),{weekStartsOn:r})}),[r,e]),_=(0,s.useMemo)(()=>{let e=[];for(let t=0;t<g.length;t+=7)e.push(g.slice(t,t+7));return e},[g]),v=(0,s.useMemo)(()=>g.slice(0,7).map(e=>(0,l.format)(e,`EEEEEE`,{locale:p})),[g,p]),y=(t,n)=>{let r=t.key===`ArrowLeft`?-1:t.key===`ArrowRight`?1:t.key===`ArrowUp`?-7:t.key===`ArrowDown`?7:0;if(r===0)return;t.preventDefault();let i=(0,l.addDays)(n,r);(0,l.isSameMonth)(i,e)||f((0,l.startOfMonth)(i)),requestAnimationFrame(()=>{document.querySelector(`[data-day="${(0,l.format)(i,`yyyy-MM-dd`)}"]`)?.focus()})};return(0,c.jsxs)(`div`,{className:m.monthColumn,children:[n&&(0,c.jsx)(`div`,{className:m.monthCaption,children:(0,l.format)(e,`MMMM yyyy`,{locale:p})}),(0,c.jsxs)(`div`,{className:m.grid,role:`grid`,"aria-label":(0,l.format)(e,`MMMM yyyy`,{locale:p}),children:[(0,c.jsx)(`div`,{className:m.row,role:`row`,children:v.map(e=>(0,c.jsx)(`div`,{className:m.weekday,role:`columnheader`,"aria-label":e,children:e},e))}),_.map(t=>(0,c.jsx)(`div`,{className:m.row,role:`row`,children:t.map(t=>{let n=!(0,l.isSameMonth)(t,e),r=h(t,i),s=a(t),f=o(t);return(0,c.jsx)(`div`,{className:m.cell,role:`gridcell`,"data-in-range":f||void 0,"data-range-start":u?.from&&(0,l.isSameDay)(t,u.from)||void 0,"data-range-end":u?.to&&(0,l.isSameDay)(t,u.to)||void 0,children:(0,c.jsx)(`button`,{type:`button`,className:m.day,"data-day":(0,l.format)(t,`yyyy-MM-dd`),"data-today":(0,l.isToday)(t)||void 0,"data-outside":n||void 0,"data-selected":s||void 0,disabled:r,"aria-pressed":s,"aria-label":(0,l.format)(t,`d MMMM yyyy`,{locale:p}),tabIndex:s||!a(t)&&(0,l.isToday)(t)?0:-1,onClick:()=>d(t),onKeyDown:e=>y(e,t),children:(0,l.format)(t,`d`,{locale:p})})},t.toISOString())})},t[0].toISOString()))]})]})}function y(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&!(e instanceof Date)}function b({id:e,mode:r=`single`,value:i,onValueChange:d,displayFormat:p=`d MMM yyyy`,placeholder:h,disabled:g=!1,invalid:v=!1,clearable:b=!1,strings:x,presets:S,numberOfMonths:C=r===`range`?2:1,closeOnSelect:w=r===`single`,header:T,footer:E,className:D,contentClassName:O,minDate:k,maxDate:A,disabledDates:j,...M}){let N={...f,...x},{locale:P}=t.t(),[F,I]=(0,s.useState)(!1),L=(0,s.useMemo)(()=>{if(!i)return null;let e=e=>(0,l.isValid)(e)?(0,l.format)(e,p,{locale:P}):null;return i instanceof Date?e(i):Array.isArray(i)?i.length===0?null:i.length<=2?i.map(e).filter(Boolean).join(`, `):`${i.length} dates`:y(i)&&i.from?i.to?`${e(i.from)} – ${e(i.to)}`:`${e(i.from)} –`:null},[p,i,P]),R=L!==null&&L!==``,z=e=>{d?.(e),w&&(r===`range`&&y(e)&&!e.to||r!==`multiple`&&I(!1))};return(0,c.jsxs)(a.t,{open:F,onOpenChange:I,children:[(0,c.jsxs)(`span`,{className:(0,u.clsx)(m.triggerFrame,b&&R&&m.triggerFrameClearable),children:[(0,c.jsx)(a.c,{id:e,render:(0,c.jsxs)(`button`,{type:`button`,"data-field-control":``,disabled:g,"aria-invalid":v||void 0,className:(0,u.clsx)(`date-picker--component`,m.trigger,D),...M,children:[(0,c.jsx)(`span`,{className:(0,u.clsx)(!R&&m.triggerPlaceholder),children:R?L:h??N.placeholder}),(0,c.jsx)(`span`,{className:m.triggerIcon,children:(0,c.jsx)(o.CalendarIcon,{"aria-hidden":!0})})]})}),!!b&&!!R&&(0,c.jsx)(`button`,{type:`button`,className:m.triggerClear,"data-hit-area":!0,"aria-label":N.clear,disabled:g,onClick:()=>d?.(void 0),children:(0,c.jsx)(o.XIcon,{"aria-hidden":!0})})]}),(0,c.jsx)(a.r,{align:`start`,inset:`flush`,width:`auto`,className:O,children:(0,c.jsxs)(`div`,{className:m.body,children:[!!S?.length&&(0,c.jsx)(`div`,{className:m.presets,children:S.map(e=>(0,c.jsx)(n.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:()=>z(e.value()),children:e.label},e.label))}),T,(0,c.jsx)(_,{strings:N,mode:r,value:i,onValueChange:z,numberOfMonths:C,minDate:k,maxDate:A,disabledDates:j,...M}),E]})})]})}var x={label:`Time`,hours:`Hours`,minutes:`Minutes`,seconds:`Seconds`};function S(e,t){return Number.isNaN(e)?0:(e%t+t)%t}var C=e=>String(e).padStart(2,`0`);function w({id:e,value:t={hours:0,minutes:0},onValueChange:n,withSeconds:r=!1,minuteStep:a=1,disabled:o=!1,invalid:l=!1,className:d,strings:f}){let p={...x,...f},h=(0,s.useCallback)((e,r)=>{let i=S(Number.parseInt(r,10),e===`hours`?24:60);n?.({...t,[e]:e===`minutes`&&a>1?Math.round(i/a)*a%60:i})},[a,n,t]),g=(t,n,r)=>(0,c.jsx)(i.l,{id:t===`hours`?e:void 0,type:`text`,inputMode:`numeric`,className:m.timeSegment,value:C(r),disabled:o,"aria-invalid":l||void 0,"aria-label":n,onChange:e=>h(t,e.target.value),onFocus:e=>e.target.select()});return(0,c.jsxs)(`div`,{className:(0,u.clsx)(`time-picker--component`,m.time,d),role:`group`,"aria-label":p.label,children:[g(`hours`,p.hours,t.hours),(0,c.jsx)(`span`,{"aria-hidden":!0,className:m.timeSeparator,children:`:`}),g(`minutes`,p.minutes,t.minutes),r&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`span`,{"aria-hidden":!0,className:m.timeSeparator,children:`:`}),g(`seconds`,p.seconds,t.seconds??0)]})]})}function T({strings:e,weekStartsOn:t,now:n=()=>new Date}={}){let r={...p,...e},i=t===void 0?void 0:{weekStartsOn:t};return[{label:r.last7Days,value:()=>({from:(0,l.subDays)(n(),6),to:n()})},{label:r.last30Days,value:()=>({from:(0,l.subDays)(n(),29),to:n()})},{label:r.thisWeek,value:()=>({from:(0,l.startOfWeek)(n(),i),to:(0,l.endOfWeek)(n(),i)})},{label:r.thisMonth,value:()=>({from:(0,l.startOfMonth)(n()),to:(0,l.endOfMonth)(n())})},{label:r.lastMonth,value:()=>{let e=(0,l.subMonths)(n(),1);return{from:(0,l.startOfMonth)(e),to:(0,l.endOfMonth)(e)}}},{label:r.thisYear,value:()=>({from:(0,l.startOfYear)(n()),to:(0,l.endOfYear)(n())})},{label:r.lastYear,value:()=>{let e=(0,l.subYears)(n(),1);return{from:(0,l.startOfYear)(e),to:(0,l.endOfYear)(e)}}}]}var E=T(),D=(0,s.forwardRef)(function({value:e,onValueChange:t,...n},r){return(0,c.jsx)(b,{mode:`single`,value:e,onValueChange:e=>t?.(e),...n})}),O=(0,s.forwardRef)(function({value:e,onValueChange:t,...n},r){return(0,c.jsx)(b,{mode:`multiple`,value:e,onValueChange:e=>t?.(e??[]),...n})}),k=(0,s.forwardRef)(function({value:e,onValueChange:t,...n},r){return(0,c.jsx)(b,{mode:`range`,value:e,onValueChange:e=>t?.(e??{}),...n})});function A({value:e,onValueChange:n,minYear:r,maxYear:i,disabledMonths:a,strings:f,className:p,...h}){let g={...d,...f},_=new Date,v=e??{month:_.getMonth(),year:_.getFullYear()},{locale:y}=t.t(),[b,x]=(0,s.useState)(v.year),S=(0,s.useMemo)(()=>Array.from({length:12},(e,t)=>(0,l.format)((0,l.setMonth)(new Date,t),`MMM`,{locale:y})),[y]),C=r!==void 0&&b<=r,w=i!==void 0&&b>=i;return(0,c.jsxs)(`div`,{className:(0,u.clsx)(`month-year-picker--component`,m.calendar,p),...h,children:[(0,c.jsxs)(`div`,{className:m.header,children:[(0,c.jsx)(`button`,{type:`button`,className:m.navButton,"aria-label":g.previousYear,disabled:C,onClick:()=>x(e=>e-1),children:(0,c.jsx)(o.ChevronLeftIcon,{"aria-hidden":!0})}),(0,c.jsx)(`span`,{className:m.caption,"aria-live":`polite`,children:b}),(0,c.jsx)(`button`,{type:`button`,className:m.navButton,"aria-label":g.nextYear,disabled:w,onClick:()=>x(e=>e+1),children:(0,c.jsx)(o.ChevronRightIcon,{"aria-hidden":!0})})]}),(0,c.jsx)(`div`,{className:m.monthGrid,children:S.map((e,t)=>{let r={month:t,year:b},i=v.month===t&&v.year===b,o=a?.(r)??!1;return(0,c.jsx)(`button`,{type:`button`,className:m.monthCell,"data-selected":i||void 0,"data-today":t===_.getMonth()&&b===_.getFullYear()||void 0,disabled:o,"aria-pressed":i,"aria-label":(0,l.format)((0,l.setYear)((0,l.setMonth)(new Date,t),b),`MMMM yyyy`,{locale:y}),onClick:()=>n?.(r),children:e},e)})})]})}function j({title:t,description:n,action:i,className:a,children:o,...s}){return!t&&!n&&!i&&!o?null:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{"data-slot":`date-picker-header`,className:(0,u.clsx)(`date-picker-header--component`,m.band,a),...s,children:o??(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:m.bandText,children:[!!t&&(0,c.jsx)(e.o,{weight:`medium`,children:t}),!!n&&(0,c.jsx)(e.o,{size:`xs`,type:`secondary`,children:n})]}),!!i&&(0,c.jsx)(`div`,{className:m.bandActions,children:i})]})}),(0,c.jsx)(r.v,{})]})}function M({summary:t,actions:n,className:i,children:a,...o}){return!t&&!n&&!a?null:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r.v,{}),(0,c.jsx)(`div`,{"data-slot":`date-picker-footer`,className:(0,u.clsx)(`date-picker-footer--component`,m.band,i),...o,children:a??(0,c.jsxs)(c.Fragment,{children:[!!t&&(0,c.jsx)(e.o,{size:`sm`,type:`secondary`,className:m.bandText,children:t}),!!n&&(0,c.jsx)(`div`,{className:m.bandActions,children:n})]})})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});

package/dist/dialog-BNVm-pF4.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./overlay-BNubOCUj.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime"),i=require("clsx");var a=t.t,o=t.a,s=t.n,c=t.l,l=t.s,u=t.o,d=t.i;function f({className:e,...n}){return(0,r.jsx)(t.r,{placement:`center`,className:(0,i.clsx)(`dialog--component`,e),...n})}function p({className:e,...n}){return(0,r.jsx)(t.u,{className:(0,i.clsx)(`dialog--header`,e),...n})}function m({className:e,...n}){return(0,r.jsx)(t.c,{className:(0,i.clsx)(`dialog--footer`,e),...n})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return o}});

package/dist/dialog-CwOfwsHr.js

@@ -0,0 +1,27 @@
+import { t as e } from "./cx--CBrhWH0.js";
+import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./overlay-Coj3d-6S.js";
+import "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/base/dialog/dialog.tsx
+var f = l, p = t, m = a, h = i, g = c, _ = o, v = r;
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ d(s, {
+		placement: "center",
+		className: e("dialog--component", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ d(u, {
+		className: e("dialog--header", t),
+		...n
+	});
+}
+function x({ className: t, ...r }) {
+	return /* @__PURE__ */ d(n, {
+		className: e("dialog--footer", t),
+		...r
+	});
+}
+//#endregion
+export { _ as a, b as c, y as i, g as l, h as n, v as o, m as r, x as s, f as t, p as u };