themelia-react-ui 2.0.5 → 3.0.0

package/dist/date-picker-RlIzKom_.js

@@ -1,1551 +0,0 @@
-"use client";
-import { d as e, u as t } from "./ui-provider-C-74NVLc.js";
-import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-B6kKb8jB.js";
-import { t as i } from "./affordance-geometry.generated-P-aVJisu.js";
-import { n as a } from "./buttons-BedGfygC.js";
-import { a as o, c as s, s as c } from "./typography-BQnine1k.js";
-import { t as l } from "./focus-recipes-B653VaLq.js";
-import { n as u, t as d } from "./button-S2Cubiiz.js";
-import { r as f, t as p } from "./structure-DuxKl954.js";
-import { o as m } from "./date-Cq8ioE4o.js";
-import { t as ee } from "./separator-Ct_WSWTJ.js";
-import { t as h } from "./field-state-recipes-BVA2CWHo.js";
-import { r as g } from "./field-affordance-recipes-DWcNcOjh.js";
-import { d as _, p as v, s as y, y as te } from "./form-sizing-Bs2qFUeE.js";
-import { t as b } from "./input-CvyDQlY7.js";
-import { c as ne, o as re, t as ie } from "./popover-B85RenIl.js";
-import { t as ae } from "./form-field-BriWAXyg.js";
-import * as x from "react";
-import { useEffect as S, useState as C } from "react";
-import { Fragment as oe, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Calendar as se, ChevronDownIcon as E, ChevronLeftIcon as D, ChevronRightIcon as ce, Clock as le } from "lucide-react";
-import { cva as O } from "class-variance-authority";
-import { addDays as k, endOfMonth as A, endOfWeek as j, format as M, startOfMonth as N, startOfWeek as P } from "date-fns";
-import { DayPicker as F, getDefaultClassNames as I } from "react-day-picker";
-import { Toggle as L } from "@base-ui/react/toggle";
-import { ToggleGroup as R } from "@base-ui/react/toggle-group";
-import { enUS as z } from "date-fns/locale";
-function B(e) {
-	return e.toString().padStart(2, "0");
-}
-function V(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function H(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 ue(e) {
-	if (!e) return null;
-	let t = e.split(":");
-	if (t.length < 2 || t.length > 3) return null;
-	let [n, r, i] = t, a = V(Number.parseInt(n, 10), 0, 23), o = V(Number.parseInt(r, 10), 0, 59), s = V(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 de(e, t) {
-	let n = t ? `:${B(e.seconds)}` : "";
-	return `${B(e.hours)}:${B(e.minutes)}${n}`;
-}
-function U(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 = H(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 W(e, t, n) {
-	if (t === "12") {
-		let t = e.hours >= 12 ? "PM" : "AM", r = e.hours % 12;
-		return r === 0 && (r = 12), {
-			hours: B(r),
-			minutes: B(e.minutes),
-			seconds: n ? B(e.seconds) : void 0,
-			period: t
-		};
-	}
-	return {
-		hours: B(e.hours),
-		minutes: B(e.minutes),
-		seconds: n ? B(e.seconds) : void 0
-	};
-}
-function G(e, t, n) {
-	let r = (e) => {
-		let t = Number.parseInt(e ?? "0", 10);
-		return Number.isNaN(t) ? 0 : t;
-	}, i = r(e.hours), a = V(r(e.minutes), 0, 59), o = n ? V(r(e.seconds), 0, 59) : 0;
-	if (t === "12") {
-		i = V(i, 1, 12);
-		let t = (e.period ?? "AM") === "PM";
-		i %= 12, t && (i += 12);
-	} else i = V(i, 0, 23);
-	return {
-		hours: i,
-		minutes: a,
-		seconds: o
-	};
-}
-function fe(e, t, n) {
-	let r = H(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 pe(e, t, n, r) {
-	let i = B(e.minutes), a = t ? `:${B(e.seconds)}` : "";
-	if (n === "24") return `${B(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 `${B(s)}:${i}${a} ${c}`;
-}
-var me = /'[^']*'/g, he = /[HKhk]|\bp\b|\bt\b|\ba\b/;
-function ge(e) {
-	if (!e) return !1;
-	let t = e.replace(me, "");
-	return he.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 _e(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		date: e,
-		formatted: e ? M(e, t, i) : void 0,
-		readable: e ? M(e, n, i) : void 0
-	};
-}
-function q(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		dates: e,
-		formatted: e.map((e) => M(e, t, i)),
-		readable: e.map((e) => M(e, n, i))
-	};
-}
-function ve(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		range: e,
-		formatted: {
-			from: e?.from ? M(e.from, t, i) : void 0,
-			to: e?.to ? M(e.to, t, i) : void 0
-		},
-		readable: {
-			from: e?.from ? M(e.from, n, i) : void 0,
-			to: e?.to ? M(e.to, n, i) : void 0
-		}
-	};
-}
-function ye(e, t) {
-	let n = typeof t == "string" ? ue(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 be(e, t) {
-	return Math.ceil((t.getTime() - e.getTime()) / 864e5) + 1;
-}
-function xe(e, t, n) {
-	if (!e?.from || !e?.to) return { isValid: !0 };
-	let r = be(e.from, e.to);
-	return t && r < t || n && r > n ? {
-		isValid: !1,
-		daysDiff: r
-	} : {
-		isValid: !0,
-		daysDiff: r
-	};
-}
-function Se(e, t, n, r) {
-	if (!e?.from || !e?.to) return null;
-	let i = be(e.from, e.to);
-	return t && i < t ? r.minimumDays(t) : n && i > n ? r.maximumDays(n) : null;
-}
-function J(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 Ce(e, t, n, r, i, a) {
-	if (e) {
-		let n = M(e, t, a ? { locale: a } : void 0);
-		return i && (n += ` ${i}`), n;
-	}
-	return n ?? r;
-}
-function Y(e, t, n, r, i, a) {
-	if (e.length > 0) {
-		if (e.length === 1) {
-			let n = a ? { locale: a } : void 0;
-			return M(e[0], t, n);
-		}
-		return i.datesSelected(e.length);
-	}
-	return n ?? r;
-}
-function we(e, t, n, r, i) {
-	return e?.from ? m(e, {
-		format: t,
-		locale: i
-	}) ?? n ?? r : n ?? r;
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker-internals.ts
-function Te(e, t) {
-	return {
-		tone: e ?? "secondary",
-		buttonStyle: t ?? "outline"
-	};
-}
-function Ee(e) {
-	return !e.mode || e.mode === "single";
-}
-function De(e) {
-	return e.mode === "multiple";
-}
-function Oe(e) {
-	return e.mode === "range";
-}
-function ke(e, t) {
-	return [
-		{
-			label: e.today,
-			getValue: () => ({
-				from: /* @__PURE__ */ new Date(),
-				to: /* @__PURE__ */ new Date()
-			})
-		},
-		{
-			label: e.thisWeek,
-			getValue: () => ({
-				from: P(/* @__PURE__ */ new Date(), { weekStartsOn: t }),
-				to: j(/* @__PURE__ */ new Date(), { weekStartsOn: t })
-			})
-		},
-		{
-			label: e.thisMonth,
-			getValue: () => ({
-				from: N(/* @__PURE__ */ new Date()),
-				to: A(/* @__PURE__ */ new Date())
-			})
-		},
-		{
-			label: e.last30Days,
-			getValue: () => ({
-				from: k(/* @__PURE__ */ new Date(), -30),
-				to: /* @__PURE__ */ new Date()
-			})
-		}
-	];
-}
-//#endregion
-//#region src/components/ui/calendar.tsx
-function Ae({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: a = "label", buttonVariant: o = "ghost", locale: s, formatters: c, components: l, ...d }) {
-	let f = I();
-	return /* @__PURE__ */ w(F, {
-		showOutsideDays: n,
-		className: r("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(u({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", f.button_previous),
-			button_next: r(u({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", f.button_next),
-			month_caption: r("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("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-r-(--cell-radius) group/day aspect-square select-none", d.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", f.day),
-			range_start: r("rounded-l-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 z-0 isolate", f.range_start),
-			range_middle: r("rounded-none", f.range_middle),
-			range_end: r("rounded-r-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-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 opacity-50", f.disabled),
-			hidden: r("invisible", f.hidden),
-			...t
-		},
-		components: {
-			Root: ({ className: e, rootRef: t, ...n }) => /* @__PURE__ */ w("div", {
-				"data-slot": "calendar",
-				ref: t,
-				className: r(e),
-				...n
-			}),
-			Chevron: ({ className: e, orientation: t, ...n }) => t === "left" ? /* @__PURE__ */ w(D, {
-				className: r("size-icon", e),
-				...n
-			}) : t === "right" ? /* @__PURE__ */ w(ce, {
-				className: r("size-icon", e),
-				...n
-			}) : /* @__PURE__ */ w(E, {
-				className: r(g.icon.md, e),
-				...n
-			}),
-			DayButton: ({ ...e }) => /* @__PURE__ */ w(je, {
-				locale: s,
-				...e
-			}),
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ w("td", {
-				...t,
-				children: /* @__PURE__ */ w("div", {
-					className: "flex size-(--cell-size) items-center justify-center text-center",
-					children: e
-				})
-			}),
-			...l
-		},
-		...d
-	});
-}
-function je({ className: e, day: t, modifiers: n, locale: i, ...a }) {
-	let o = I(), s = x.useRef(null);
-	return x.useEffect(() => {
-		n.focused && s.current?.focus();
-	}, [n.focused]), /* @__PURE__ */ w(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("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-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70", o.day, e),
-		...a
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker-field.tsx
-function Me({ rootRef: e, className: t, label: n, hint: i, error: a, triggerId: c, describedById: l, children: u }) {
-	let d = typeof a == "string" && a !== "", f = !d && typeof i == "string" && i !== "";
-	return /* @__PURE__ */ T(p, {
-		ref: e,
-		gap: "xs",
-		className: t,
-		children: [
-			!!(n || f) && /* @__PURE__ */ T(p, {
-				direction: "horizontal",
-				align: "center",
-				justify: "between",
-				gap: "xs",
-				children: [!!n && /* @__PURE__ */ w(o, {
-					htmlFor: c,
-					className: r("date-picker--label text-inherit", "leading-6"),
-					children: n
-				}), f && /* @__PURE__ */ w(s, {
-					tag: "span",
-					size: "xs",
-					type: "secondary",
-					className: "date-picker--hint",
-					children: i
-				})]
-			}),
-			u,
-			d && /* @__PURE__ */ w(s, {
-				id: l,
-				size: "xs",
-				type: "error",
-				role: "alert",
-				"aria-live": "polite",
-				className: "date-picker--error",
-				content: a
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker-footer.tsx
-function Ne({ config: e, output: t, hasSelection: n, autoSummary: i, className: o }) {
-	let { text: c, actions: l, showOnlyWhenSelected: u = !1, showSummary: d = !1 } = e, f = l?.filter((e) => e.visible !== !1) ?? [], m = x.useMemo(() => {
-		if (c) return typeof c == "function" ? c(t) : c;
-	}, [c, t]), h = m || (d ? i : void 0);
-	return u && !n || !h && f.length === 0 ? null : /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
-		className: r("date-picker-footer--component p-surface", o),
-		children: /* @__PURE__ */ T(p, {
-			gap: "lg",
-			children: [!!h && /* @__PURE__ */ T(p, {
-				gap: "xs",
-				className: "date-picker-footer--summary",
-				children: [
-					!!d && !!m && !!i && /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(s, {
-						type: "secondary",
-						children: i
-					}), /* @__PURE__ */ w(s, {
-						weight: "medium",
-						children: m
-					})] }),
-					!d && !!m && /* @__PURE__ */ w(s, {
-						weight: "medium",
-						children: m
-					}),
-					!!d && !m && !!i && /* @__PURE__ */ w(s, {
-						type: "secondary",
-						children: i
-					})
-				]
-			}), f.length > 0 && /* @__PURE__ */ w(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__ */ w(a, {
-						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);
-				})
-			})]
-		})
-	})] });
-}
-Ne.displayName = "DatePickerFooter";
-//#endregion
-//#region src/components/base/date-pickers/date-picker-header.tsx
-function Pe({ config: e, className: t }) {
-	let { title: n, description: i, icon: a, align: o = "left" } = e;
-	return /* @__PURE__ */ w("div", {
-		className: r("date-picker-header--component", "border-b border-border p-surface", o === "center" ? "text-center" : "text-left", t),
-		children: /* @__PURE__ */ T(p, {
-			direction: "horizontal",
-			gap: "md",
-			wrap: !1,
-			children: [!!a && /* @__PURE__ */ w("div", {
-				className: "shrink-0",
-				children: /* @__PURE__ */ w(a, {
-					"aria-hidden": "true",
-					className: "size-icon text-muted-foreground"
-				})
-			}), /* @__PURE__ */ T(p, {
-				gap: "dense",
-				className: r("flex-1", o === "center" && !a && "text-center"),
-				children: [/* @__PURE__ */ w(c, {
-					tag: "h3",
-					align: o === "center" ? "center" : "left",
-					containerClassName: "space-y-0",
-					children: n
-				}), !!i && /* @__PURE__ */ w(s, {
-					type: "secondary",
-					children: i
-				})]
-			})]
-		})
-	});
-}
-Pe.displayName = "DatePickerHeader";
-//#endregion
-//#region src/components/base/date-pickers/date-picker.recipes.ts
-function Fe(t) {
-	let { defaultScale: n } = e();
-	return te(t, n);
-}
-var Ie = {
-	sm: "w-control-sm",
-	md: "w-control",
-	lg: "w-control-lg"
-};
-function Le(e, t = !1) {
-	return r(v(e), "justify-start", t && [Ie[e], "shrink-0 justify-center px-0"]);
-}
-//#endregion
-//#region src/components/base/date-pickers/date-pickers.strings.ts
-var Re = {
-	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"
-}, ze = O(`box-border border border-transparent py-0 font-sans text-foreground hover:text-foreground aria-pressed:bg-accent aria-pressed:text-accent-foreground ${l.frame} ${h.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"
-	}
-}), Be = x.createContext({
-	size: "default",
-	variant: "default",
-	spacing: 0,
-	orientation: "horizontal"
-});
-function Ve({ className: e, variant: t, size: n, spacing: i = 0, orientation: a = "horizontal", children: o, ...s }) {
-	return /* @__PURE__ */ w(R, {
-		"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__ */ w(Be.Provider, {
-			value: {
-				variant: t,
-				size: n,
-				spacing: i,
-				orientation: a
-			},
-			children: o
-		})
-	});
-}
-function He({ className: e, children: t, variant: n = "default", size: i = "default", ...a }) {
-	let o = x.useContext(Be);
-	return /* @__PURE__ */ w(L, {
-		"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-l-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-r-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-l-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-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", ze({
-			variant: o.variant || n,
-			size: o.size || i
-		}), e),
-		...a,
-		children: t
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/time-picker.tsx
-var Ue = {
-	placeholder: "Select time",
-	hours: "Hours",
-	minutes: "Minutes",
-	seconds: "Seconds",
-	am: "AM",
-	pm: "PM"
-}, We = [
-	"hours",
-	"minutes",
-	"seconds"
-], X = "00", Z = "12", Q = "--", Ge = "aria-pressed:bg-primary aria-pressed:text-primary-foreground", Ke = {
-	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 Je(e, t) {
-	let n = t ? We : We.slice(0, 2), r = n.indexOf(e);
-	return r > -1 && r < n.length - 1 ? n[r + 1] : null;
-}
-function Ye(e, t) {
-	let n = t ? We : We.slice(0, 2), r = n.indexOf(e);
-	return r > 0 ? n[r - 1] : null;
-}
-function Xe(e, t) {
-	return t === "24" ? e : e % 12 || 12;
-}
-function Ze(e) {
-	return e >= 12 ? "PM" : "AM";
-}
-function Qe(e, t) {
-	return t === "12" ? {
-		...e,
-		period: e.period ?? "AM"
-	} : {
-		...e,
-		period: void 0
-	};
-}
-function $e(e) {
-	return {
-		hours: Q,
-		minutes: Q,
-		seconds: e ? Q : void 0
-	};
-}
-function et(e, t) {
-	let n = t === "12" ? Z : X;
-	return {
-		hours: e.hours === Q ? n : e.hours,
-		minutes: e.minutes === Q ? X : e.minutes,
-		seconds: e.seconds === Q ? X : e.seconds,
-		period: e.period
-	};
-}
-function tt(e, t, n) {
-	let r = ue(e ?? void 0);
-	return r ? Qe(W(r, t, n), t) : $e(n);
-}
-var nt = x.forwardRef(function({ value: t, onValueChange: i, mode: a = "inline", format: o = "24", precision: c = "minutes", step: l = 60, size: u, disabled: d, invalid: f, placeholder: p, strings: m, className: ee, id: h }, g) {
-	let y = n(Ue, m), { defaultScale: ae } = e(), S = te(u, ae), C = c === "seconds", [oe, se] = x.useState(!1), E = x.useMemo(() => C ? We : We.slice(0, 2), [C]), [D, ce] = x.useState(() => tt(t, o, C)), O = x.useRef(D), k = x.useRef(!1), A = x.useRef(null), j = x.useCallback((e) => {
-		O.current = e, ce(e);
-	}, []), M = x.useRef({
-		hours: null,
-		minutes: null,
-		seconds: null
-	});
-	x.useEffect(() => {
-		if (k.current) {
-			k.current = !1;
-			return;
-		}
-		A.current = null, j(tt(t, o, C));
-	}, [
-		t,
-		o,
-		C,
-		j
-	]);
-	let N = x.useCallback((e) => de(e, C), [C]), P = x.useCallback((e) => {
-		k.current = !0;
-		let t = G(et(e, o), o, C);
-		i?.(N(fe(t, l, C)));
-	}, [
-		o,
-		C,
-		i,
-		l,
-		N
-	]), F = x.useCallback((e) => {
-		let t = fe(G(et(e, o), o, C), l, C);
-		i?.(N(t)), j(Qe(W(t, o, C), o));
-	}, [
-		o,
-		C,
-		i,
-		l,
-		N,
-		j
-	]), I = x.useCallback((e) => {
-		if (!e) return;
-		let t = M.current[e];
-		t && (t.focus(), t.select());
-	}, []), L = x.useCallback((e, t) => {
-		let n = et(O.current, o), r = A.current, i = r && r.key === e && r.typed.length === 1 ? `${r.typed}${t}` : String(t);
-		A.current = {
-			key: e,
-			typed: i
-		};
-		let a = Number.parseInt(i, 10), s = { ...n }, c = s.period ?? "AM";
-		e === "hours" ? o === "24" ? s.hours = $(Math.min(Math.max(a, 0), 23).toString()) : a === 0 ? (c = "AM", s.hours = Z) : a > 12 ? (c = Ze(a), s.hours = $(Xe(a, "12").toString())) : (s.hours = $(Math.min(Math.max(a, 1), 12).toString()), c = n.period ?? Ze(a)) : e === "minutes" ? s.minutes = $(Math.min(Math.max(a, 0), 59).toString()) : e === "seconds" && (s.seconds = $(Math.min(Math.max(a, 0), 59).toString()));
-		let l = {
-			...s,
-			period: o === "12" ? c : void 0
-		};
-		j(l), P(l);
-	}, [
-		o,
-		j,
-		P
-	]), R = x.useCallback((e, t) => {
-		A.current = null;
-		let n = qe(t), r = { ...et(O.current, o) }, i = r.period ?? "AM";
-		if (e === "hours") {
-			if (o === "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 = Z, i = r.period ?? "AM") : n.length === 2 && e > 12 ? (i = Ze(e), r.hours = $(Xe(e, "12").toString())) : e === 0 ? (i = "AM", r.hours = Z) : (r.hours = $(Math.min(Math.max(e, 1), 12).toString()), n.length === 2 && (i = r.period ?? Ze(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: o === "12" ? i : void 0
-		};
-		j(a), P(a);
-	}, [
-		o,
-		j,
-		P
-	]), z = x.useCallback((e) => {
-		o === "12" && (A.current = null, F({
-			...et(O.current, o),
-			period: e
-		}));
-	}, [F, o]), B = x.useCallback(() => {
-		A.current = null, F(O.current);
-	}, [F]), V = x.useCallback((e) => {
-		A.current = null, e.target.select();
-	}, []), H = x.useCallback((e, t) => {
-		if (e.key.length === 1 && /\d/.test(e.key) && !e.metaKey && !e.ctrlKey && !e.altKey) {
-			e.preventDefault(), L(t, Number.parseInt(e.key, 10));
-			return;
-		}
-		if (e.key === "ArrowRight") {
-			I(Je(t, C));
-			return;
-		}
-		if (e.key === "ArrowLeft") {
-			I(Ye(t, C));
-			return;
-		}
-		if (e.key === "Backspace") {
-			let n = e.currentTarget;
-			n.selectionStart === 0 && n.selectionEnd === 0 && I(Ye(t, C));
-		}
-	}, [
-		L,
-		I,
-		C
-	]), ue = x.useMemo(() => {
-		if (o === "12") return D.period ? [D.period] : void 0;
-	}, [o, D.period]), U = {
-		hours: y.hours,
-		minutes: y.minutes,
-		seconds: y.seconds
-	}, me = /* @__PURE__ */ T("div", {
-		ref: a === "inline" ? g : void 0,
-		className: r("flex items-center gap-space-md [&>.input--component]:w-auto [&>.input--component]:shrink-0", a === "inline" && ["time-picker--component", ee]),
-		children: [E.map((e, t) => /* @__PURE__ */ T(x.Fragment, { children: [/* @__PURE__ */ w(b, {
-			ref: (t) => {
-				M.current[e] = t;
-			},
-			id: e === "hours" && a === "inline" ? h : void 0,
-			value: D[e] ?? Q,
-			onChange: (t) => R(e, t.target.value),
-			onFocus: V,
-			onBlur: B,
-			onKeyDown: (t) => H(t, e),
-			inputMode: "numeric",
-			pattern: "\\d*",
-			maxLength: 2,
-			showCharacterCount: !1,
-			disabled: d,
-			invalid: f,
-			"aria-label": U[e],
-			size: S,
-			className: r("time-picker--segment text-center", Ke[S])
-		}), t < E.length - 1 && /* @__PURE__ */ w(s, {
-			tag: "span",
-			type: "secondary",
-			children: ":"
-		})] }, e)), o === "12" && /* @__PURE__ */ T(Ve, {
-			value: ue,
-			onValueChange: (e) => {
-				let t = e[0];
-				t && z(t);
-			},
-			disabled: d,
-			variant: "outline",
-			size: S === "sm" ? "sm" : "default",
-			className: "time-picker--period",
-			children: [/* @__PURE__ */ w(He, {
-				value: "AM",
-				"aria-label": y.am,
-				className: r(_[S], Ge),
-				children: /* @__PURE__ */ w(s, {
-					tag: "span",
-					size: "inherit",
-					weight: "medium",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: y.am
-				})
-			}), /* @__PURE__ */ w(He, {
-				value: "PM",
-				"aria-label": y.pm,
-				className: r(_[S], Ge),
-				children: /* @__PURE__ */ w(s, {
-					tag: "span",
-					size: "inherit",
-					weight: "medium",
-					lineHeight: "tight",
-					className: "text-inherit",
-					children: y.pm
-				})
-			})]
-		})]
-	});
-	if (a === "inline") return me;
-	let he = D.hours === Q && D.minutes === Q, ge = he ? p ?? y.placeholder : pe(G(et(D, o), o, C), C, o, {
-		am: y.am,
-		pm: y.pm
-	});
-	return /* @__PURE__ */ T(re, {
-		open: oe,
-		onOpenChange: se,
-		children: [/* @__PURE__ */ T(ne, {
-			ref: g,
-			id: h,
-			"aria-expanded": oe,
-			"aria-invalid": f,
-			disabled: d,
-			className: r("time-picker--component", v(S), "justify-start", he && "text-muted-foreground", ee),
-			children: [/* @__PURE__ */ w(le, { className: "size-icon shrink-0" }), /* @__PURE__ */ w(s, {
-				tag: "span",
-				size: "inherit",
-				lineHeight: "tight",
-				className: "min-w-0 truncate text-inherit",
-				children: ge
-			})]
-		}), /* @__PURE__ */ w(ie, {
-			className: "time-picker--panel w-auto",
-			align: "start",
-			children: me
-		})]
-	});
-});
-nt.displayName = "TimePicker";
-//#endregion
-//#region src/components/base/date-pickers/date-picker-single.tsx
-function rt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-dd", readableFormat: o = "PPP", placeholder: c, closeOnSelect: l = !0, withTime: u, disabledDates: d, calendarProps: f, open: p, setOpen: m, t: h, dateFnsLocale: g, captionLayout: _, yearBounds: v, rootRef: te, ...b }) {
-	let S = Fe(b.size), C = x.useId(), E = b.id ?? C, D = `${E}-description`, ce = b.error !== void 0 && b.error !== null && b.error !== "", le = ce || !!(b.invalid || b["aria-invalid"] && b["aria-invalid"] !== "false"), O = [b["aria-describedby"], ce ? D : void 0].filter(Boolean).join(" ") || void 0, k = u?.format ?? "24", A = u?.step ?? 60, j = u?.showSeconds ?? !1, N = ge(o), P = u?.showTimeInButton ?? !N, [F, I] = x.useState(() => e ?? t), [L, R] = x.useState(() => {
-		let n = e ?? t;
-		return n ? U(n, j, A) : null;
-	}), z = x.useRef(e ?? t ?? void 0), B = x.useRef(!1), V = x.useRef(e !== void 0), H = x.useCallback((e, t) => {
-		let n = e, r = t ?? L;
-		if (e && u?.enabled && r) {
-			let t = ye(e, r);
-			n = Number.isFinite(t.getTime()) ? t : void 0;
-		}
-		return _e(n, i, o, g);
-	}, [
-		i,
-		o,
-		g,
-		u,
-		L
-	]);
-	x.useEffect(() => {
-		let r = !!u?.enabled, a = V.current, s = e !== void 0, c = (e, t) => {
-			let a = fe(U(e, j, A), A, j);
-			if (I((t) => t?.getTime?.() === e.getTime() ? t : e), R((e) => e && e.hours === a.hours && e.minutes === a.minutes && e.seconds === a.seconds ? e : a), z.current = e, B.current = !0, t && r) {
-				let t = ye(e, a);
-				n?.(_e(t, i, o, g));
-			}
-		};
-		if (!r) {
-			B.current = !1, z.current = e ?? t ?? void 0, I(e ?? t), V.current = s;
-			return;
-		}
-		let l = z.current?.getTime?.(), d = e?.getTime?.();
-		if (!s && a && t === void 0 && (B.current = !1, z.current = void 0), e !== void 0 && d !== l) {
-			c(e, !1), V.current = s;
-			return;
-		}
-		if (e === void 0 && t !== void 0) {
-			(l !== t.getTime() || !B.current) && c(t, !1), V.current = s;
-			return;
-		}
-		if (e === void 0 && t === void 0 && !B.current) {
-			B.current = !0, V.current = s;
-			return;
-		}
-		V.current = s;
-	}, [
-		u?.enabled,
-		e,
-		t,
-		j,
-		A,
-		n,
-		i,
-		o,
-		g
-	]), x.useEffect(() => {
-		u?.enabled && R((e) => {
-			if (!e) return e;
-			let t = fe(e, A, j);
-			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
-		});
-	}, [
-		u?.enabled,
-		A,
-		j
-	]);
-	let W = x.useCallback((e) => {
-		I(e);
-		let t;
-		u?.enabled && e && (B.current = !0, z.current = e, L || (t = U(e, j, A), R(t))), n?.(H(e, t)), l && e && m(!1);
-	}, [
-		n,
-		H,
-		l,
-		m,
-		u,
-		L,
-		j,
-		A
-	]), G = x.useCallback((e) => {
-		let t = ue(e ?? void 0);
-		t && (R(t), F && n?.(H(F, t)));
-	}, [
-		F,
-		n,
-		H
-	]), me = x.useMemo(() => {
-		if (u?.enabled && L) return pe(L, j, k, {
-			am: h.am,
-			pm: h.pm
-		});
-	}, [
-		u?.enabled,
-		L,
-		j,
-		k,
-		h
-	]), he = x.useMemo(() => Ce(F, o, c, h.selectDate, P ? me : void 0, g), [
-		F,
-		o,
-		c,
-		h,
-		me,
-		P,
-		g
-	]), K = x.useMemo(() => F ? M(F, o, { locale: g }) : void 0, [
-		F,
-		o,
-		g
-	]);
-	return /* @__PURE__ */ w(Me, {
-		rootRef: te,
-		className: b.className,
-		label: b.label,
-		hint: b.hint,
-		error: b.error,
-		triggerId: E,
-		describedById: D,
-		children: /* @__PURE__ */ T(re, {
-			open: p,
-			onOpenChange: m,
-			children: [/* @__PURE__ */ w(ne, {
-				ref: b.triggerRef,
-				onBlur: b.onBlur,
-				render: (e) => {
-					let t = Te(b.buttonTone, b.buttonStyle);
-					return /* @__PURE__ */ T(a, {
-						...e,
-						id: E,
-						tone: t.tone,
-						buttonStyle: t.buttonStyle,
-						size: S,
-						"aria-invalid": le,
-						"aria-describedby": O,
-						className: r(Le(S), !F && "text-muted-foreground", e.className),
-						disabled: b.disabled,
-						children: [/* @__PURE__ */ w(se, {
-							className: y[S],
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ w(s, {
-							tag: "span",
-							size: "inherit",
-							lineHeight: "tight",
-							className: "min-w-0 truncate text-inherit",
-							children: he
-						})]
-					});
-				}
-			}), /* @__PURE__ */ T(ie, {
-				inset: "flush",
-				className: "w-auto gap-0",
-				align: "start",
-				children: [
-					!!b.header && /* @__PURE__ */ w(Pe, { config: b.header }),
-					/* @__PURE__ */ w(Ae, {
-						mode: "single",
-						selected: F,
-						onSelect: W,
-						defaultMonth: F,
-						numberOfMonths: b.numberOfMonths,
-						showOutsideDays: b.showOutsideDays,
-						disabled: d ?? b.disabled,
-						locale: g,
-						captionLayout: _,
-						startMonth: v.startMonth,
-						endMonth: v.endMonth,
-						...f
-					}),
-					!!u?.enabled && /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
-						className: "date-picker--time p-surface",
-						children: /* @__PURE__ */ w(ae, {
-							label: h.startTime,
-							children: /* @__PURE__ */ w(nt, {
-								value: L ? de(L, j) : null,
-								onValueChange: G,
-								format: k,
-								precision: j ? "seconds" : "minutes",
-								step: A,
-								disabled: b.disabled,
-								size: "sm",
-								strings: {
-									hours: h.hours,
-									minutes: h.minutes,
-									seconds: h.seconds,
-									am: h.am,
-									pm: h.pm
-								}
-							})
-						})
-					})] }),
-					!!b.footer && /* @__PURE__ */ w(Ne, {
-						config: b.footer,
-						output: H(F),
-						hasSelection: !!F,
-						autoSummary: K
-					})
-				]
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker-multiple.tsx
-function it({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-dd", readableFormat: o = "PPP", placeholder: c, min: l, max: u, required: d, closeOnSelect: f = !1, disabledDates: p, calendarProps: m, open: h, setOpen: g, t: _, dateFnsLocale: v, captionLayout: te, yearBounds: b, rootRef: ae, ...S }) {
-	let C = Fe(S.size), E = x.useId(), D = S.id ?? E, ce = `${D}-description`, le = S.error !== void 0 && S.error !== null && S.error !== "", O = le || !!(S.invalid || S["aria-invalid"] && S["aria-invalid"] !== "false"), k = [S["aria-describedby"], le ? ce : void 0].filter(Boolean).join(" ") || void 0, [A, j] = x.useState(e ?? t ?? []);
-	x.useEffect(() => {
-		e !== void 0 && j(e);
-	}, [e]);
-	let M = x.useCallback((e) => q(e, i, o, v), [
-		i,
-		o,
-		v
-	]), N = x.useCallback((e) => {
-		let t = Array.isArray(e) ? e : e ? [e] : [];
-		j(t), n?.(M(t)), f && t.length > 0 && g(!1);
-	}, [
-		n,
-		M,
-		f,
-		g
-	]), P = x.useMemo(() => Y(A, o, c, _.selectDates, _, v), [
-		A,
-		o,
-		c,
-		_,
-		v
-	]), F = x.useMemo(() => J(A, l, u, d, _), [
-		A,
-		l,
-		u,
-		d,
-		_
-	]), I = x.useMemo(() => A.length > 0 ? _.datesSelected(A.length) : void 0, [A.length, _]);
-	return /* @__PURE__ */ w(Me, {
-		rootRef: ae,
-		className: S.className,
-		label: S.label,
-		hint: S.hint,
-		error: S.error,
-		triggerId: D,
-		describedById: ce,
-		children: /* @__PURE__ */ T(re, {
-			open: h,
-			onOpenChange: g,
-			children: [/* @__PURE__ */ w(ne, {
-				ref: S.triggerRef,
-				onBlur: S.onBlur,
-				render: (e) => {
-					let t = Te(S.buttonTone, S.buttonStyle);
-					return /* @__PURE__ */ T(a, {
-						...e,
-						id: D,
-						tone: t.tone,
-						buttonStyle: t.buttonStyle,
-						size: C,
-						"aria-invalid": O,
-						"aria-describedby": k,
-						className: r(Le(C), A.length === 0 && "text-muted-foreground", e.className),
-						disabled: S.disabled,
-						children: [/* @__PURE__ */ w(se, {
-							className: y[C],
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ w(s, {
-							tag: "span",
-							size: "inherit",
-							lineHeight: "tight",
-							className: "min-w-0 truncate text-inherit",
-							children: P
-						})]
-					});
-				}
-			}), /* @__PURE__ */ T(ie, {
-				inset: "flush",
-				className: "w-auto gap-0",
-				align: "start",
-				children: [
-					!!S.header && /* @__PURE__ */ w(Pe, { config: S.header }),
-					/* @__PURE__ */ w(Ae, {
-						mode: "multiple",
-						selected: A,
-						onSelect: N,
-						defaultMonth: A[0],
-						numberOfMonths: S.numberOfMonths,
-						showOutsideDays: S.showOutsideDays,
-						disabled: p ?? S.disabled,
-						locale: v,
-						captionLayout: te,
-						startMonth: b.startMonth,
-						endMonth: b.endMonth,
-						required: d,
-						max: u,
-						...m
-					}),
-					!!F && /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
-						className: "p-surface",
-						children: /* @__PURE__ */ w(s, {
-							type: "secondary",
-							children: F
-						})
-					})] }),
-					!!S.footer && /* @__PURE__ */ w(Ne, {
-						config: S.footer,
-						output: M(A),
-						hasSelection: A.length > 0,
-						autoSummary: I
-					})
-				]
-			})]
-		})
-	});
-}
-function at() {
-	let [e, t] = C();
-	return S(() => {
-		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 ot({ value: e, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-dd", readableFormat: l = "PPP", placeholder: u, withConfirm: d = !1, min: m, max: h, closeOnSelect: g = !0, withTime: _, presets: v, disabledDates: te, calendarProps: b, open: S, setOpen: C, t: E, dateFnsLocale: D, captionLayout: ce, yearBounds: le, rootRef: O, ...k }) {
-	let A = at(), j = k.numberOfMonths ?? (A ? 1 : 2), { weekStartsOn: N = 1 } = t(), P = v ?? ke(E, N), F = Fe(k.size), I = x.useId(), L = k.id ?? I, R = `${L}-description`, z = k.error !== void 0 && k.error !== null && k.error !== "", B = z || !!(k.invalid || k["aria-invalid"] && k["aria-invalid"] !== "false"), V = [k["aria-describedby"], z ? R : void 0].filter(Boolean).join(" ") || void 0, H = _?.format ?? "24", W = _?.step ?? 60, G = _?.showSeconds ?? !1, me = ge(l), he = _?.showTimeInButton ?? !me, K = _?.showTimeInSummary ?? !me, _e = e ?? n, [q, be] = x.useState(_e), [J, Ce] = x.useState(() => _e?.from ? U(_e.from, G, W) : null), [Y, Ee] = x.useState(() => _e?.to ? U(_e.to, G, W) : null), De = x.useRef(e), Oe = x.useMemo(() => Se(q, m, h, E), [
-		q,
-		m,
-		h,
-		E
-	]), je = Oe != null && Oe !== "", Ie = typeof Oe == "string" ? Oe : "";
-	x.useEffect(() => {
-		e !== void 0 && be(e);
-	}, [e]), x.useEffect(() => {
-		if (!_?.enabled) {
-			De.current = e;
-			return;
-		}
-		let t = De.current, n = e?.from, r = e?.to;
-		n ? Ce(U(n, G, W)) : t?.from && Ce(null), r ? Ee(U(r, G, W)) : t?.to && Ee(null), De.current = e;
-	}, [
-		e,
-		_?.enabled,
-		G,
-		W
-	]), x.useEffect(() => {
-		if (!_?.enabled) return;
-		let e = (e) => {
-			if (!e) return e;
-			let t = fe(e, W, G);
-			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
-		};
-		Ce(e), Ee(e);
-	}, [
-		_?.enabled,
-		W,
-		G
-	]);
-	let Re = x.useCallback((e) => {
-		let t = e;
-		return e && _?.enabled && (t = {
-			...e,
-			from: e.from && J ? ye(e.from, J) : e.from,
-			to: e.to && Y ? ye(e.to, Y) : e.to
-		}), ve(t, c, l, D);
-	}, [
-		c,
-		l,
-		D,
-		_,
-		J,
-		Y
-	]), ze = x.useCallback((e) => {
-		let t = ue(e ?? void 0);
-		t && Ce(t);
-	}, []), Be = x.useCallback((e) => {
-		let t = ue(e ?? void 0);
-		t && Ee(t);
-	}, []), Ve = x.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, []), He = x.useCallback((e, t) => {
-		let n = Ve(e, t, q);
-		if (be(n), d || _?.enabled) return;
-		o?.(Re(n));
-		let r = !!(n?.from && n?.to), i = xe(n, m, h).isValid;
-		g && r && i && C(!1);
-	}, [
-		q,
-		Ve,
-		d,
-		_,
-		o,
-		Re,
-		m,
-		h,
-		g,
-		C
-	]), Ue = x.useCallback((e) => {
-		let t = e.getValue();
-		He(t);
-	}, [He]), We = x.useCallback(() => {
-		o?.(Re(q)), C(!1);
-	}, [
-		q,
-		o,
-		Re,
-		C
-	]), X = x.useMemo(() => {
-		if (_?.enabled && J) return pe(J, G, H, {
-			am: E.am,
-			pm: E.pm
-		});
-	}, [
-		_?.enabled,
-		J,
-		G,
-		H,
-		E
-	]), Z = x.useMemo(() => {
-		if (_?.enabled && Y) return pe(Y, G, H, {
-			am: E.am,
-			pm: E.pm
-		});
-	}, [
-		_?.enabled,
-		Y,
-		G,
-		H,
-		E
-	]), Q = x.useMemo(() => {
-		if (_?.enabled && q?.from) {
-			let e = M(q.from, l, { locale: D }), t = he && X ? `${e} ${X}` : e;
-			if (q.to) {
-				let e = M(q.to, l, { locale: D });
-				return `${t} - ${he && Z ? `${e} ${Z}` : e}`;
-			}
-			return t;
-		}
-		return we(q, l, u, E.selectDateRange, D);
-	}, [
-		_?.enabled,
-		q,
-		l,
-		he,
-		X,
-		Z,
-		u,
-		E,
-		D
-	]), Ge = x.useMemo(() => {
-		if (!q?.from || !q?.to) return;
-		let e = M(q.from, l, { locale: D }), t = M(q.to, l, { locale: D });
-		return `${K && X ? `${e} ${X}` : e} - ${K && Z ? `${t} ${Z}` : t}`;
-	}, [
-		q,
-		l,
-		D,
-		K,
-		X,
-		Z
-	]);
-	return /* @__PURE__ */ w(Me, {
-		rootRef: O,
-		className: k.className,
-		label: k.label,
-		hint: k.hint,
-		error: k.error,
-		triggerId: L,
-		describedById: R,
-		children: /* @__PURE__ */ T(re, {
-			open: S,
-			onOpenChange: C,
-			children: [/* @__PURE__ */ w(ne, {
-				ref: k.triggerRef,
-				onBlur: k.onBlur,
-				render: (e) => {
-					let t = Te(k.buttonTone, k.buttonStyle);
-					return /* @__PURE__ */ T(a, {
-						...e,
-						id: L,
-						tone: t.tone,
-						buttonStyle: t.buttonStyle,
-						size: F,
-						"aria-invalid": B,
-						"aria-describedby": V,
-						className: r(Le(F), !q && "text-muted-foreground", e.className),
-						disabled: k.disabled,
-						children: [/* @__PURE__ */ w(se, {
-							className: r(y[F], "shrink-0"),
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ w(s, {
-							tag: "span",
-							size: "inherit",
-							lineHeight: "tight",
-							className: "min-w-0 truncate text-inherit",
-							children: Q
-						})]
-					});
-				}
-			}), /* @__PURE__ */ T(ie, {
-				inset: "flush",
-				className: "w-auto gap-0",
-				align: "start",
-				children: [!!k.header && /* @__PURE__ */ w(Pe, { config: k.header }), /* @__PURE__ */ T("div", {
-					className: "flex flex-col sm:flex-row",
-					children: [P.length > 0 && /* @__PURE__ */ w("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: P.map((e) => /* @__PURE__ */ w(a, {
-							tone: "secondary",
-							buttonStyle: "ghost",
-							onClick: () => Ue(e),
-							className: "justify-start text-muted-foreground hover:text-foreground",
-							children: e.label
-						}, e.label))
-					}), /* @__PURE__ */ T("div", {
-						className: "flex flex-col",
-						children: [
-							/* @__PURE__ */ w(Ae, {
-								mode: "range",
-								selected: q,
-								onSelect: He,
-								defaultMonth: q?.from,
-								numberOfMonths: j,
-								showOutsideDays: k.showOutsideDays,
-								disabled: te ?? k.disabled,
-								locale: D,
-								captionLayout: ce,
-								startMonth: le.startMonth,
-								endMonth: le.endMonth,
-								...b,
-								className: r(i.calendarCompactCell, b?.className)
-							}),
-							(() => {
-								let e = !!q?.from && !k.footer, t = !!_?.enabled && !!q?.from, n = !!(d || _?.enabled) && !k.footer;
-								return !e && !t && !je && !n ? null : /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
-									className: "date-picker--range-footer p-surface",
-									children: /* @__PURE__ */ T(p, {
-										gap: "lg",
-										children: [
-											e && !!q?.from && /* @__PURE__ */ T(p, {
-												direction: "horizontal",
-												align: "center",
-												justify: "between",
-												gap: "xl",
-												children: [/* @__PURE__ */ T(p, {
-													direction: "horizontal",
-													align: "center",
-													gap: "md",
-													children: [/* @__PURE__ */ T(s, {
-														tag: "span",
-														type: "secondary",
-														children: [E.from, ":"]
-													}), /* @__PURE__ */ T(s, {
-														tag: "span",
-														weight: "medium",
-														children: [M(q.from, l, { locale: D }), K && X ? ` ${X}` : ""]
-													})]
-												}), !!q.to && /* @__PURE__ */ T(p, {
-													direction: "horizontal",
-													align: "center",
-													gap: "md",
-													children: [/* @__PURE__ */ T(s, {
-														tag: "span",
-														type: "secondary",
-														children: [E.to, ":"]
-													}), /* @__PURE__ */ T(s, {
-														tag: "span",
-														weight: "medium",
-														children: [M(q.to, l, { locale: D }), K && Z ? ` ${Z}` : ""]
-													})]
-												})]
-											}),
-											t && !!q?.from && /* @__PURE__ */ T(f, {
-												columns: {
-													base: 1,
-													sm: 2
-												},
-												gap: "lg",
-												children: [/* @__PURE__ */ w(ae, {
-													label: E.startTime,
-													children: /* @__PURE__ */ w(nt, {
-														value: J ? de(J, G) : null,
-														onValueChange: ze,
-														format: H,
-														precision: G ? "seconds" : "minutes",
-														step: W,
-														disabled: k.disabled,
-														size: "sm",
-														strings: {
-															hours: E.hours,
-															minutes: E.minutes,
-															seconds: E.seconds,
-															am: E.am,
-															pm: E.pm
-														}
-													})
-												}), !!q.to && /* @__PURE__ */ w(ae, {
-													label: E.endTime,
-													children: /* @__PURE__ */ w(nt, {
-														value: Y ? de(Y, G) : null,
-														onValueChange: Be,
-														format: H,
-														precision: G ? "seconds" : "minutes",
-														step: W,
-														disabled: k.disabled,
-														size: "sm",
-														strings: {
-															hours: E.hours,
-															minutes: E.minutes,
-															seconds: E.seconds,
-															am: E.am,
-															pm: E.pm
-														}
-													})
-												})]
-											}),
-											/* @__PURE__ */ w(s, {
-												type: "error",
-												content: Ie,
-												hidden: !je
-											}),
-											n && /* @__PURE__ */ w(a, {
-												tone: "primary",
-												onClick: We,
-												disabled: !q?.from || !q?.to || !!Oe,
-												className: "w-full",
-												children: E.confirm
-											})
-										]
-									})
-								})] });
-							})(),
-							!!k.footer && /* @__PURE__ */ w(Ne, {
-								config: k.footer,
-								output: Re(q),
-								hasSelection: !!(q?.from && q?.to),
-								autoSummary: Ge
-							})
-						]
-					})]
-				})]
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker.tsx
-var st = x.forwardRef(function(e, i) {
-	let [a, o] = x.useState(!1), s = t(), c = e.locale ?? s.locale ?? z, l = n(Re, e.strings), u = x.useMemo(() => e.enableYearDropdown || e.yearSelection?.enabled ? "dropdown" : "label", [e.enableYearDropdown, e.yearSelection]), d = x.useMemo(() => K(e.yearSelection), [e.yearSelection]), f = r("date-picker--component", e.className);
-	return Ee(e) ? /* @__PURE__ */ w(rt, {
-		...e,
-		rootRef: i,
-		className: f,
-		open: a,
-		setOpen: o,
-		t: l,
-		dateFnsLocale: c,
-		captionLayout: u,
-		yearBounds: d
-	}) : De(e) ? /* @__PURE__ */ w(it, {
-		...e,
-		rootRef: i,
-		className: f,
-		open: a,
-		setOpen: o,
-		t: l,
-		dateFnsLocale: c,
-		captionLayout: u,
-		yearBounds: d
-	}) : Oe(e) ? /* @__PURE__ */ w(ot, {
-		...e,
-		rootRef: i,
-		className: f,
-		open: a,
-		setOpen: o,
-		t: l,
-		dateFnsLocale: c,
-		captionLayout: u,
-		yearBounds: d
-	}) : null;
-});
-st.displayName = "DatePicker";
-//#endregion
-export { Le as a, Ne as c, Re as i, Me as l, nt as n, Fe as o, Ue as r, Pe as s, st as t, Te as u };
-
-//# sourceMappingURL=date-picker-RlIzKom_.js.map