themelia-react-ui 2.0.5 → 3.0.0

package/dist/date-picker-D1keJQIG.js

@@ -0,0 +1,1617 @@
+"use client";
+import { d as e, f as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { t as i } from "./affordance-geometry.generated-P-aVJisu.js";
+import { a, c as o, s } from "./typography-C0dELqYV.js";
+import { t as c } from "./focus-recipes-DSkiUvUp.js";
+import { n as l } from "./buttons-pZVgPTZn.js";
+import { n as u, t as d } from "./button-rd6FiHfQ.js";
+import { r as f, t as p } from "./structure-DElaQwwN.js";
+import { t as m } from "./interaction-recipes-DmuS1ase.js";
+import { o as h } from "./date-3qsCE1ID.js";
+import { t as ee } from "./separator-DaDe26sf.js";
+import { t as g } from "./field-state-recipes-EtCxpEy3.js";
+import { r as _ } from "./field-affordance-recipes-DfbMadot.js";
+import { d as v, p as te, s as ne, y } from "./form-sizing-DE_dZw32.js";
+import { t as re } from "./input-DfJyrjoR.js";
+import { c as ie, o as ae, t as oe } from "./popover-BpMxbqEK.js";
+import { t as b } from "./form-field-BdfCwSoQ.js";
+import { n as x, t as S } from "./field-control-attributes-B6i335wr.js";
+import * as C from "react";
+import { useCallback as w, useEffect as se, useState as T } from "react";
+import { Fragment as ce, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Calendar as le, ChevronDownIcon as ue, ChevronLeftIcon as O, ChevronRightIcon as k, Clock as A } from "lucide-react";
+import { cva as de } from "class-variance-authority";
+import { addDays as j, endOfMonth as M, endOfWeek as fe, format as N, startOfMonth as P, startOfWeek as F } from "date-fns";
+import { DayPicker as I, getDefaultClassNames as L } from "react-day-picker";
+import { Toggle as R } from "@base-ui/react/toggle";
+import { ToggleGroup as z } from "@base-ui/react/toggle-group";
+import { enUS as B } from "date-fns/locale";
+function V(e) {
+	return e.toString().padStart(2, "0");
+}
+function H(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function U(e, t) {
+	if (t <= 0) return e;
+	let n = Math.floor(86399 / t) * t, r = Math.round(e / t) * t;
+	return Math.max(0, Math.min(r, n));
+}
+function pe(e) {
+	if (!e) return null;
+	let t = e.split(":");
+	if (t.length < 2 || t.length > 3) return null;
+	let [n, r, i] = t, a = H(Number.parseInt(n, 10), 0, 23), o = H(Number.parseInt(r, 10), 0, 59), s = H(Number.parseInt(i ?? "0", 10), 0, 59);
+	return Number.isNaN(a) || Number.isNaN(o) || Number.isNaN(s) ? null : {
+		hours: a,
+		minutes: o,
+		seconds: s
+	};
+}
+function me(e, t) {
+	let n = t ? `:${V(e.seconds)}` : "";
+	return `${V(e.hours)}:${V(e.minutes)}${n}`;
+}
+function W(e, t, n) {
+	let r = Number.isFinite(e?.getTime?.()) ? e : /* @__PURE__ */ new Date(), i = r.getHours(), a = r.getMinutes(), o = t ? r.getSeconds() : 0, s = U(i * 3600 + a * 60 + o, n), c = Math.floor(s / 3600), l = Math.floor(s % 3600 / 60), u = s % 60;
+	return {
+		hours: c,
+		minutes: l,
+		seconds: t ? u : 0
+	};
+}
+function he(e, t, n) {
+	if (t === "12") {
+		let t = e.hours >= 12 ? "PM" : "AM", r = e.hours % 12;
+		return r === 0 && (r = 12), {
+			hours: V(r),
+			minutes: V(e.minutes),
+			seconds: n ? V(e.seconds) : void 0,
+			period: t
+		};
+	}
+	return {
+		hours: V(e.hours),
+		minutes: V(e.minutes),
+		seconds: n ? V(e.seconds) : void 0
+	};
+}
+function ge(e, t, n) {
+	let r = (e) => {
+		let t = Number.parseInt(e ?? "0", 10);
+		return Number.isNaN(t) ? 0 : t;
+	}, i = r(e.hours), a = H(r(e.minutes), 0, 59), o = n ? H(r(e.seconds), 0, 59) : 0;
+	if (t === "12") {
+		i = H(i, 1, 12);
+		let t = (e.period ?? "AM") === "PM";
+		i %= 12, t && (i += 12);
+	} else i = H(i, 0, 23);
+	return {
+		hours: i,
+		minutes: a,
+		seconds: o
+	};
+}
+function _e(e, t, n) {
+	let r = U(e.hours * 3600 + e.minutes * 60 + e.seconds, t);
+	return {
+		hours: Math.floor(r / 3600),
+		minutes: Math.floor(r % 3600 / 60),
+		seconds: n ? r % 60 : 0
+	};
+}
+function ve(e, t, n, r) {
+	let i = V(e.minutes), a = t ? `:${V(e.seconds)}` : "";
+	if (n === "24") return `${V(e.hours)}:${i}${a}`;
+	let o = e.hours >= 12 ? "PM" : "AM", s = e.hours % 12;
+	s === 0 && (s = 12);
+	let c = o === "AM" ? r?.am ?? "AM" : r?.pm ?? "PM";
+	return `${V(s)}:${i}${a} ${c}`;
+}
+var G = /'[^']*'/g, ye = /[HKhk]|\bp\b|\bt\b|\ba\b/;
+function be(e) {
+	if (!e) return !1;
+	let t = e.replace(G, "");
+	return ye.test(t);
+}
+function K(e) {
+	return {
+		startMonth: typeof e?.fromYear == "number" ? new Date(e.fromYear, 0) : void 0,
+		endMonth: typeof e?.toYear == "number" ? new Date(e.toYear, 11) : void 0
+	};
+}
+function q(e, t, n, r) {
+	let i = r ? { locale: r } : void 0;
+	return {
+		date: e,
+		formatted: e ? N(e, t, i) : void 0,
+		readable: e ? N(e, n, i) : void 0
+	};
+}
+function J(e, t, n, r) {
+	let i = r ? { locale: r } : void 0;
+	return {
+		dates: e,
+		formatted: e.map((e) => N(e, t, i)),
+		readable: e.map((e) => N(e, n, i))
+	};
+}
+function xe(e, t, n, r) {
+	let i = r ? { locale: r } : void 0;
+	return {
+		range: e,
+		formatted: {
+			from: e?.from ? N(e.from, t, i) : void 0,
+			to: e?.to ? N(e.to, t, i) : void 0
+		},
+		readable: {
+			from: e?.from ? N(e.from, n, i) : void 0,
+			to: e?.to ? N(e.to, n, i) : void 0
+		}
+	};
+}
+function Y(e, t) {
+	let n = typeof t == "string" ? pe(t) : t, r = new Date(e);
+	return !Number.isFinite(r.getTime()) || !n ? /* @__PURE__ */ new Date(NaN) : (r.setHours(n.hours, n.minutes, n.seconds, 0), r);
+}
+function Se(e, t) {
+	return Math.ceil((t.getTime() - e.getTime()) / 864e5) + 1;
+}
+function Ce(e, t, n) {
+	if (!e?.from || !e?.to) return { isValid: !0 };
+	let r = Se(e.from, e.to);
+	return t && r < t || n && r > n ? {
+		isValid: !1,
+		daysDiff: r
+	} : {
+		isValid: !0,
+		daysDiff: r
+	};
+}
+function we(e, t, n, r) {
+	if (!e?.from || !e?.to) return null;
+	let i = Se(e.from, e.to);
+	return t && i < t ? r.minimumDays(t) : n && i > n ? r.maximumDays(n) : null;
+}
+function Te(e, t, n, r, i) {
+	return r && e.length === 0 ? i.datesRequired : t && e.length < t ? i.minimumDates(t) : n && e.length > 0 ? i.maximumDates(n) : null;
+}
+function X(e, t, n, r, i, a) {
+	if (e) {
+		let n = N(e, t, a ? { locale: a } : void 0);
+		return i && (n += ` ${i}`), n;
+	}
+	return n ?? r;
+}
+function Ee(e, t, n, r, i, a) {
+	if (e.length > 0) {
+		if (e.length === 1) {
+			let n = a ? { locale: a } : void 0;
+			return N(e[0], t, n);
+		}
+		return i.datesSelected(e.length);
+	}
+	return n ?? r;
+}
+function De(e, t, n, r, i) {
+	return e?.from ? h(e, {
+		format: t,
+		locale: i
+	}) ?? n ?? r : n ?? r;
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-internals.ts
+function Oe({ open: e, defaultOpen: t = !1, onOpenChange: n, disabled: r }) {
+	let [i, a] = T(t), o = w((t) => {
+		r && t || (e === void 0 && a(t), n?.(t));
+	}, [
+		r,
+		e,
+		n
+	]);
+	return [!r && (e ?? i), o];
+}
+function ke(e, t) {
+	return {
+		tone: e ?? "secondary",
+		buttonStyle: t ?? "outline"
+	};
+}
+function Ae(e) {
+	return !e.mode || e.mode === "single";
+}
+function je(e) {
+	return e.mode === "multiple";
+}
+function Me(e) {
+	return e.mode === "range";
+}
+function Ne(e, t) {
+	return [
+		{
+			label: e.today,
+			getValue: () => ({
+				from: /* @__PURE__ */ new Date(),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			label: e.thisWeek,
+			getValue: () => ({
+				from: F(/* @__PURE__ */ new Date(), { weekStartsOn: t }),
+				to: fe(/* @__PURE__ */ new Date(), { weekStartsOn: t })
+			})
+		},
+		{
+			label: e.thisMonth,
+			getValue: () => ({
+				from: P(/* @__PURE__ */ new Date()),
+				to: M(/* @__PURE__ */ new Date())
+			})
+		},
+		{
+			label: e.last30Days,
+			getValue: () => ({
+				from: j(/* @__PURE__ */ new Date(), -30),
+				to: /* @__PURE__ */ new Date()
+			})
+		}
+	];
+}
+//#endregion
+//#region src/components/ui/calendar.tsx
+function Pe({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: a = "label", buttonVariant: o = "ghost", locale: s, formatters: c, components: l, ...d }) {
+	let f = L();
+	return /* @__PURE__ */ E(I, {
+		showOutsideDays: n,
+		className: r("box-border font-sans p-space-lg bg-background group/calendar [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", i.calendarCell, String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, e),
+		captionLayout: a,
+		locale: s,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(s?.code, { month: "short" }),
+			...c
+		},
+		classNames: {
+			root: r("w-fit", f.root),
+			months: r("flex gap-space-xl flex-col md:flex-row relative", f.months),
+			month: r("flex flex-col w-full gap-space-xl", f.month),
+			nav: r("flex items-center gap-space-xs w-full absolute top-0 inset-x-0 justify-between", f.nav),
+			button_previous: r(m.nativeButtonReset, "text-inherit", u({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", f.button_previous),
+			button_next: r(m.nativeButtonReset, "text-inherit", u({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", f.button_next),
+			month_caption: r("box-border flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", f.month_caption),
+			dropdowns: r("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-space-sm", f.dropdowns),
+			dropdown_root: r("relative rounded-(--cell-radius)", f.dropdown_root),
+			dropdown: r("absolute bg-popover inset-0 opacity-0", f.dropdown),
+			caption_label: r("select-none font-medium", a === "label" ? "text-sm" : "rounded-(--cell-radius) flex items-center gap-space-xs text-sm [&>svg]:text-muted-foreground [&>svg]:size-icon-md", f.caption_label),
+			month_grid: "w-full border-collapse",
+			weekdays: r("flex", f.weekdays),
+			weekday: r("p-0 text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-xs select-none", f.weekday),
+			week: r("flex w-full mt-space-md", f.week),
+			week_number_header: r("select-none w-(--cell-size)", f.week_number_header),
+			week_number: r("text-xs select-none text-muted-foreground", f.week_number),
+			day: r("relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-e-(--cell-radius) group/day aspect-square select-none", d.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-s-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-s-(--cell-radius)", f.day),
+			range_start: r("rounded-s-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:end-0 z-0 isolate", f.range_start),
+			range_middle: r("rounded-none", f.range_middle),
+			range_end: r("rounded-e-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:start-0 z-0 isolate", f.range_end),
+			today: r("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", f.today),
+			outside: r("text-muted-foreground aria-selected:text-muted-foreground", f.outside),
+			disabled: r("text-muted-foreground", f.disabled),
+			hidden: r("invisible", f.hidden),
+			...t
+		},
+		components: {
+			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ E("div", {
+				"data-slot": "calendar",
+				ref: t,
+				className: r(e),
+				...n
+			}),
+			Chevron: ({ className: e, orientation: t, ...n }) => t === "left" ? /* @__PURE__ */ E(O, {
+				className: r("size-icon", e),
+				...n
+			}) : t === "right" ? /* @__PURE__ */ E(k, {
+				className: r("size-icon", e),
+				...n
+			}) : /* @__PURE__ */ E(ue, {
+				className: r(_.icon.md, e),
+				...n
+			}),
+			DayButton: ({ ...e }) => /* @__PURE__ */ E(Fe, {
+				locale: s,
+				...e
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ E("td", {
+				...t,
+				children: /* @__PURE__ */ E("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...l
+		},
+		...d
+	});
+}
+function Fe({ className: e, day: t, modifiers: n, locale: i, ...a }) {
+	let o = L(), s = C.useRef(null);
+	return C.useEffect(() => {
+		n.focused && s.current?.focus();
+	}, [n.focused]), /* @__PURE__ */ E(d, {
+		ref: s,
+		variant: "ghost",
+		size: "icon",
+		"data-day": t.date.toLocaleDateString(i?.code),
+		"data-selected-single": !!n.selected && !n.range_start && !n.range_end && !n.range_middle,
+		"data-range-start": n.range_start,
+		"data-range-end": n.range_end,
+		"data-range-middle": n.range_middle,
+		className: r(m.nativeButtonReset, "text-inherit", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:inset-ring group-data-[focused=true]/day:inset-ring-ring group-data-[focused=true]/day:ring-ring/50 relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-space-xs border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-3 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-e-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-s-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70", o.day, e),
+		...a
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-field.tsx
+function Z({ rootRef: e, className: t, label: n, hint: i, error: s, triggerId: c, describedById: l, children: u }) {
+	let d = typeof s == "string" && s !== "", f = !d && typeof i == "string" && i !== "";
+	return /* @__PURE__ */ D(p, {
+		ref: e,
+		gap: "xs",
+		className: t,
+		children: [
+			!!(n || f) && /* @__PURE__ */ D(p, {
+				direction: "horizontal",
+				align: "center",
+				justify: "between",
+				gap: "xs",
+				children: [!!n && /* @__PURE__ */ E(a, {
+					htmlFor: c,
+					className: r("date-picker--label text-inherit", "leading-6"),
+					children: n
+				}), f && /* @__PURE__ */ E(o, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "date-picker--hint",
+					children: i
+				})]
+			}),
+			u,
+			d && /* @__PURE__ */ E(o, {
+				id: l,
+				size: "xs",
+				type: "error",
+				role: "alert",
+				"aria-live": "polite",
+				className: "date-picker--error",
+				content: s
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-footer.tsx
+function Ie({ config: e, output: t, hasSelection: n, autoSummary: i, className: a }) {
+	let { text: s, actions: c, showOnlyWhenSelected: u = !1, showSummary: d = !1 } = e, f = c?.filter((e) => e.visible !== !1) ?? [], m = C.useMemo(() => {
+		if (s) return typeof s == "function" ? s(t) : s;
+	}, [s, t]), h = m || (d ? i : void 0);
+	return u && !n || !h && f.length === 0 ? null : /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(ee, {}), /* @__PURE__ */ E("div", {
+		className: r("date-picker-footer--component p-surface", a),
+		children: /* @__PURE__ */ D(p, {
+			gap: "lg",
+			children: [!!h && /* @__PURE__ */ D(p, {
+				gap: "xs",
+				className: "date-picker-footer--summary",
+				children: [
+					!!d && !!m && !!i && /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(o, {
+						type: "secondary",
+						children: i
+					}), /* @__PURE__ */ E(o, {
+						weight: "medium",
+						children: m
+					})] }),
+					!d && !!m && /* @__PURE__ */ E(o, {
+						weight: "medium",
+						children: m
+					}),
+					!!d && !m && !!i && /* @__PURE__ */ E(o, {
+						type: "secondary",
+						children: i
+					})
+				]
+			}), f.length > 0 && /* @__PURE__ */ E(p, {
+				direction: "horizontal",
+				gap: "md",
+				align: "center",
+				className: "date-picker-footer--actions",
+				children: f.map((e) => {
+					let n = typeof e.disabled == "function" ? e.disabled(t) : e.disabled, i = e.buttonStyle === "link" ? "ghost" : e.buttonStyle ?? "solid";
+					return /* @__PURE__ */ E(l, {
+						tone: e.tone ?? "primary",
+						buttonStyle: i,
+						disabled: n,
+						loading: e.loading,
+						onClick: () => e.onClick(t),
+						className: r("flex-1", e.buttonStyle === "link" && "underline underline-offset-[0.2em]"),
+						children: e.label
+					}, e.label);
+				})
+			})]
+		})
+	})] });
+}
+Ie.displayName = "DatePickerFooter";
+//#endregion
+//#region src/components/base/date-pickers/date-picker-header.tsx
+function Le({ config: e, className: t }) {
+	let { title: n, description: i, icon: a, align: c = "left" } = e;
+	return /* @__PURE__ */ E("div", {
+		className: r("date-picker-header--component", "border-b border-border p-surface", c === "center" ? "text-center" : "text-left", t),
+		children: /* @__PURE__ */ D(p, {
+			direction: "horizontal",
+			gap: "md",
+			wrap: !1,
+			children: [!!a && /* @__PURE__ */ E("div", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ E(a, {
+					"aria-hidden": "true",
+					className: "size-icon text-muted-foreground"
+				})
+			}), /* @__PURE__ */ D(p, {
+				gap: "dense",
+				className: r("flex-1", c === "center" && !a && "text-center"),
+				children: [/* @__PURE__ */ E(s, {
+					tag: "h3",
+					align: c === "center" ? "center" : "left",
+					containerClassName: "space-y-0",
+					children: n
+				}), !!i && /* @__PURE__ */ E(o, {
+					type: "secondary",
+					align: c,
+					children: i
+				})]
+			})]
+		})
+	});
+}
+Le.displayName = "DatePickerHeader";
+//#endregion
+//#region src/components/base/date-pickers/date-picker.recipes.ts
+function Re(e) {
+	let { defaultScale: n } = t();
+	return y(e, n);
+}
+var ze = {
+	sm: "w-control-sm",
+	md: "w-control",
+	lg: "w-control-lg"
+};
+function Be(e, t = !1) {
+	return r(te(e), "justify-start", t && [ze[e], "shrink-0 justify-center px-0"]);
+}
+//#endregion
+//#region src/components/base/date-pickers/date-pickers.strings.ts
+var Ve = {
+	selectDate: "Select a date",
+	selectDates: "Select dates",
+	selectDateRange: "Select date range",
+	from: "From",
+	to: "To",
+	confirm: "Confirm",
+	clear: "Clear",
+	today: "Today",
+	startDate: "Start date",
+	endDate: "End date",
+	startTime: "Start time",
+	endTime: "End time",
+	hours: "Hours",
+	minutes: "Minutes",
+	seconds: "Seconds",
+	am: "AM",
+	pm: "PM",
+	minimumDays: (e) => `A minimum of ${e} days is required`,
+	maximumDays: (e) => `A maximum of ${e} days is allowed`,
+	minimumDates: (e) => `Select at least ${e} dates`,
+	maximumDates: (e) => `Select up to ${e} dates`,
+	datesRequired: "At least one date must be selected",
+	datesSelected: (e) => `${e} dates selected`,
+	lastWeek: "Last week",
+	lastMonth: "Last month",
+	lastYear: "Last year",
+	nextWeek: "Next week",
+	nextMonth: "Next month",
+	nextYear: "Next year",
+	thisWeek: "This week",
+	thisMonth: "This month",
+	last30Days: "Last 30 days",
+	selectMonthYear: "Select month and year",
+	month: "Month",
+	year: "Year"
+}, He = de(`box-border border border-transparent py-0 font-sans text-foreground hover:text-foreground aria-pressed:bg-accent aria-pressed:text-accent-foreground ${c.frame} ${g.invalid} gap-space-xs rounded-radius text-sm font-medium transition-[color,background-color,box-shadow] [&_svg:not([class*='size-'])]:size-icon group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-input hover:bg-muted border bg-transparent shadow-none"
+		},
+		size: {
+			default: "h-control min-w-9 px-control",
+			sm: "h-control-sm min-w-8 px-control-sm",
+			lg: "h-control-lg min-w-10 px-control"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), Q = C.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 0,
+	orientation: "horizontal"
+});
+function Ue({ className: e, variant: t, size: n, spacing: i = 0, orientation: a = "horizontal", children: o, ...s }) {
+	return /* @__PURE__ */ E(z, {
+		"data-slot": "toggle-group",
+		"data-variant": t,
+		"data-size": n,
+		"data-spacing": i,
+		"data-orientation": a,
+		style: { "--gap": i },
+		className: r("rounded-radius group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", e),
+		...s,
+		children: /* @__PURE__ */ E(Q.Provider, {
+			value: {
+				variant: t,
+				size: n,
+				spacing: i,
+				orientation: a
+			},
+			children: o
+		})
+	});
+}
+function We({ className: e, children: t, variant: n = "default", size: i = "default", ...a }) {
+	let o = C.useContext(Q);
+	return /* @__PURE__ */ E(R, {
+		"data-slot": "toggle-group-item",
+		"data-variant": o.variant || n,
+		"data-size": o.size || i,
+		"data-spacing": o.spacing,
+		className: r("border-border group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-control-sm group-data-[spacing=0]/toggle-group:shadow-none group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-s-radius group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-radius group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-e-radius group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-radius shrink-0 focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", He({
+			variant: o.variant || n,
+			size: o.size || i
+		}), e),
+		...a,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/time-picker.tsx
+var Ge = {
+	placeholder: "Select time",
+	hours: "Hours",
+	minutes: "Minutes",
+	seconds: "Seconds",
+	am: "AM",
+	pm: "PM"
+}, Ke = [
+	"hours",
+	"minutes",
+	"seconds"
+], qe = "00", Je = "12", Ye = "--", Xe = "aria-pressed:bg-primary aria-pressed:text-primary-foreground", Ze = {
+	sm: "w-12",
+	md: "w-14",
+	lg: "w-16"
+};
+function Qe(e) {
+	return e.replace(/\D/g, "").slice(-2);
+}
+function $(e) {
+	return e.length === 0 ? "00" : e.length === 1 ? `0${e}` : e;
+}
+function $e(e, t) {
+	let n = t ? Ke : Ke.slice(0, 2), r = n.indexOf(e);
+	return r > -1 && r < n.length - 1 ? n[r + 1] : null;
+}
+function et(e, t) {
+	let n = t ? Ke : Ke.slice(0, 2), r = n.indexOf(e);
+	return r > 0 ? n[r - 1] : null;
+}
+function tt(e, t) {
+	return t === "24" ? e : e % 12 || 12;
+}
+function nt(e) {
+	return e >= 12 ? "PM" : "AM";
+}
+function rt(e, t) {
+	return t === "12" ? {
+		...e,
+		period: e.period ?? "AM"
+	} : {
+		...e,
+		period: void 0
+	};
+}
+function it(e) {
+	return {
+		hours: Ye,
+		minutes: Ye,
+		seconds: e ? Ye : void 0
+	};
+}
+function at(e) {
+	return e.hours === Ye && e.minutes === Ye;
+}
+function ot(e, t) {
+	let n = t === "12" ? Je : qe;
+	return {
+		hours: e.hours === Ye ? n : e.hours,
+		minutes: e.minutes === Ye ? qe : e.minutes,
+		seconds: e.seconds === Ye ? qe : e.seconds,
+		period: e.period
+	};
+}
+function st(e, t, n) {
+	let r = pe(e ?? void 0);
+	return r ? rt(he(r, t, n), t) : it(n);
+}
+var ct = C.forwardRef(function({ value: e, defaultValue: i, onValueChange: a, name: s, required: c, onBlur: l, mode: u = "inline", open: d, defaultOpen: f, onOpenChange: p, format: m = "24", precision: h = "minutes", step: ee = 60, size: g, disabled: _, invalid: ne, placeholder: b, strings: w, className: se, id: T, "aria-label": ce, "aria-labelledby": le, "aria-describedby": ue, "aria-invalid": O, "aria-required": k }, de) {
+	let j = n(Ge, w), { invalid: M, ariaInvalid: fe } = x(ne, O), N = {
+		"aria-label": ce,
+		"aria-labelledby": le,
+		"aria-describedby": ue,
+		"aria-invalid": fe
+	}, { defaultScale: P } = t(), F = y(g, P), I = h === "seconds", [L, R] = Oe({
+		open: d,
+		defaultOpen: f,
+		onOpenChange: p,
+		disabled: _
+	}), [z, B] = C.useState(i ?? null), V = e !== void 0, H = V ? e : z, U = C.useRef(null), W = C.useRef(null), G = C.useRef(null), ye = C.useMemo(() => I ? Ke : Ke.slice(0, 2), [I]), [be, K] = C.useState(() => st(H, m, I)), q = C.useRef(be), J = C.useRef(null), xe = C.useRef(null), Y = C.useCallback((e) => {
+		q.current = e, K(e);
+	}, []), Se = C.useRef({
+		hours: null,
+		minutes: null,
+		seconds: null
+	});
+	C.useEffect(() => {
+		let e = J.current;
+		J.current = null, (u !== "inline" && !L || e?.value !== H || e.format !== m || e.includeSeconds !== I) && (xe.current = null, Y(st(H, m, I)));
+	}, [
+		H,
+		m,
+		I,
+		u,
+		L,
+		Y
+	]);
+	let Ce = C.useCallback((e) => me(e, I), [I]), we = C.useCallback((e) => {
+		V || B(e), a?.(e);
+	}, [V, a]), Te = C.useCallback((e) => {
+		let t = ge(ot(e, m), m, I), n = Ce(_e(t, ee, I));
+		J.current = {
+			value: n,
+			format: m,
+			includeSeconds: I
+		}, we(n);
+	}, [
+		m,
+		I,
+		we,
+		ee,
+		Ce
+	]), X = C.useCallback((e) => {
+		if (at(e)) return;
+		J.current = null;
+		let t = _e(ge(ot(e, m), m, I), ee, I);
+		we(Ce(t)), Y(rt(he(t, m, I), m));
+	}, [
+		m,
+		I,
+		we,
+		ee,
+		Ce,
+		Y
+	]), Ee = C.useCallback((e) => {
+		if (!e) return;
+		let t = Se.current[e];
+		t && (t.focus(), t.select());
+	}, []), De = C.useCallback((e, t) => {
+		let n = ot(q.current, m), r = xe.current, i = r && r.key === e && r.typed.length === 1 ? `${r.typed}${t}` : String(t);
+		xe.current = {
+			key: e,
+			typed: i
+		};
+		let a = Number.parseInt(i, 10), o = { ...n }, s = o.period ?? "AM";
+		e === "hours" ? m === "24" ? o.hours = $(Math.min(Math.max(a, 0), 23).toString()) : a === 0 ? (s = "AM", o.hours = Je) : a > 12 ? (s = nt(a), o.hours = $(tt(a, "12").toString())) : (o.hours = $(Math.min(Math.max(a, 1), 12).toString()), s = n.period ?? nt(a)) : e === "minutes" ? o.minutes = $(Math.min(Math.max(a, 0), 59).toString()) : e === "seconds" && (o.seconds = $(Math.min(Math.max(a, 0), 59).toString()));
+		let c = {
+			...o,
+			period: m === "12" ? s : void 0
+		};
+		Y(c), Te(c);
+	}, [
+		m,
+		Y,
+		Te
+	]), ke = C.useCallback((e, t) => {
+		xe.current = null;
+		let n = Qe(t), r = { ...ot(q.current, m) }, i = r.period ?? "AM";
+		if (e === "hours") {
+			if (m === "24") {
+				let e = Number.parseInt(n || "0", 10);
+				r.hours = $((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 23)).toString());
+			} else {
+				let e = Number.parseInt(n || "0", 10);
+				Number.isNaN(e) ? (r.hours = Je, i = r.period ?? "AM") : n.length === 2 && e > 12 ? (i = nt(e), r.hours = $(tt(e, "12").toString())) : e === 0 ? (i = "AM", r.hours = Je) : (r.hours = $(Math.min(Math.max(e, 1), 12).toString()), n.length === 2 && (i = r.period ?? nt(e)));
+			}
+		} else if (e === "minutes") {
+			let e = Number.parseInt(n || "0", 10);
+			r.minutes = $((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 59)).toString());
+		} else if (e === "seconds") {
+			let e = Number.parseInt(n || "0", 10);
+			r.seconds = $((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 59)).toString());
+		}
+		let a = {
+			...r,
+			period: m === "12" ? i : void 0
+		};
+		Y(a), Te(a);
+	}, [
+		m,
+		Y,
+		Te
+	]), Ae = C.useCallback((e) => {
+		m === "12" && (xe.current = null, X({
+			...ot(q.current, m),
+			period: e
+		}));
+	}, [X, m]), je = C.useCallback(() => {
+		xe.current = null, X(q.current);
+	}, [X]), Me = C.useCallback((e) => {
+		xe.current = null, e.target.select();
+	}, []), Ne = C.useCallback((e, t) => {
+		if (e.key.length === 1 && /\d/.test(e.key) && !e.metaKey && !e.ctrlKey && !e.altKey) {
+			e.preventDefault(), De(t, Number.parseInt(e.key, 10));
+			return;
+		}
+		if (e.key === "ArrowRight") {
+			Ee($e(t, I));
+			return;
+		}
+		if (e.key === "ArrowLeft") {
+			Ee(et(t, I));
+			return;
+		}
+		if (e.key === "Backspace") {
+			let n = e.currentTarget;
+			n.selectionStart === 0 && n.selectionEnd === 0 && Ee(et(t, I));
+		}
+	}, [
+		De,
+		Ee,
+		I
+	]), Pe = C.useMemo(() => {
+		if (m === "12") return be.period ? [be.period] : void 0;
+	}, [m, be.period]), Fe = {
+		hours: j.hours,
+		minutes: j.minutes,
+		seconds: j.seconds
+	}, Z = pe(H ?? void 0), Ie = Z ? Ce(Z) : "", Le = (s || c) && /* @__PURE__ */ E("input", {
+		ref: G,
+		type: c ? "text" : "hidden",
+		className: c ? "sr-only" : void 0,
+		tabIndex: -1,
+		"aria-hidden": "true",
+		name: s,
+		value: Ie,
+		disabled: _,
+		required: c,
+		onChange: () => {},
+		onFocus: () => {
+			u === "inline" ? Ee("hours") : U.current?.focus();
+		}
+	}), Re = /* @__PURE__ */ D("div", {
+		ref: u === "inline" ? de : void 0,
+		...u === "inline" ? {
+			role: "group",
+			...N
+		} : void 0,
+		onBlur: u === "inline" ? S(l) : void 0,
+		className: r("flex items-center gap-space-md [&>.input--component]:w-auto [&>.input--component]:shrink-0", u === "inline" && ["time-picker--component", se]),
+		children: [
+			ye.map((e, t) => /* @__PURE__ */ D(C.Fragment, { children: [/* @__PURE__ */ E(re, {
+				ref: (t) => {
+					Se.current[e] = t;
+				},
+				id: e === "hours" && u === "inline" ? T : void 0,
+				value: be[e] ?? Ye,
+				onChange: (t) => ke(e, t.target.value),
+				onFocus: Me,
+				onBlur: je,
+				onKeyDown: (t) => Ne(t, e),
+				inputMode: "numeric",
+				pattern: "\\d*|--",
+				maxLength: 2,
+				showCharacterCount: !1,
+				disabled: _,
+				invalid: M,
+				"aria-label": Fe[e],
+				"aria-required": k ?? (c || void 0),
+				size: F,
+				className: r("time-picker--segment text-center", Ze[F])
+			}), t < ye.length - 1 && /* @__PURE__ */ E(o, {
+				tag: "span",
+				type: "secondary",
+				children: ":"
+			})] }, e)),
+			m === "12" && /* @__PURE__ */ D(Ue, {
+				value: Pe,
+				onValueChange: (e) => {
+					let t = e[0];
+					t && Ae(t);
+				},
+				disabled: _,
+				variant: "outline",
+				size: F === "sm" ? "sm" : "default",
+				className: "time-picker--period",
+				children: [/* @__PURE__ */ E(We, {
+					value: "AM",
+					"aria-label": j.am,
+					className: r(v[F], Xe),
+					children: /* @__PURE__ */ E(o, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: j.am
+					})
+				}), /* @__PURE__ */ E(We, {
+					value: "PM",
+					"aria-label": j.pm,
+					className: r(v[F], Xe),
+					children: /* @__PURE__ */ E(o, {
+						tag: "span",
+						size: "inherit",
+						weight: "medium",
+						lineHeight: "tight",
+						className: "text-inherit",
+						children: j.pm
+					})
+				})]
+			}),
+			u === "inline" && Le
+		]
+	});
+	if (u === "inline") return Re;
+	let ze = Z ? ve(Z, I, m, {
+		am: j.am,
+		pm: j.pm
+	}) : b ?? j.placeholder;
+	return /* @__PURE__ */ D(ae, {
+		open: L,
+		onOpenChange: R,
+		children: [
+			/* @__PURE__ */ D(ie, {
+				ref: de,
+				render: /* @__PURE__ */ E("button", { ref: U }),
+				id: T,
+				"aria-expanded": L,
+				...N,
+				onBlur: S(l, W, G),
+				disabled: _,
+				className: r("time-picker--component", te(F), "justify-start", !Z && "text-muted-foreground", se),
+				children: [/* @__PURE__ */ E(A, { className: "size-icon shrink-0" }), /* @__PURE__ */ E(o, {
+					tag: "span",
+					size: "inherit",
+					lineHeight: "tight",
+					className: "min-w-0 truncate text-inherit",
+					children: ze
+				})]
+			}),
+			Le,
+			/* @__PURE__ */ E(oe, {
+				ref: W,
+				className: "time-picker--panel w-auto",
+				align: "start",
+				onBlur: S(l, U, G),
+				children: Re
+			})
+		]
+	});
+});
+ct.displayName = "TimePicker";
+//#endregion
+//#region src/components/base/date-pickers/date-picker-single.tsx
+function lt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-dd", readableFormat: a = "PPP", placeholder: s, closeOnSelect: c = !0, withTime: u, disabledDates: d, calendarProps: f, open: p, setOpen: m, t: h, dateFnsLocale: g, captionLayout: _, yearBounds: v, rootRef: te, ...y }) {
+	let re = Re(y.size), x = C.useId(), S = y.id ?? x, w = `${S}-description`, se = y.error !== void 0 && y.error !== null && y.error !== "", T = se || !!(y.invalid || y["aria-invalid"] && y["aria-invalid"] !== "false"), ue = [y["aria-describedby"], se ? w : void 0].filter(Boolean).join(" ") || void 0, O = u?.format ?? "24", k = u?.step ?? 60, A = u?.showSeconds ?? !1, de = be(a), j = u?.showTimeInButton ?? !de, [M, fe] = C.useState(() => e ?? t), [P, F] = C.useState(() => {
+		let n = e ?? t;
+		return n ? W(n, A, k) : null;
+	}), I = C.useRef(e ?? t ?? void 0), L = C.useRef(t?.getTime()), R = C.useRef(!1), z = C.useRef(e !== void 0), B = C.useCallback((e, t) => {
+		let n = e, r = t ?? P;
+		if (e && u?.enabled && r) {
+			let t = Y(e, r);
+			n = Number.isFinite(t.getTime()) ? t : void 0;
+		}
+		return q(n, i, a, g);
+	}, [
+		i,
+		a,
+		g,
+		u,
+		P
+	]);
+	C.useEffect(() => {
+		let r = !!u?.enabled, o = z.current, s = e !== void 0, c = t?.getTime(), l = !Object.is(L.current, c);
+		L.current = c;
+		let d = (e, t) => {
+			let o = _e(W(e, A, k), k, A);
+			if (fe((t) => t?.getTime?.() === e.getTime() ? t : e), F((e) => e && e.hours === o.hours && e.minutes === o.minutes && e.seconds === o.seconds ? e : o), I.current = e, R.current = !0, t && r) {
+				let t = Y(e, o);
+				n?.(q(t, i, a, g));
+			}
+		};
+		if (!r) {
+			R.current = !1, I.current = e ?? t ?? void 0, (s || o || l) && (fe(e ?? t), e === void 0 && t === void 0 && F(null)), z.current = s;
+			return;
+		}
+		let f = I.current?.getTime?.(), p = e?.getTime?.();
+		if (!s && o && t === void 0) {
+			R.current = !1, I.current = void 0, fe(void 0), F(null), z.current = !1;
+			return;
+		}
+		if (e !== void 0 && p !== f) {
+			d(e, !1), z.current = s;
+			return;
+		}
+		if (e === void 0 && t !== void 0) {
+			(l || o || !R.current) && d(t, !1), z.current = s;
+			return;
+		}
+		if (e === void 0 && t === void 0 && !R.current) {
+			R.current = !0, z.current = s;
+			return;
+		}
+		z.current = s;
+	}, [
+		u?.enabled,
+		e,
+		t,
+		A,
+		k,
+		n,
+		i,
+		a,
+		g
+	]), C.useEffect(() => {
+		u?.enabled && F((e) => {
+			if (!e) return e;
+			let t = _e(e, k, A);
+			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
+		});
+	}, [
+		u?.enabled,
+		k,
+		A
+	]);
+	let V = C.useCallback((e) => {
+		fe(e);
+		let t;
+		u?.enabled && e && (R.current = !0, I.current = e, P || (t = W(e, A, k), F(t))), n?.(B(e, t)), c && e && m(!1);
+	}, [
+		n,
+		B,
+		c,
+		m,
+		u,
+		P,
+		A,
+		k
+	]), H = C.useCallback((e) => {
+		let t = pe(e ?? void 0);
+		t && (F(t), M && n?.(B(M, t)));
+	}, [
+		M,
+		n,
+		B
+	]), U = C.useMemo(() => {
+		if (u?.enabled && P) return ve(P, A, O, {
+			am: h.am,
+			pm: h.pm
+		});
+	}, [
+		u?.enabled,
+		P,
+		A,
+		O,
+		h
+	]), he = C.useMemo(() => X(M, a, s, h.selectDate, j ? U : void 0, g), [
+		M,
+		a,
+		s,
+		h,
+		U,
+		j,
+		g
+	]), ge = C.useMemo(() => M ? N(M, a, { locale: g }) : void 0, [
+		M,
+		a,
+		g
+	]);
+	return /* @__PURE__ */ E(Z, {
+		rootRef: te,
+		className: y.className,
+		label: y.label,
+		hint: y.hint,
+		error: y.error,
+		triggerId: S,
+		describedById: w,
+		children: /* @__PURE__ */ D(ae, {
+			open: p,
+			onOpenChange: m,
+			children: [/* @__PURE__ */ E(ie, {
+				ref: y.triggerRef,
+				onBlur: y.onBlur,
+				render: (e) => {
+					let t = ke(y.buttonTone, y.buttonStyle);
+					return /* @__PURE__ */ D(l, {
+						...e,
+						id: S,
+						tone: t.tone,
+						buttonStyle: t.buttonStyle,
+						size: re,
+						"aria-invalid": T,
+						"aria-describedby": ue,
+						className: r(Be(re), !M && "text-muted-foreground", e.className),
+						disabled: y.disabled,
+						children: [/* @__PURE__ */ E(le, {
+							className: ne[re],
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ E(o, {
+							tag: "span",
+							size: "inherit",
+							lineHeight: "tight",
+							className: "min-w-0 truncate text-inherit",
+							children: he
+						})]
+					});
+				}
+			}), /* @__PURE__ */ D(oe, {
+				inset: "flush",
+				className: "w-auto gap-0",
+				align: "start",
+				children: [
+					!!y.header && /* @__PURE__ */ E(Le, { config: y.header }),
+					/* @__PURE__ */ E(Pe, {
+						mode: "single",
+						selected: M,
+						onSelect: V,
+						defaultMonth: M,
+						numberOfMonths: y.numberOfMonths,
+						showOutsideDays: y.showOutsideDays,
+						disabled: d ?? y.disabled,
+						locale: g,
+						captionLayout: _,
+						startMonth: v.startMonth,
+						endMonth: v.endMonth,
+						...f
+					}),
+					!!u?.enabled && /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(ee, {}), /* @__PURE__ */ E("div", {
+						className: "date-picker--time p-surface",
+						children: /* @__PURE__ */ E(b, {
+							label: h.startTime,
+							children: /* @__PURE__ */ E(ct, {
+								value: P ? me(P, A) : null,
+								onValueChange: H,
+								format: O,
+								precision: A ? "seconds" : "minutes",
+								step: k,
+								disabled: y.disabled,
+								size: "sm",
+								strings: {
+									hours: h.hours,
+									minutes: h.minutes,
+									seconds: h.seconds,
+									am: h.am,
+									pm: h.pm
+								}
+							})
+						})
+					})] }),
+					!!y.footer && /* @__PURE__ */ E(Ie, {
+						config: y.footer,
+						output: B(M),
+						hasSelection: !!M,
+						autoSummary: ge
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-multiple.tsx
+function ut({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-dd", readableFormat: a = "PPP", placeholder: s, min: c, max: u, required: d, closeOnSelect: f = !1, disabledDates: p, calendarProps: m, open: h, setOpen: g, t: _, dateFnsLocale: v, captionLayout: te, yearBounds: y, rootRef: re, ...b }) {
+	let x = Re(b.size), S = C.useId(), w = b.id ?? S, se = `${w}-description`, T = b.error !== void 0 && b.error !== null && b.error !== "", ue = T || !!(b.invalid || b["aria-invalid"] && b["aria-invalid"] !== "false"), O = [b["aria-describedby"], T ? se : void 0].filter(Boolean).join(" ") || void 0, [k, A] = C.useState(e ?? t ?? []), de = C.useRef(e);
+	C.useEffect(() => {
+		Object.is(de.current, e) || (de.current = e, A(e ?? t ?? []));
+	}, [e, t]);
+	let j = C.useCallback((e) => J(e, i, a, v), [
+		i,
+		a,
+		v
+	]), M = C.useCallback((e) => {
+		let t = Array.isArray(e) ? e : e ? [e] : [];
+		A(t), n?.(j(t)), f && t.length > 0 && g(!1);
+	}, [
+		n,
+		j,
+		f,
+		g
+	]), fe = C.useMemo(() => Ee(k, a, s, _.selectDates, _, v), [
+		k,
+		a,
+		s,
+		_,
+		v
+	]), N = C.useMemo(() => Te(k, c, u, d, _), [
+		k,
+		c,
+		u,
+		d,
+		_
+	]), P = C.useMemo(() => k.length > 0 ? _.datesSelected(k.length) : void 0, [k.length, _]);
+	return /* @__PURE__ */ E(Z, {
+		rootRef: re,
+		className: b.className,
+		label: b.label,
+		hint: b.hint,
+		error: b.error,
+		triggerId: w,
+		describedById: se,
+		children: /* @__PURE__ */ D(ae, {
+			open: h,
+			onOpenChange: g,
+			children: [/* @__PURE__ */ E(ie, {
+				ref: b.triggerRef,
+				onBlur: b.onBlur,
+				render: (e) => {
+					let t = ke(b.buttonTone, b.buttonStyle);
+					return /* @__PURE__ */ D(l, {
+						...e,
+						id: w,
+						tone: t.tone,
+						buttonStyle: t.buttonStyle,
+						size: x,
+						"aria-invalid": ue,
+						"aria-describedby": O,
+						className: r(Be(x), k.length === 0 && "text-muted-foreground", e.className),
+						disabled: b.disabled,
+						children: [/* @__PURE__ */ E(le, {
+							className: ne[x],
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ E(o, {
+							tag: "span",
+							size: "inherit",
+							lineHeight: "tight",
+							className: "min-w-0 truncate text-inherit",
+							children: fe
+						})]
+					});
+				}
+			}), /* @__PURE__ */ D(oe, {
+				inset: "flush",
+				className: "w-auto gap-0",
+				align: "start",
+				children: [
+					!!b.header && /* @__PURE__ */ E(Le, { config: b.header }),
+					/* @__PURE__ */ E(Pe, {
+						mode: "multiple",
+						selected: k,
+						onSelect: M,
+						defaultMonth: k[0],
+						numberOfMonths: b.numberOfMonths,
+						showOutsideDays: b.showOutsideDays,
+						disabled: p ?? b.disabled,
+						locale: v,
+						captionLayout: te,
+						startMonth: y.startMonth,
+						endMonth: y.endMonth,
+						required: d,
+						max: u,
+						...m
+					}),
+					!!N && /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(ee, {}), /* @__PURE__ */ E("div", {
+						className: "p-surface",
+						children: /* @__PURE__ */ E(o, {
+							type: "secondary",
+							children: N
+						})
+					})] }),
+					!!b.footer && /* @__PURE__ */ E(Ie, {
+						config: b.footer,
+						output: j(k),
+						hasSelection: k.length > 0,
+						autoSummary: P
+					})
+				]
+			})]
+		})
+	});
+}
+function dt() {
+	let [e, t] = T();
+	return se(() => {
+		let e = window.matchMedia("(max-width: 767px)"), n = () => {
+			t(window.innerWidth < 768);
+		};
+		return e.addEventListener("change", n), t(window.innerWidth < 768), () => e.removeEventListener("change", n);
+	}, []), !!e;
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker-range.tsx
+function ft({ value: t, defaultValue: n, onValueChange: a, format: s = "yyyy-MM-dd", readableFormat: c = "PPP", placeholder: u, withConfirm: d = !1, min: m, max: h, closeOnSelect: g = !0, withTime: _, presets: v, disabledDates: te, calendarProps: y, open: re, setOpen: x, t: S, dateFnsLocale: w, captionLayout: se, yearBounds: T, rootRef: ue, ...O }) {
+	let k = dt(), A = O.numberOfMonths ?? (k ? 1 : 2), { weekStartsOn: de = 1 } = e(), j = v ?? Ne(S, de), M = Re(O.size), fe = C.useId(), P = O.id ?? fe, F = `${P}-description`, I = O.error !== void 0 && O.error !== null && O.error !== "", L = I || !!(O.invalid || O["aria-invalid"] && O["aria-invalid"] !== "false"), R = [O["aria-describedby"], I ? F : void 0].filter(Boolean).join(" ") || void 0, z = _?.format ?? "24", B = _?.step ?? 60, V = _?.showSeconds ?? !1, H = be(c), U = _?.showTimeInButton ?? !H, he = _?.showTimeInSummary ?? !H, ge = t ?? n, [G, ye] = C.useState(ge), [K, q] = C.useState(() => ge?.from ? W(ge.from, V, B) : null), [J, Se] = C.useState(() => ge?.to ? W(ge.to, V, B) : null), Te = C.useRef(t), X = C.useMemo(() => we(G, m, h, S), [
+		G,
+		m,
+		h,
+		S
+	]), Ee = X != null && X !== "", Oe = typeof X == "string" ? X : "";
+	C.useEffect(() => {
+		if (Object.is(Te.current, t)) return;
+		Te.current = t;
+		let e = t ?? n;
+		ye(e), q(e?.from ? W(e.from, V, B) : null), Se(e?.to ? W(e.to, V, B) : null);
+	}, [
+		t,
+		n,
+		V,
+		B
+	]), C.useEffect(() => {
+		if (!_?.enabled) return;
+		let e = (e) => {
+			if (!e) return e;
+			let t = _e(e, B, V);
+			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
+		};
+		q(e), Se(e);
+	}, [
+		_?.enabled,
+		B,
+		V
+	]);
+	let Ae = C.useCallback((e) => {
+		let t = e;
+		return e && _?.enabled && (t = {
+			...e,
+			from: e.from && K ? Y(e.from, K) : e.from,
+			to: e.to && J ? Y(e.to, J) : e.to
+		}), xe(t, s, c, w);
+	}, [
+		s,
+		c,
+		w,
+		_,
+		K,
+		J
+	]), je = C.useCallback((e) => {
+		let t = pe(e ?? void 0);
+		t && q(t);
+	}, []), Me = C.useCallback((e) => {
+		let t = pe(e ?? void 0);
+		t && Se(t);
+	}, []), Fe = C.useCallback((e, t, n) => t ? !n?.from || n.to ? {
+		from: t,
+		to: void 0
+	} : t < n.from ? {
+		from: t,
+		to: n.from
+	} : {
+		from: n.from,
+		to: t
+	} : e, []), ze = C.useCallback((e, t) => {
+		let n = Fe(e, t, G);
+		if (ye(n), d || _?.enabled) return;
+		a?.(Ae(n));
+		let r = !!(n?.from && n?.to), i = Ce(n, m, h).isValid;
+		g && r && i && x(!1);
+	}, [
+		G,
+		Fe,
+		d,
+		_,
+		a,
+		Ae,
+		m,
+		h,
+		g,
+		x
+	]), Ve = C.useCallback((e) => {
+		let t = e.getValue();
+		ze(t);
+	}, [ze]), He = C.useCallback(() => {
+		a?.(Ae(G)), x(!1);
+	}, [
+		G,
+		a,
+		Ae,
+		x
+	]), Q = C.useMemo(() => {
+		if (_?.enabled && K) return ve(K, V, z, {
+			am: S.am,
+			pm: S.pm
+		});
+	}, [
+		_?.enabled,
+		K,
+		V,
+		z,
+		S
+	]), Ue = C.useMemo(() => {
+		if (_?.enabled && J) return ve(J, V, z, {
+			am: S.am,
+			pm: S.pm
+		});
+	}, [
+		_?.enabled,
+		J,
+		V,
+		z,
+		S
+	]), We = C.useMemo(() => {
+		if (_?.enabled && G?.from) {
+			let e = N(G.from, c, { locale: w }), t = U && Q ? `${e} ${Q}` : e;
+			if (G.to) {
+				let e = N(G.to, c, { locale: w });
+				return `${t} - ${U && Ue ? `${e} ${Ue}` : e}`;
+			}
+			return t;
+		}
+		return De(G, c, u, S.selectDateRange, w);
+	}, [
+		_?.enabled,
+		G,
+		c,
+		U,
+		Q,
+		Ue,
+		u,
+		S,
+		w
+	]), Ge = C.useMemo(() => {
+		if (!G?.from || !G?.to) return;
+		let e = N(G.from, c, { locale: w }), t = N(G.to, c, { locale: w });
+		return `${he && Q ? `${e} ${Q}` : e} - ${he && Ue ? `${t} ${Ue}` : t}`;
+	}, [
+		G,
+		c,
+		w,
+		he,
+		Q,
+		Ue
+	]);
+	return /* @__PURE__ */ E(Z, {
+		rootRef: ue,
+		className: O.className,
+		label: O.label,
+		hint: O.hint,
+		error: O.error,
+		triggerId: P,
+		describedById: F,
+		children: /* @__PURE__ */ D(ae, {
+			open: re,
+			onOpenChange: x,
+			children: [/* @__PURE__ */ E(ie, {
+				ref: O.triggerRef,
+				onBlur: O.onBlur,
+				render: (e) => {
+					let t = ke(O.buttonTone, O.buttonStyle);
+					return /* @__PURE__ */ D(l, {
+						...e,
+						id: P,
+						tone: t.tone,
+						buttonStyle: t.buttonStyle,
+						size: M,
+						"aria-invalid": L,
+						"aria-describedby": R,
+						className: r(Be(M), !G && "text-muted-foreground", e.className),
+						disabled: O.disabled,
+						children: [/* @__PURE__ */ E(le, {
+							className: r(ne[M], "shrink-0"),
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ E(o, {
+							tag: "span",
+							size: "inherit",
+							lineHeight: "tight",
+							className: "min-w-0 truncate text-inherit",
+							children: We
+						})]
+					});
+				}
+			}), /* @__PURE__ */ D(oe, {
+				inset: "flush",
+				className: "w-auto gap-0",
+				align: "start",
+				children: [!!O.header && /* @__PURE__ */ E(Le, { config: O.header }), /* @__PURE__ */ D("div", {
+					className: "flex flex-col sm:flex-row",
+					children: [j.length > 0 && /* @__PURE__ */ E("div", {
+						className: "grid grid-cols-2 gap-space-2xs border-b border-border p-surface-xs sm:flex sm:min-w-30 sm:flex-col sm:border-r sm:border-b-0",
+						children: j.map((e) => /* @__PURE__ */ E(l, {
+							tone: "secondary",
+							buttonStyle: "ghost",
+							onClick: () => Ve(e),
+							className: "justify-start text-muted-foreground hover:text-foreground",
+							children: e.label
+						}, e.label))
+					}), /* @__PURE__ */ D("div", {
+						className: "flex flex-col",
+						children: [
+							/* @__PURE__ */ E(Pe, {
+								mode: "range",
+								selected: G,
+								onSelect: ze,
+								defaultMonth: G?.from,
+								numberOfMonths: A,
+								showOutsideDays: O.showOutsideDays,
+								disabled: te ?? O.disabled,
+								locale: w,
+								captionLayout: se,
+								startMonth: T.startMonth,
+								endMonth: T.endMonth,
+								...y,
+								className: r(i.calendarCompactCell, y?.className)
+							}),
+							(() => {
+								let e = !!G?.from && !O.footer, t = !!_?.enabled && !!G?.from, n = !!(d || _?.enabled) && !O.footer;
+								return !e && !t && !Ee && !n ? null : /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(ee, {}), /* @__PURE__ */ E("div", {
+									className: "date-picker--range-footer p-surface",
+									children: /* @__PURE__ */ D(p, {
+										gap: "lg",
+										children: [
+											e && !!G?.from && /* @__PURE__ */ D(p, {
+												direction: "horizontal",
+												align: "center",
+												justify: "between",
+												gap: "xl",
+												children: [/* @__PURE__ */ D(p, {
+													direction: "horizontal",
+													align: "center",
+													gap: "md",
+													children: [/* @__PURE__ */ D(o, {
+														tag: "span",
+														type: "secondary",
+														children: [S.from, ":"]
+													}), /* @__PURE__ */ D(o, {
+														tag: "span",
+														weight: "medium",
+														children: [N(G.from, c, { locale: w }), he && Q ? ` ${Q}` : ""]
+													})]
+												}), !!G.to && /* @__PURE__ */ D(p, {
+													direction: "horizontal",
+													align: "center",
+													gap: "md",
+													children: [/* @__PURE__ */ D(o, {
+														tag: "span",
+														type: "secondary",
+														children: [S.to, ":"]
+													}), /* @__PURE__ */ D(o, {
+														tag: "span",
+														weight: "medium",
+														children: [N(G.to, c, { locale: w }), he && Ue ? ` ${Ue}` : ""]
+													})]
+												})]
+											}),
+											t && !!G?.from && /* @__PURE__ */ D(f, {
+												columns: {
+													base: 1,
+													sm: 2
+												},
+												gap: "lg",
+												children: [/* @__PURE__ */ E(b, {
+													label: S.startTime,
+													children: /* @__PURE__ */ E(ct, {
+														value: K ? me(K, V) : null,
+														onValueChange: je,
+														format: z,
+														precision: V ? "seconds" : "minutes",
+														step: B,
+														disabled: O.disabled,
+														size: "sm",
+														strings: {
+															hours: S.hours,
+															minutes: S.minutes,
+															seconds: S.seconds,
+															am: S.am,
+															pm: S.pm
+														}
+													})
+												}), !!G.to && /* @__PURE__ */ E(b, {
+													label: S.endTime,
+													children: /* @__PURE__ */ E(ct, {
+														value: J ? me(J, V) : null,
+														onValueChange: Me,
+														format: z,
+														precision: V ? "seconds" : "minutes",
+														step: B,
+														disabled: O.disabled,
+														size: "sm",
+														strings: {
+															hours: S.hours,
+															minutes: S.minutes,
+															seconds: S.seconds,
+															am: S.am,
+															pm: S.pm
+														}
+													})
+												})]
+											}),
+											/* @__PURE__ */ E(o, {
+												type: "error",
+												content: Oe,
+												hidden: !Ee
+											}),
+											n && /* @__PURE__ */ E(l, {
+												tone: "primary",
+												onClick: He,
+												disabled: !G?.from || !G?.to || !!X,
+												className: "w-full",
+												children: S.confirm
+											})
+										]
+									})
+								})] });
+							})(),
+							!!O.footer && /* @__PURE__ */ E(Ie, {
+								config: O.footer,
+								output: Ae(G),
+								hasSelection: !!(G?.from && G?.to),
+								autoSummary: Ge
+							})
+						]
+					})]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/base/date-pickers/date-picker.tsx
+var pt = C.forwardRef(function(t, i) {
+	let [a, o] = Oe(t), s = e(), c = t.locale ?? s.locale ?? B, l = n(Ve, t.strings), u = C.useMemo(() => t.yearSelection?.enabled ? "dropdown" : "label", [t.yearSelection]), d = C.useMemo(() => K(t.yearSelection), [t.yearSelection]), f = r("date-picker--component", t.className);
+	return Ae(t) ? /* @__PURE__ */ E(lt, {
+		...t,
+		rootRef: i,
+		className: f,
+		open: a,
+		setOpen: o,
+		t: l,
+		dateFnsLocale: c,
+		captionLayout: u,
+		yearBounds: d
+	}) : je(t) ? /* @__PURE__ */ E(ut, {
+		...t,
+		rootRef: i,
+		className: f,
+		open: a,
+		setOpen: o,
+		t: l,
+		dateFnsLocale: c,
+		captionLayout: u,
+		yearBounds: d
+	}) : Me(t) ? /* @__PURE__ */ E(ft, {
+		...t,
+		rootRef: i,
+		className: f,
+		open: a,
+		setOpen: o,
+		t: l,
+		dateFnsLocale: c,
+		captionLayout: u,
+		yearBounds: d
+	}) : null;
+});
+pt.displayName = "DatePicker";
+//#endregion
+export { Be as a, Ie as c, Oe as d, Ve as i, Z as l, ct as n, Re as o, Ge as r, Le as s, pt as t, ke as u };
+
+//# sourceMappingURL=date-picker-D1keJQIG.js.map