admin-ui-starter-kit 0.5.0 → 0.6.1

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

@@ -0,0 +1,1361 @@
+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