admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/_shared/date-picker-DFkLiveH.js

@@ -1,1361 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { i as t } from "./ui-provider-Dj6OSOZi.js";
-import { cn as n } from "../lib/utils.js";
-import { n as r, t as i } from "./button-DlqryxqA.js";
-import { t as a } from "./button-DHksjMvc.js";
-import { a as o, o as s, s as c } from "./typography-DE0NGEIE.js";
-import { t as l } from "./input-CfnHBT--.js";
-import { n as u, s as d, t as f } from "./popover-xVENY0Ax.js";
-import { t as p } from "./separator-B8FBp-7E.js";
-import * as m from "react";
-import { addDays as h, endOfMonth as g, endOfWeek as _, format as v, startOfMonth as y, startOfWeek as b } from "date-fns";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Calendar as ee, ChevronDownIcon as w, ChevronLeftIcon as T, ChevronRightIcon as E, Clock as te } from "lucide-react";
-import { cva as ne } from "class-variance-authority";
-import { DayPicker as D, getDefaultClassNames as O } from "react-day-picker";
-import { enUS as k } from "date-fns/locale";
-import { Toggle as A } from "@base-ui/react/toggle";
-import { ToggleGroup as j } from "@base-ui/react/toggle-group";
-//#region src/components/ui/calendar.tsx
-function re({ className: e, classNames: t, showOutsideDays: i = !0, captionLayout: a = "label", buttonVariant: o = "ghost", locale: s, formatters: c, components: l, ...u }) {
-	let d = O();
-	return /* @__PURE__ */ S(D, {
-		showOutsideDays: i,
-		className: n("p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] bg-background group/calendar [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", 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: n("w-fit", d.root),
-			months: n("flex gap-4 flex-col md:flex-row relative", d.months),
-			month: n("flex flex-col w-full gap-4", d.month),
-			nav: n("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", d.nav),
-			button_previous: n(r({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", d.button_previous),
-			button_next: n(r({ variant: o }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", d.button_next),
-			month_caption: n("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", d.month_caption),
-			dropdowns: n("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", d.dropdowns),
-			dropdown_root: n("relative rounded-(--cell-radius)", d.dropdown_root),
-			dropdown: n("absolute bg-popover inset-0 opacity-0", d.dropdown),
-			caption_label: n("select-none font-medium", a === "label" ? "text-sm" : "rounded-(--cell-radius) flex items-center gap-1 text-sm [&>svg]:text-muted-foreground [&>svg]:size-3.5", d.caption_label),
-			month_grid: "w-full border-collapse",
-			weekdays: n("flex", d.weekdays),
-			weekday: n("text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-[0.8rem] select-none", d.weekday),
-			week: n("flex w-full mt-2", d.week),
-			week_number_header: n("select-none w-(--cell-size)", d.week_number_header),
-			week_number: n("text-[0.8rem] select-none text-muted-foreground", d.week_number),
-			day: n("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", u.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", d.day),
-			range_start: n("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", d.range_start),
-			range_middle: n("rounded-none", d.range_middle),
-			range_end: n("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", d.range_end),
-			today: n("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", d.today),
-			outside: n("text-muted-foreground aria-selected:text-muted-foreground", d.outside),
-			disabled: n("text-muted-foreground opacity-50", d.disabled),
-			hidden: n("invisible", d.hidden),
-			...t
-		},
-		components: {
-			Root: ({ className: e, rootRef: t, ...r }) => /* @__PURE__ */ S("div", {
-				"data-slot": "calendar",
-				ref: t,
-				className: n(e),
-				...r
-			}),
-			Chevron: ({ className: e, orientation: t, ...r }) => S(t === "left" ? T : t === "right" ? E : w, {
-				className: n("size-4", e),
-				...r
-			}),
-			DayButton: ({ ...e }) => /* @__PURE__ */ S(ie, {
-				locale: s,
-				...e
-			}),
-			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ S("td", {
-				...t,
-				children: /* @__PURE__ */ S("div", {
-					className: "flex size-(--cell-size) items-center justify-center text-center",
-					children: e
-				})
-			}),
-			...l
-		},
-		...u
-	});
-}
-function ie({ className: e, day: t, modifiers: r, locale: a, ...o }) {
-	let s = O(), c = m.useRef(null);
-	return m.useEffect(() => {
-		r.focused && c.current?.focus();
-	}, [r.focused]), /* @__PURE__ */ S(i, {
-		variant: "ghost",
-		size: "icon",
-		"data-day": t.date.toLocaleDateString(a?.code),
-		"data-selected-single": !!r.selected && !r.range_start && !r.range_end && !r.range_middle,
-		"data-range-start": r.range_start,
-		"data-range-end": r.range_end,
-		"data-range-middle": r.range_middle,
-		className: n("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:border-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-1 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-[3px] 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", s.day, e),
-		...o
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/date-picker-footer.tsx
-function ae({ config: e, output: t, hasSelection: r, autoSummary: i, className: o }) {
-	let { text: s, actions: l, showOnlyWhenSelected: u = !1, showSummary: d = !1 } = e, f = m.useMemo(() => {
-		if (s) return typeof s == "function" ? s(t) : s;
-	}, [s, t]), h = f || (d ? i : void 0);
-	if (u && !r || !h && (!l || l.length === 0)) return null;
-	let g = (e) => e === "destructive" ? {
-		variant: "error",
-		buttonStyle: "solid"
-	} : e === "outline" ? {
-		variant: "secondary",
-		buttonStyle: "outline"
-	} : e === "ghost" ? {
-		variant: "secondary",
-		buttonStyle: "ghost"
-	} : e === "secondary" ? {
-		variant: "secondary",
-		buttonStyle: "solid"
-	} : {
-		variant: "primary",
-		buttonStyle: "solid"
-	};
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {}), /* @__PURE__ */ C("div", {
-		className: n("flex flex-col gap-3 p-3", o),
-		children: [!!h && /* @__PURE__ */ C("div", {
-			className: "text-sm",
-			children: [
-				!!d && !!f && !!i && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(c, {
-					type: "secondary",
-					children: i
-				}), /* @__PURE__ */ S(c, {
-					weight: "medium",
-					className: "mt-1",
-					children: f
-				})] }),
-				!d && !!f && /* @__PURE__ */ S(c, {
-					weight: "medium",
-					children: f
-				}),
-				!!d && !f && !!i && /* @__PURE__ */ S(c, {
-					type: "secondary",
-					children: i
-				})
-			]
-		}), !!l && l.length > 0 && /* @__PURE__ */ S("div", {
-			className: "flex items-center gap-2",
-			children: l.map((e) => {
-				let n = typeof e.disabled == "function" ? e.disabled(t) : e.disabled, r = g(e.variant ?? null);
-				return /* @__PURE__ */ S(a, {
-					variant: r.variant,
-					buttonStyle: r.buttonStyle,
-					disabled: n,
-					onClick: () => e.onClick(t),
-					className: "flex-1",
-					children: e.label
-				}, e.label);
-			})
-		})]
-	})] });
-}
-ae.displayName = "DatePickerFooter";
-//#endregion
-//#region src/components/base/date-pickers/date-picker-header.tsx
-function oe({ config: e, className: t }) {
-	let { title: r, description: i, icon: a, align: o = "left" } = e;
-	return /* @__PURE__ */ S("div", {
-		className: n("date-picker-header--component", "border-b p-4", o === "center" ? "text-center" : "text-left", t),
-		children: /* @__PURE__ */ C("div", {
-			className: "flex items-center justify-start gap-3",
-			children: [!!a && /* @__PURE__ */ S("div", {
-				className: "flex-shrink-0",
-				children: /* @__PURE__ */ S(a, { className: "h-5 w-5 text-primary" })
-			}), /* @__PURE__ */ C("div", {
-				className: n("flex-1", o === "center" && !a && "text-center"),
-				children: [/* @__PURE__ */ S(s, {
-					tag: "h3",
-					containerClassName: "space-y-0",
-					className: "font-semibold text-base leading-none",
-					children: r
-				}), !!i && /* @__PURE__ */ S(c, {
-					type: "secondary",
-					className: "mt-2",
-					children: i
-				})]
-			})]
-		})
-	});
-}
-oe.displayName = "DatePickerHeader";
-function M(e) {
-	return e.toString().padStart(2, "0");
-}
-function N(e, t, n) {
-	return Math.min(Math.max(e, t), n);
-}
-function P(e, t) {
-	if (t <= 0) return e;
-	let n = Math.floor(e / t) * t;
-	return Math.max(0, Math.min(n, 1440 * 60 - 1));
-}
-function F(e) {
-	if (!e) return null;
-	let t = e.split(":");
-	if (t.length < 2 || t.length > 3) return null;
-	let [n, r, i] = t, a = N(Number.parseInt(n, 10), 0, 23), o = N(Number.parseInt(r, 10), 0, 59), s = N(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 I(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 = P(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 L(e, t, n) {
-	if (t === "12") {
-		let t = e.hours >= 12 ? "PM" : "AM", r = e.hours % 12;
-		return r === 0 && (r = 12), {
-			hours: M(r),
-			minutes: M(e.minutes),
-			seconds: n ? M(e.seconds) : void 0,
-			period: t
-		};
-	}
-	return {
-		hours: M(e.hours),
-		minutes: M(e.minutes),
-		seconds: n ? M(e.seconds) : void 0
-	};
-}
-function R(e, t, n) {
-	let r = (e) => {
-		let t = Number.parseInt(e ?? "0", 10);
-		return Number.isNaN(t) ? 0 : t;
-	}, i = r(e.hours), a = N(r(e.minutes), 0, 59), o = n ? N(r(e.seconds), 0, 59) : 0;
-	if (t === "12") {
-		i = N(i, 1, 12);
-		let t = (e.period ?? "AM") === "PM";
-		i %= 12, t && (i += 12);
-	} else i = N(i, 0, 23);
-	return {
-		hours: i,
-		minutes: a,
-		seconds: o
-	};
-}
-function se(e, t, n) {
-	let r = P(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 ce(e, t, n, r) {
-	let i = M(e.minutes), a = t ? `:${M(e.seconds)}` : "";
-	if (n === "24") return `${M(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 `${M(s)}:${i}${a} ${c}`;
-}
-var le = /'[^']*'/g, ue = /[HKhk]|\bp\b|\bt\b|\ba\b/;
-function de(e) {
-	if (!e) return !1;
-	let t = e.replace(le, "");
-	return ue.test(t);
-}
-function z(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 fe(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		date: e,
-		formatted: e ? v(e, t, i) : void 0,
-		readable: e ? v(e, n, i) : void 0
-	};
-}
-function B(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		dates: e,
-		formatted: e.map((e) => v(e, t, i)),
-		readable: e.map((e) => v(e, n, i))
-	};
-}
-function pe(e, t, n, r) {
-	let i = r ? { locale: r } : void 0;
-	return {
-		range: e,
-		formatted: {
-			from: e?.from ? v(e.from, t, i) : void 0,
-			to: e?.to ? v(e.to, t, i) : void 0
-		},
-		readable: {
-			from: e?.from ? v(e.from, n, i) : void 0,
-			to: e?.to ? v(e.to, n, i) : void 0
-		}
-	};
-}
-function V(e, t) {
-	let n = typeof t == "string" ? F(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 me(e, t, n) {
-	let r = e;
-	return e.from && (r = {
-		...r,
-		from: V(e.from, t)
-	}), e.to && r && (r = {
-		...r,
-		to: V(e.to, n)
-	}), r;
-}
-function H(e, t) {
-	return Math.ceil((t.getTime() - e.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
-}
-function U(e, t, n) {
-	if (!e?.from || !e?.to) return { isValid: !0 };
-	let r = H(e.from, e.to);
-	return t && r < t || n && r > n ? {
-		isValid: !1,
-		daysDiff: r
-	} : {
-		isValid: !0,
-		daysDiff: r
-	};
-}
-function W(e, t, n, r) {
-	if (!e?.from || !e?.to) return null;
-	let i = H(e.from, e.to);
-	return t && i < t ? r.minimumDays(t) : n && i > n ? r.maximumDays(n) : null;
-}
-function G(e, t, n, r, i) {
-	return r && e.length === 0 ? "At least one date must be selected" : t && e.length < t ? `Select at least ${t} dates` : n ? i.maximumDates(n) : null;
-}
-function he(e, t, n, r, i, a) {
-	if (e) {
-		let n = v(e, t, a ? { locale: a } : void 0);
-		return i && (n += ` ${i}`), n;
-	}
-	return n ?? r;
-}
-function K(e, t, n, r, i, a) {
-	if (e.length > 0) {
-		if (e.length === 1) {
-			let n = a ? { locale: a } : void 0;
-			return v(e[0], t, n);
-		}
-		return i.datesSelected(e.length);
-	}
-	return n ?? r;
-}
-function ge(e, t, n, r, i) {
-	if (e?.from) {
-		let n = i ? { locale: i } : void 0;
-		return e.to ? `${v(e.from, t, n)} - ${v(e.to, t, n)}` : v(e.from, t, n);
-	}
-	return n ?? r;
-}
-//#endregion
-//#region src/components/base/date-pickers/date-pickers.strings.ts
-var q = {
-	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`,
-	maximumDates: (e) => `Select up to ${e} dates`,
-	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"
-}, J = ne("hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] 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-xs"
-		},
-		size: {
-			default: "h-9 min-w-9 px-2",
-			sm: "h-8 min-w-8 px-1.5",
-			lg: "h-10 min-w-10 px-2.5"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-}), _e = m.createContext({
-	size: "default",
-	variant: "default",
-	spacing: 0,
-	orientation: "horizontal"
-});
-function ve({ className: e, variant: t, size: r, spacing: i = 0, orientation: a = "horizontal", children: o, ...s }) {
-	return /* @__PURE__ */ S(j, {
-		"data-slot": "toggle-group",
-		"data-variant": t,
-		"data-size": r,
-		"data-spacing": i,
-		"data-orientation": a,
-		style: { "--gap": i },
-		className: n("rounded-md data-[spacing=0]:data-[variant=outline]:shadow-xs 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__ */ S(_e.Provider, {
-			value: {
-				variant: t,
-				size: r,
-				spacing: i,
-				orientation: a
-			},
-			children: o
-		})
-	});
-}
-function ye({ className: e, children: t, variant: r = "default", size: i = "default", ...a }) {
-	let o = m.useContext(_e);
-	return /* @__PURE__ */ S(A, {
-		"data-slot": "toggle-group-item",
-		"data-variant": o.variant || r,
-		"data-size": o.size || i,
-		"data-spacing": o.spacing,
-		className: n("data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", J({
-			variant: o.variant || r,
-			size: o.size || i
-		}), e),
-		...a,
-		children: t
-	});
-}
-//#endregion
-//#region src/components/base/date-pickers/segmented-time-input.tsx
-var Y = [
-	"hours",
-	"minutes",
-	"seconds"
-], be = "00", xe = "12";
-function Se(e) {
-	return e.replace(/\D/g, "").slice(-2);
-}
-function X(e) {
-	return e.length === 0 ? "00" : e.length === 1 ? `0${e}` : e;
-}
-function Ce(e, t) {
-	let n = t ? Y : Y.slice(0, 2), r = n.indexOf(e);
-	return r > -1 && r < n.length - 1 ? n[r + 1] : null;
-}
-function Z(e, t) {
-	let n = t ? Y : Y.slice(0, 2), r = n.indexOf(e);
-	return r > 0 ? n[r - 1] : null;
-}
-function we(e, t) {
-	return t === "24" ? e : e % 12 || 12;
-}
-function Te(e) {
-	return e >= 12 ? "PM" : "AM";
-}
-function Ee(e, t) {
-	return t === "12" ? {
-		...e,
-		period: e.period ?? "AM"
-	} : {
-		...e,
-		period: void 0
-	};
-}
-function De({ value: e, onChange: t, format: r, includeSeconds: i, step: a, disabled: o, className: s, labels: u, periodLabels: d }) {
-	let f = m.useMemo(() => i ? Y : Y.slice(0, 2), [i]), [p, h] = m.useState(() => Ee(L(e, r, i), r)), g = m.useRef(p), _ = m.useRef(!1), v = m.useCallback((e) => {
-		g.current = e, h(e);
-	}, []), y = m.useRef({
-		hours: null,
-		minutes: null,
-		seconds: null
-	});
-	m.useEffect(() => {
-		if (_.current) {
-			_.current = !1;
-			return;
-		}
-		v(Ee(L(e, r, i), r));
-	}, [
-		e,
-		r,
-		i,
-		v
-	]);
-	let b = m.useCallback((e) => {
-		_.current = !0, t(R(e, r, i));
-	}, [
-		r,
-		i,
-		t
-	]), x = m.useCallback((e) => {
-		let n = se(R(e, r, i), a, i);
-		t(n), v(Ee(L(n, r, i), r));
-	}, [
-		r,
-		i,
-		t,
-		a,
-		v
-	]), ee = m.useCallback((e) => {
-		if (!e) return;
-		let t = y.current[e];
-		t && (t.focus(), t.select());
-	}, []), w = m.useCallback((e, t) => {
-		let n = g.current, i = n[e] ?? (e === "hours" && r === "12" ? xe : be), a = (Number.parseInt(i.slice(-1), 10) || 0) * 10 + t, o = { ...n }, s = o.period ?? "AM";
-		e === "hours" ? r === "24" ? o.hours = X(Math.min(Math.max(a, 0), 23).toString()) : a === 0 ? (s = "AM", o.hours = xe) : a > 12 ? (s = Te(a), o.hours = X(we(a, "12").toString())) : (o.hours = X(Math.min(Math.max(a, 1), 12).toString()), s = n.period ?? Te(a)) : e === "minutes" ? o.minutes = X(Math.min(Math.max(a, 0), 59).toString()) : e === "seconds" && (o.seconds = X(Math.min(Math.max(a, 0), 59).toString()));
-		let c = {
-			...o,
-			period: s
-		};
-		v(c), b(c);
-	}, [
-		r,
-		v,
-		b
-	]), T = m.useCallback((e, t) => {
-		let n = Se(t), i = { ...g.current }, a = i.period ?? "AM";
-		if (e === "hours") if (r === "24") {
-			let e = Number.parseInt(n || "0", 10);
-			i.hours = X((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 23)).toString());
-		} else {
-			let e = Number.parseInt(n || "0", 10);
-			Number.isNaN(e) ? (i.hours = "12", a = g.current.period ?? "AM") : n.length === 2 && e > 12 ? (a = Te(e), i.hours = X(we(e, "12").toString())) : e === 0 ? (a = "AM", i.hours = "12") : (i.hours = X(Math.min(Math.max(e, 1), 12).toString()), n.length === 2 && (a = g.current.period ?? Te(e)));
-		}
-		else if (e === "minutes") {
-			let e = Number.parseInt(n || "0", 10);
-			i.minutes = X((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 59)).toString());
-		} else if (e === "seconds") {
-			let e = Number.parseInt(n || "0", 10);
-			i.seconds = X((Number.isNaN(e) ? 0 : Math.min(Math.max(e, 0), 59)).toString());
-		}
-		let o = {
-			...i,
-			period: a
-		};
-		v(o), b(o);
-	}, [
-		r,
-		v,
-		b
-	]), E = m.useCallback((e) => {
-		r === "12" && x({
-			...g.current,
-			period: e
-		});
-	}, [x, r]), te = m.useCallback(() => {
-		x(g.current);
-	}, [x]), ne = m.useCallback((e, t) => {
-		if (e.key.length === 1 && /\d/.test(e.key) && !e.metaKey && !e.ctrlKey && !e.altKey) {
-			e.preventDefault(), w(t, Number.parseInt(e.key, 10));
-			return;
-		}
-		if (e.key === "ArrowRight") {
-			ee(Ce(t, i));
-			return;
-		}
-		if (e.key === "ArrowLeft") {
-			ee(Z(t, i));
-			return;
-		}
-		if (e.key === "Backspace") {
-			let n = e.currentTarget;
-			n.selectionStart === 0 && n.selectionEnd === 0 && ee(Z(t, i));
-		}
-	}, [
-		w,
-		ee,
-		i
-	]), D = m.useMemo(() => {
-		if (r === "12") return p.period ? [p.period] : void 0;
-	}, [r, p.period]);
-	return /* @__PURE__ */ C("div", {
-		className: n("segmented-time-input--component", "flex items-center gap-2", s),
-		children: [f.map((e, t) => {
-			let n = e === "hours" && r === "12" ? xe : be, i = p[e] ?? n, a = e === "hours" ? u.hours : e === "minutes" ? u.minutes : u.seconds ?? u.minutes;
-			return /* @__PURE__ */ C(m.Fragment, { children: [/* @__PURE__ */ S(l, {
-				ref: (t) => {
-					y.current[e] = t;
-				},
-				value: i,
-				onChange: (t) => T(e, t.target.value),
-				onFocus: (e) => e.target.select(),
-				onBlur: te,
-				onKeyDown: (t) => ne(t, e),
-				inputMode: "numeric",
-				pattern: "\\d*",
-				maxLength: 2,
-				showCharacterCount: !1,
-				disabled: o,
-				"aria-label": a,
-				size: "small",
-				className: "w-12 text-center"
-			}), t < f.length - 1 && /* @__PURE__ */ S(c, {
-				tag: "span",
-				type: "secondary",
-				children: ":"
-			})] }, e);
-		}), r === "12" && /* @__PURE__ */ C(ve, {
-			value: D,
-			onValueChange: (e) => {
-				let t = e[0];
-				t && E(t);
-			},
-			disabled: o,
-			size: "sm",
-			className: "ml-1",
-			children: [/* @__PURE__ */ S(ye, {
-				value: "AM",
-				"aria-label": d.am,
-				children: d.am
-			}), /* @__PURE__ */ S(ye, {
-				value: "PM",
-				"aria-label": d.pm,
-				children: d.pm
-			})]
-		})]
-	});
-}
-De.displayName = "SegmentedTimeInput";
-//#endregion
-//#region src/components/base/date-pickers/date-picker.tsx
-function Oe(e) {
-	return e === "ghost" ? "ghost" : e === "secondary" ? "secondary" : "outline";
-}
-function ke(e) {
-	let t = Oe(e);
-	return t === "ghost" ? {
-		variant: "secondary",
-		buttonStyle: "ghost"
-	} : t === "secondary" ? {
-		variant: "secondary",
-		buttonStyle: "solid"
-	} : {
-		variant: "secondary",
-		buttonStyle: "outline"
-	};
-}
-var Ae = [
-	"!h-control !px-control !py-space-xs !rounded-radius !border !border-input !bg-transparent !shadow-none",
-	"!text-sm !font-normal !text-foreground",
-	"hover:!bg-transparent",
-	"focus-visible:!border-ring focus-visible:!ring-ring/50 focus-visible:!ring-[3px]",
-	"aria-invalid:!ring-destructive/20 dark:aria-invalid:!ring-destructive/40 aria-invalid:!border-destructive",
-	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
-].join(" ");
-function je(e) {
-	return !e.mode || e.mode === "single";
-}
-function Q(e) {
-	return e.mode === "multiple";
-}
-function $(e) {
-	return e.mode === "range";
-}
-function Me(e, t) {
-	return [
-		{
-			label: e.today,
-			getValue: () => ({
-				from: /* @__PURE__ */ new Date(),
-				to: /* @__PURE__ */ new Date()
-			})
-		},
-		{
-			label: e.thisWeek,
-			getValue: () => ({
-				from: b(/* @__PURE__ */ new Date(), { weekStartsOn: t }),
-				to: _(/* @__PURE__ */ new Date(), { weekStartsOn: t })
-			})
-		},
-		{
-			label: e.thisMonth,
-			getValue: () => ({
-				from: y(/* @__PURE__ */ new Date()),
-				to: g(/* @__PURE__ */ new Date())
-			})
-		},
-		{
-			label: e.last30Days,
-			getValue: () => ({
-				from: h(/* @__PURE__ */ new Date(), -30),
-				to: /* @__PURE__ */ new Date()
-			})
-		}
-	];
-}
-function Ne(t) {
-	let [n, r] = m.useState(!1), i = t.locale ?? k, a = e(q, t.strings ?? t.translations), o = m.useMemo(() => t.enableYearDropdown || t.yearSelection?.enabled ? "dropdown" : "label", [t.enableYearDropdown, t.yearSelection]), s = m.useMemo(() => z(t.yearSelection), [t.yearSelection]);
-	return je(t) ? /* @__PURE__ */ S(Pe, {
-		className: "date-picker--component",
-		...t,
-		open: n,
-		setOpen: r,
-		t: a,
-		dateFnsLocale: i,
-		captionLayout: o,
-		yearBounds: s
-	}) : Q(t) ? /* @__PURE__ */ S(Fe, {
-		...t,
-		open: n,
-		setOpen: r,
-		t: a,
-		dateFnsLocale: i,
-		captionLayout: o,
-		yearBounds: s
-	}) : $(t) ? /* @__PURE__ */ S(Ie, {
-		...t,
-		open: n,
-		setOpen: r,
-		t: a,
-		dateFnsLocale: i,
-		captionLayout: o,
-		yearBounds: s
-	}) : null;
-}
-function Pe({ value: e, defaultValue: t, onChange: r, format: i = "yyyy-MM-dd", readableFormat: s = "PPP", placeholder: l, closeOnSelect: h = !0, withTime: g, disabledDates: _, calendarProps: y, open: b, setOpen: w, t: T, dateFnsLocale: E, captionLayout: ne, yearBounds: D, ...O }) {
-	let k = m.useId(), A = `${k}-description`, j = O.error !== void 0 && O.error !== null && O.error !== "", ie = j ? A : void 0, M = O.hint !== void 0 && O.hint !== null && O.hint !== "", N = typeof O.error == "string" ? O.error : "", P = typeof O.hint == "string" ? O.hint : "", F = g?.format ?? "24", L = g?.step ?? 60, R = g?.showSeconds ?? !1, le = de(s), ue = g?.showTimeInButton ?? !le, [z, B] = m.useState(() => e ?? t), [pe, me] = m.useState(() => I(e ?? t, R, L)), H = m.useRef(e ?? t ?? void 0), U = m.useRef(!1), W = m.useRef(e !== void 0), G = m.useCallback((e, t) => {
-		let n = e;
-		if (e && g?.enabled) {
-			let r = V(e, t ?? pe);
-			n = Number.isFinite(r.getTime()) ? r : void 0;
-		}
-		return fe(n, i, s, E);
-	}, [
-		i,
-		s,
-		E,
-		g,
-		pe
-	]);
-	m.useEffect(() => {
-		let n = !!g?.enabled, a = W.current, o = e !== void 0, c = (e, t) => {
-			let a = se(I(e, R, L), L, R);
-			if (B((t) => t?.getTime?.() === e.getTime() ? t : e), me((e) => e.hours === a.hours && e.minutes === a.minutes && e.seconds === a.seconds ? e : a), H.current = e, U.current = !0, t && n) {
-				let t = V(e, a);
-				r?.(fe(t, i, s, E));
-			}
-		};
-		if (!n) {
-			U.current = !1, H.current = e ?? t ?? void 0, B(e ?? t), W.current = o;
-			return;
-		}
-		let l = H.current?.getTime?.(), u = e?.getTime?.();
-		if (!o && a && t === void 0 && (U.current = !1, H.current = void 0), e !== void 0 && u !== l) {
-			c(e, !1), W.current = o;
-			return;
-		}
-		if (e === void 0 && t !== void 0) {
-			(l !== t.getTime() || !U.current) && c(t, !1), W.current = o;
-			return;
-		}
-		if (e === void 0 && t === void 0 && !U.current) {
-			U.current = !0, W.current = o;
-			return;
-		}
-		W.current = o;
-	}, [
-		g?.enabled,
-		e,
-		t,
-		R,
-		L,
-		r,
-		i,
-		s,
-		E
-	]), m.useEffect(() => {
-		g?.enabled && me((e) => {
-			let t = se(e, L, R);
-			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
-		});
-	}, [
-		g?.enabled,
-		L,
-		R
-	]);
-	let K = m.useCallback((e) => {
-		if (B(e), g?.enabled && e && (U.current = !0, H.current = e), g?.enabled) {
-			r?.(G(e)), h && e && w(!1);
-			return;
-		}
-		r?.(G(e)), h && e && w(!1);
-	}, [
-		r,
-		G,
-		h,
-		w,
-		g
-	]), ge = m.useCallback((e) => {
-		me(e), z && r?.(G(z, e));
-	}, [
-		z,
-		r,
-		G
-	]), q = m.useMemo(() => {
-		if (g?.enabled) return ce(pe, R, F, {
-			am: T.am,
-			pm: T.pm
-		});
-	}, [
-		g?.enabled,
-		pe,
-		R,
-		F,
-		T
-	]), J = m.useMemo(() => he(z, s, l, T.selectDate, ue ? q : void 0, E), [
-		z,
-		s,
-		l,
-		T,
-		q,
-		ue,
-		E
-	]), _e = m.useMemo(() => z ? v(z, s, { locale: E }) : void 0, [
-		z,
-		s,
-		E
-	]);
-	return /* @__PURE__ */ C("div", {
-		className: n("space-y-2", O.className),
-		children: [
-			!!(O.label || M) && /* @__PURE__ */ C("div", {
-				className: "flex items-center justify-between gap-1",
-				children: [!!O.label && /* @__PURE__ */ S(o, {
-					htmlFor: k,
-					className: n("leading-6", j && "text-destructive"),
-					children: O.label
-				}), !j && !!M && /* @__PURE__ */ S(c, {
-					tag: "span",
-					type: "secondary",
-					children: P
-				})]
-			}),
-			/* @__PURE__ */ C(u, {
-				open: b,
-				onOpenChange: w,
-				children: [/* @__PURE__ */ S(d, { render: (e) => {
-					let t = ke(O.buttonVariant);
-					return /* @__PURE__ */ C(a, {
-						...e,
-						id: k,
-						variant: t.variant,
-						buttonStyle: t.buttonStyle,
-						"aria-invalid": j,
-						"aria-describedby": ie,
-						className: n("w-full justify-start text-left font-normal", Ae, !z && "text-muted-foreground", O.error && "border-destructive focus-visible:ring-destructive", e.className),
-						disabled: O.disabled,
-						children: [/* @__PURE__ */ S(ee, { className: "mr-control-gap size-icon" }), J]
-					});
-				} }), /* @__PURE__ */ C(f, {
-					className: "w-auto p-0",
-					align: "start",
-					children: [
-						!!O.header && /* @__PURE__ */ S(oe, { config: O.header }),
-						/* @__PURE__ */ S(re, {
-							mode: "single",
-							selected: z,
-							onSelect: K,
-							defaultMonth: z,
-							numberOfMonths: O.numberOfMonths,
-							showOutsideDays: O.showOutsideDays,
-							disabled: _ ?? O.disabled,
-							locale: E,
-							captionLayout: ne,
-							startMonth: D.startMonth,
-							endMonth: D.endMonth,
-							...y
-						}),
-						!!g?.enabled && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {}), /* @__PURE__ */ C("div", {
-							className: "p-3",
-							children: [/* @__PURE__ */ S(o, {
-								size: "default",
-								children: T.startTime
-							}), /* @__PURE__ */ C("div", {
-								className: "mt-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ S(te, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(De, {
-									value: pe,
-									onChange: ge,
-									format: F,
-									includeSeconds: R,
-									step: L,
-									disabled: O.disabled,
-									labels: {
-										hours: T.hours,
-										minutes: T.minutes,
-										seconds: R ? T.seconds : void 0
-									},
-									periodLabels: {
-										am: T.am,
-										pm: T.pm
-									}
-								})]
-							})]
-						})] }),
-						!!O.footer && /* @__PURE__ */ S(ae, {
-							config: O.footer,
-							output: G(z),
-							hasSelection: !!z,
-							autoSummary: _e
-						})
-					]
-				})]
-			}),
-			!!j && /* @__PURE__ */ S(c, {
-				id: A,
-				size: "xs",
-				type: "error",
-				content: N
-			})
-		]
-	});
-}
-function Fe({ value: e, defaultValue: t, onChange: r, format: i = "yyyy-MM-dd", readableFormat: s = "PPP", placeholder: l, min: h, max: g, required: _, disabledDates: v, calendarProps: y, open: b, setOpen: w, t: T, dateFnsLocale: E, captionLayout: te, yearBounds: ne, ...D }) {
-	let O = m.useId(), k = `${O}-description`, A = D.error !== void 0 && D.error !== null && D.error !== "", j = A ? k : void 0, ie = D.hint !== void 0 && D.hint !== null && D.hint !== "", M = typeof D.error == "string" ? D.error : "", N = typeof D.hint == "string" ? D.hint : "", [P, F] = m.useState(e ?? t ?? []);
-	m.useEffect(() => {
-		e !== void 0 && F(e);
-	}, [e]);
-	let I = m.useCallback((e) => B(e, i, s, E), [
-		i,
-		s,
-		E
-	]), L = m.useCallback((e) => {
-		let t = Array.isArray(e) ? e : e ? [e] : [];
-		g && t.length > g || (F(t), r?.(I(t)));
-	}, [
-		r,
-		I,
-		g
-	]), R = m.useMemo(() => K(P, s, l, T.selectDates, T, E), [
-		P,
-		s,
-		l,
-		T,
-		E
-	]), se = m.useMemo(() => G(P, h, g, _, T), [
-		P,
-		h,
-		g,
-		_,
-		T
-	]), ce = m.useMemo(() => P.length > 0 ? T.datesSelected(P.length) : void 0, [P.length, T]);
-	return /* @__PURE__ */ C("div", {
-		className: n("space-y-2", D.className),
-		children: [
-			!!(D.label || ie) && /* @__PURE__ */ C("div", {
-				className: "flex items-center justify-between gap-1",
-				children: [!!D.label && /* @__PURE__ */ S(o, {
-					htmlFor: O,
-					className: n("leading-6", A && "text-destructive"),
-					children: D.label
-				}), !A && !!ie && /* @__PURE__ */ S(c, {
-					tag: "span",
-					type: "secondary",
-					children: N
-				})]
-			}),
-			/* @__PURE__ */ C(u, {
-				open: b,
-				onOpenChange: w,
-				children: [/* @__PURE__ */ S(d, { render: (e) => {
-					let t = ke(D.buttonVariant);
-					return /* @__PURE__ */ C(a, {
-						...e,
-						id: O,
-						variant: t.variant,
-						buttonStyle: t.buttonStyle,
-						"aria-invalid": A,
-						"aria-describedby": j,
-						className: n("w-full justify-start text-left font-normal", Ae, P.length === 0 && "text-muted-foreground", D.error && "border-destructive focus-visible:ring-destructive", e.className),
-						disabled: D.disabled,
-						children: [/* @__PURE__ */ S(ee, { className: "mr-control-gap size-icon" }), /* @__PURE__ */ S("span", {
-							className: "truncate",
-							children: R
-						})]
-					});
-				} }), /* @__PURE__ */ C(f, {
-					className: "w-auto p-0",
-					align: "start",
-					children: [
-						!!D.header && /* @__PURE__ */ S(oe, { config: D.header }),
-						/* @__PURE__ */ S(re, {
-							mode: "multiple",
-							selected: P,
-							onSelect: L,
-							defaultMonth: P[0],
-							numberOfMonths: D.numberOfMonths,
-							showOutsideDays: D.showOutsideDays,
-							disabled: v ?? D.disabled,
-							locale: E,
-							captionLayout: te,
-							startMonth: ne.startMonth,
-							endMonth: ne.endMonth,
-							required: _,
-							max: g,
-							...y
-						}),
-						!!se && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {}), /* @__PURE__ */ S("div", {
-							className: "p-3",
-							children: /* @__PURE__ */ S(c, {
-								type: "secondary",
-								children: se
-							})
-						})] }),
-						!!D.footer && /* @__PURE__ */ S(ae, {
-							config: D.footer,
-							output: I(P),
-							hasSelection: P.length > 0,
-							autoSummary: ce
-						})
-					]
-				})]
-			}),
-			!!A && /* @__PURE__ */ S(c, {
-				id: k,
-				size: "xs",
-				type: "error",
-				content: M
-			})
-		]
-	});
-}
-function Ie({ value: e, defaultValue: r, onChange: i, format: s = "yyyy-MM-dd", readableFormat: l = "PPP", placeholder: h, withConfirm: g = !1, min: _, max: y, closeOnSelect: b = !0, withTime: w, presets: T, disabledDates: E, calendarProps: ne, open: D, setOpen: O, t: k, dateFnsLocale: A, captionLayout: j, yearBounds: ie, ...M }) {
-	let { weekStartsOn: N = 1 } = t(), P = T ?? Me(k, N), F = m.useId(), L = `${F}-description`, R = M.error !== void 0 && M.error !== null && M.error !== "", le = R ? L : void 0, ue = M.hint !== void 0 && M.hint !== null && M.hint !== "", z = typeof M.error == "string" ? M.error : "", fe = typeof M.hint == "string" ? M.hint : "", B = w?.format ?? "24", V = w?.step ?? 60, H = w?.showSeconds ?? !1, G = de(l), he = w?.showTimeInButton ?? !G, K = w?.showTimeInSummary ?? !G, q = e ?? r, [J, _e] = m.useState(q), [ve, ye] = m.useState(() => I(q?.from, H, V)), [Y, be] = m.useState(() => I(q?.to, H, V)), xe = m.useRef(e), Se = m.useMemo(() => W(J, _, y, k), [
-		J,
-		_,
-		y,
-		k
-	]), X = Se != null && Se !== "", Ce = typeof Se == "string" ? Se : "";
-	m.useEffect(() => {
-		e !== void 0 && _e(e);
-	}, [e]), m.useEffect(() => {
-		if (!w?.enabled) {
-			xe.current = e;
-			return;
-		}
-		let t = xe.current, n = e?.from, r = e?.to;
-		n ? ye(I(n, H, V)) : t?.from && ye(I(void 0, H, V)), r ? be(I(r, H, V)) : t?.to && be(I(void 0, H, V)), xe.current = e;
-	}, [
-		e,
-		w?.enabled,
-		H,
-		V
-	]), m.useEffect(() => {
-		w?.enabled && (ye((e) => {
-			let t = se(e, V, H);
-			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
-		}), be((e) => {
-			let t = se(e, V, H);
-			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
-		}));
-	}, [
-		w?.enabled,
-		V,
-		H
-	]);
-	let Z = m.useCallback((e) => {
-		let t = e;
-		return e && w?.enabled && (t = me(e, ve, Y)), pe(t, s, l, A);
-	}, [
-		s,
-		l,
-		A,
-		w,
-		ve,
-		Y
-	]), we = m.useCallback((e) => {
-		ye(e);
-	}, []), Te = m.useCallback((e) => {
-		be(e);
-	}, []), Ee = m.useCallback((e) => {
-		let t = U(e, _, y);
-		e && !t.isValid || (_e(e), !g && !w?.enabled && (i?.(Z(e)), b && e?.from && e?.to && O(!1)));
-	}, [
-		g,
-		w,
-		i,
-		Z,
-		_,
-		y,
-		b,
-		O
-	]), Oe = m.useCallback((e) => {
-		Ee(e.getValue());
-	}, [Ee]), je = m.useCallback(() => {
-		i?.(Z(J)), O(!1);
-	}, [
-		J,
-		i,
-		Z,
-		O
-	]), Q = m.useMemo(() => {
-		if (w?.enabled) return ce(ve, H, B, {
-			am: k.am,
-			pm: k.pm
-		});
-	}, [
-		w?.enabled,
-		ve,
-		H,
-		B,
-		k
-	]), $ = m.useMemo(() => {
-		if (w?.enabled) return ce(Y, H, B, {
-			am: k.am,
-			pm: k.pm
-		});
-	}, [
-		w?.enabled,
-		Y,
-		H,
-		B,
-		k
-	]), Ne = m.useMemo(() => {
-		if (w?.enabled && J?.from) {
-			let e = v(J.from, l, { locale: A }), t = he && Q ? `${e} ${Q}` : e;
-			if (J.to) {
-				let e = v(J.to, l, { locale: A });
-				return `${t} - ${he && $ ? `${e} ${$}` : e}`;
-			}
-			return t;
-		}
-		return ge(J, l, h, k.selectDateRange, A);
-	}, [
-		w?.enabled,
-		J,
-		l,
-		he,
-		Q,
-		$,
-		h,
-		k,
-		A
-	]), Pe = m.useMemo(() => {
-		if (!J?.from || !J?.to) return;
-		let e = v(J.from, l, { locale: A }), t = v(J.to, l, { locale: A });
-		return `${K && Q ? `${e} ${Q}` : e} - ${K && $ ? `${t} ${$}` : t}`;
-	}, [
-		J,
-		l,
-		A,
-		K,
-		Q,
-		$
-	]);
-	return /* @__PURE__ */ C("div", {
-		className: n("space-y-2", M.className),
-		children: [
-			!!(M.label || ue) && /* @__PURE__ */ C("div", {
-				className: "flex items-center justify-between gap-1",
-				children: [!!M.label && /* @__PURE__ */ S(o, {
-					htmlFor: F,
-					className: n("leading-6", R && "text-destructive"),
-					children: M.label
-				}), !R && !!ue && /* @__PURE__ */ S(c, {
-					tag: "span",
-					type: "secondary",
-					children: fe
-				})]
-			}),
-			/* @__PURE__ */ C(u, {
-				open: D,
-				onOpenChange: O,
-				children: [/* @__PURE__ */ S(d, { render: (e) => {
-					let t = ke(M.buttonVariant);
-					return /* @__PURE__ */ C(a, {
-						...e,
-						id: F,
-						variant: t.variant,
-						buttonStyle: t.buttonStyle,
-						"aria-invalid": R,
-						"aria-describedby": le,
-						className: n("w-full justify-start text-left font-normal", Ae, !J && "text-muted-foreground", M.error && "border-destructive focus-visible:ring-destructive", e.className),
-						disabled: M.disabled,
-						children: [/* @__PURE__ */ S(ee, { className: "mr-control-gap size-icon shrink-0" }), /* @__PURE__ */ S("span", {
-							className: "truncate",
-							children: Ne
-						})]
-					});
-				} }), /* @__PURE__ */ C(f, {
-					className: "w-auto p-0",
-					align: "start",
-					children: [!!M.header && /* @__PURE__ */ S(oe, { config: M.header }), /* @__PURE__ */ C("div", {
-						className: "flex",
-						children: [P.length > 0 && /* @__PURE__ */ S("div", {
-							className: "flex min-w-30 flex-col gap-0.5 border-r p-2",
-							children: P.map((e) => /* @__PURE__ */ S(a, {
-								variant: "secondary",
-								buttonStyle: "ghost",
-								onClick: () => Oe(e),
-								className: "justify-start font-normal text-muted-foreground hover:text-foreground",
-								children: e.label
-							}, e.label))
-						}), /* @__PURE__ */ C("div", {
-							className: "flex flex-col",
-							children: [/* @__PURE__ */ S(re, {
-								mode: "range",
-								selected: J,
-								onSelect: Ee,
-								defaultMonth: J?.from,
-								numberOfMonths: M.numberOfMonths ?? 2,
-								showOutsideDays: M.showOutsideDays,
-								disabled: E ?? M.disabled,
-								locale: A,
-								captionLayout: j,
-								startMonth: ie.startMonth,
-								endMonth: ie.endMonth,
-								...ne
-							}), !!(J?.from || Se || g || w?.enabled || M.footer) && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {}), /* @__PURE__ */ C("div", {
-								className: "flex flex-col gap-3 p-3",
-								children: [
-									!!J?.from && !M.footer && /* @__PURE__ */ C("div", {
-										className: "flex items-center justify-between gap-4 text-sm",
-										children: [/* @__PURE__ */ C("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C(c, {
-												tag: "span",
-												type: "secondary",
-												children: [k.from, ":"]
-											}), /* @__PURE__ */ C(c, {
-												tag: "span",
-												weight: "medium",
-												children: [v(J.from, l, { locale: A }), K && Q ? ` ${Q}` : ""]
-											})]
-										}), !!J.to && /* @__PURE__ */ C("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C(c, {
-												tag: "span",
-												type: "secondary",
-												children: [k.to, ":"]
-											}), /* @__PURE__ */ C(c, {
-												tag: "span",
-												weight: "medium",
-												children: [v(J.to, l, { locale: A }), K && $ ? ` ${$}` : ""]
-											})]
-										})]
-									}),
-									!!w?.enabled && !!J?.from && /* @__PURE__ */ C("div", {
-										className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(o, {
-											size: "small",
-											children: k.startTime
-										}), /* @__PURE__ */ C("div", {
-											className: "mt-1 flex items-center gap-2",
-											children: [/* @__PURE__ */ S(te, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ S(De, {
-												value: ve,
-												onChange: we,
-												format: B,
-												includeSeconds: H,
-												step: V,
-												disabled: M.disabled,
-												labels: {
-													hours: k.hours,
-													minutes: k.minutes,
-													seconds: H ? k.seconds : void 0
-												},
-												periodLabels: {
-													am: k.am,
-													pm: k.pm
-												}
-											})]
-										})] }), !!J.to && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(o, {
-											size: "small",
-											children: k.endTime
-										}), /* @__PURE__ */ C("div", {
-											className: "mt-1 flex items-center gap-2",
-											children: [/* @__PURE__ */ S(te, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ S(De, {
-												value: Y,
-												onChange: Te,
-												format: B,
-												includeSeconds: H,
-												step: V,
-												disabled: M.disabled,
-												labels: {
-													hours: k.hours,
-													minutes: k.minutes,
-													seconds: H ? k.seconds : void 0
-												},
-												periodLabels: {
-													am: k.am,
-													pm: k.pm
-												}
-											})]
-										})] })]
-									}),
-									/* @__PURE__ */ S(c, {
-										type: "error",
-										content: Ce,
-										hidden: !X
-									}),
-									!!(g || w?.enabled) && !M.footer && /* @__PURE__ */ S(a, {
-										onClick: je,
-										disabled: !J?.from || !J?.to || !!Se,
-										className: "w-full",
-										children: k.confirm
-									}),
-									!!M.footer && /* @__PURE__ */ S("div", {
-										className: "-mx-3 -mb-3",
-										children: /* @__PURE__ */ S(ae, {
-											config: M.footer,
-											output: Z(J),
-											hasSelection: !!(J?.from && J?.to),
-											autoSummary: Pe
-										})
-									})
-								]
-							})] })]
-						})]
-					})]
-				})]
-			}),
-			!!R && /* @__PURE__ */ S(c, {
-				id: L,
-				size: "xs",
-				type: "error",
-				content: z
-			})
-		]
-	});
-}
-Ne.displayName = "DatePicker";
-//#endregion
-export { z as a, re as c, q as i, Ae as n, oe as o, De as r, ae as s, Ne as t };
-
-//# sourceMappingURL=date-picker-DFkLiveH.js.map