themelia-react-ui 2.0.3 → 2.0.5

package/dist/{date-picker-B2K3ucWn.js → date-picker-RlIzKom_.js}

@@ -1,26 +1,26 @@
 "use client";
-import { o as e, s as t } from "./ui-provider-C_U0Xma4.js";
+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-BRhFDwuU.js";
-import { t as i } from "./affordance-geometry.generated-tF36bREk.js";
-import { n as a } from "./buttons-DPZekJFu.js";
-import { a as o, c as s, s as c } from "./typography-UTnveOEy.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-DVzspB_G.js";
-import { r as f, t as p } from "./structure-BmisBK-3.js";
-import { o as m } from "./date-DCrsDTZc.js";
-import { t as ee } from "./separator-BDV-Y648.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-DZhnIL_Y.js";
-import { d as _, p as v, s as y, y as te } from "./form-sizing-BdP_Mf5p.js";
-import { t as b } from "./input-DQdEd0YD.js";
-import { c as ne, o as re, t as ie } from "./popover-gnTOhbFM.js";
-import { t as ae } from "./form-field-CwH9y77i.js";
-import { t as x } from "./use-mobile-vaLKwgyf.js";
-import * as S from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Calendar as oe, ChevronDownIcon as se, ChevronLeftIcon as E, ChevronRightIcon as D, Clock as O } from "lucide-react";
-import { cva as ce } from "class-variance-authority";
+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";
@@ -37,7 +37,7 @@ function H(e, t) {
 	let n = Math.floor(86399 / t) * t, r = Math.round(e / t) * t;
 	return Math.max(0, Math.min(r, n));
 }
-function le(e) {
+function ue(e) {
 	if (!e) return null;
 	let t = e.split(":");
 	if (t.length < 2 || t.length > 3) return null;
@@ -48,7 +48,7 @@ function le(e) {
 		seconds: s
 	};
 }
-function ue(e, t) {
+function de(e, t) {
 	let n = t ? `:${B(e.seconds)}` : "";
 	return `${B(e.hours)}:${B(e.minutes)}${n}`;
 }
@@ -60,7 +60,7 @@ function U(e, t, n) {
 		seconds: t ? u : 0
 	};
 }
-function de(e, t, n) {
+function W(e, t, n) {
 	if (t === "12") {
 		let t = e.hours >= 12 ? "PM" : "AM", r = e.hours % 12;
 		return r === 0 && (r = 12), {
@@ -76,7 +76,7 @@ function de(e, t, n) {
 		seconds: n ? B(e.seconds) : void 0
 	};
 }
-function W(e, t, n) {
+function G(e, t, n) {
 	let r = (e) => {
 		let t = Number.parseInt(e ?? "0", 10);
 		return Number.isNaN(t) ? 0 : t;
@@ -108,19 +108,19 @@ function pe(e, t, n, r) {
 	let c = o === "AM" ? r?.am ?? "AM" : r?.pm ?? "PM";
 	return `${B(s)}:${i}${a} ${c}`;
 }
-var G = /'[^']*'/g, K = /[HKhk]|\bp\b|\bt\b|\ba\b/;
-function me(e) {
+var me = /'[^']*'/g, he = /[HKhk]|\bp\b|\bt\b|\ba\b/;
+function ge(e) {
 	if (!e) return !1;
-	let t = e.replace(G, "");
-	return K.test(t);
+	let t = e.replace(me, "");
+	return he.test(t);
 }
-function he(e) {
+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 ge(e, t, n, r) {
+function _e(e, t, n, r) {
 	let i = r ? { locale: r } : void 0;
 	return {
 		date: e,
@@ -128,7 +128,7 @@ function ge(e, t, n, r) {
 		readable: e ? M(e, n, i) : void 0
 	};
 }
-function _e(e, t, n, r) {
+function q(e, t, n, r) {
 	let i = r ? { locale: r } : void 0;
 	return {
 		dates: e,
@@ -151,7 +151,7 @@ function ve(e, t, n, r) {
 	};
 }
 function ye(e, t) {
-	let n = typeof t == "string" ? le(t) : t, r = new Date(e);
+	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) {
@@ -173,7 +173,7 @@ function Se(e, t, n, r) {
 	let i = be(e.from, e.to);
 	return t && i < t ? r.minimumDays(t) : n && i > n ? r.maximumDays(n) : null;
 }
-function q(e, t, n, r, i) {
+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) {
@@ -183,7 +183,7 @@ function Ce(e, t, n, r, i, a) {
 	}
 	return n ?? r;
 }
-function J(e, t, n, r, i, a) {
+function Y(e, t, n, r, i, a) {
 	if (e.length > 0) {
 		if (e.length === 1) {
 			let n = a ? { locale: a } : void 0;
@@ -210,13 +210,13 @@ function Te(e, t) {
 function Ee(e) {
 	return !e.mode || e.mode === "single";
 }
-function Y(e) {
+function De(e) {
 	return e.mode === "multiple";
 }
-function De(e) {
+function Oe(e) {
 	return e.mode === "range";
 }
-function Oe(e, t) {
+function ke(e, t) {
 	return [
 		{
 			label: e.today,
@@ -250,7 +250,7 @@ function Oe(e, t) {
 }
 //#endregion
 //#region src/components/ui/calendar.tsx
-function ke({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: a = "label", buttonVariant: o = "ghost", locale: s, formatters: c, components: l, ...d }) {
+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,
@@ -296,17 +296,17 @@ function ke({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 				className: r(e),
 				...n
 			}),
-			Chevron: ({ className: e, orientation: t, ...n }) => t === "left" ? /* @__PURE__ */ w(E, {
+			Chevron: ({ className: e, orientation: t, ...n }) => t === "left" ? /* @__PURE__ */ w(D, {
 				className: r("size-icon", e),
 				...n
-			}) : t === "right" ? /* @__PURE__ */ w(D, {
+			}) : t === "right" ? /* @__PURE__ */ w(ce, {
 				className: r("size-icon", e),
 				...n
-			}) : /* @__PURE__ */ w(se, {
+			}) : /* @__PURE__ */ w(E, {
 				className: r(g.icon.md, e),
 				...n
 			}),
-			DayButton: ({ ...e }) => /* @__PURE__ */ w(Ae, {
+			DayButton: ({ ...e }) => /* @__PURE__ */ w(je, {
 				locale: s,
 				...e
 			}),
@@ -322,9 +322,9 @@ function ke({ className: e, classNames: t, showOutsideDays: n = !0, captionLayou
 		...d
 	});
 }
-function Ae({ className: e, day: t, modifiers: n, locale: i, ...a }) {
-	let o = I(), s = S.useRef(null);
-	return S.useEffect(() => {
+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,
@@ -341,7 +341,7 @@ function Ae({ className: e, day: t, modifiers: n, locale: i, ...a }) {
 }
 //#endregion
 //#region src/components/base/date-pickers/date-picker-field.tsx
-function je({ rootRef: e, className: t, label: n, hint: i, error: a, triggerId: c, describedById: l, children: u }) {
+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,
@@ -380,11 +380,11 @@ function je({ rootRef: e, className: t, label: n, hint: i, error: a, triggerId:
 }
 //#endregion
 //#region src/components/base/date-pickers/date-picker-footer.tsx
-function Me({ 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 = S.useMemo(() => {
+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(C, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
+	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",
@@ -392,7 +392,7 @@ function Me({ config: e, output: t, hasSelection: n, autoSummary: i, className:
 				gap: "xs",
 				className: "date-picker-footer--summary",
 				children: [
-					!!d && !!m && !!i && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(s, {
+					!!d && !!m && !!i && /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(s, {
 						type: "secondary",
 						children: i
 					}), /* @__PURE__ */ w(s, {
@@ -429,10 +429,10 @@ function Me({ config: e, output: t, hasSelection: n, autoSummary: i, className:
 		})
 	})] });
 }
-Me.displayName = "DatePickerFooter";
+Ne.displayName = "DatePickerFooter";
 //#endregion
 //#region src/components/base/date-pickers/date-picker-header.tsx
-function Ne({ config: e, className: t }) {
+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),
@@ -462,24 +462,24 @@ function Ne({ config: e, className: t }) {
 		})
 	});
 }
-Ne.displayName = "DatePickerHeader";
+Pe.displayName = "DatePickerHeader";
 //#endregion
 //#region src/components/base/date-pickers/date-picker.recipes.ts
-function Pe(e) {
-	let { defaultScale: n } = t();
-	return te(e, n);
+function Fe(t) {
+	let { defaultScale: n } = e();
+	return te(t, n);
 }
-var Fe = {
+var Ie = {
 	sm: "w-control-sm",
 	md: "w-control",
 	lg: "w-control-lg"
 };
-function Ie(e, t = !1) {
-	return r(v(e), "justify-start", t && [Fe[e], "shrink-0 justify-center px-0"]);
+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 Le = {
+var Re = {
 	selectDate: "Select a date",
 	selectDates: "Select dates",
 	selectDateRange: "Select date range",
@@ -515,7 +515,7 @@ var Le = {
 	selectMonthYear: "Select month and year",
 	month: "Month",
 	year: "Year"
-}, Re = ce(`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-inner 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`, {
+}, 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",
@@ -531,13 +531,13 @@ var Le = {
 		variant: "default",
 		size: "default"
 	}
-}), ze = S.createContext({
+}), Be = x.createContext({
 	size: "default",
 	variant: "default",
 	spacing: 0,
 	orientation: "horizontal"
 });
-function Be({ className: e, variant: t, size: n, spacing: i = 0, orientation: a = "horizontal", children: o, ...s }) {
+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,
@@ -545,9 +545,9 @@ function Be({ className: e, variant: t, size: n, spacing: i = 0, orientation: a
 		"data-spacing": i,
 		"data-orientation": a,
 		style: { "--gap": i },
-		className: r("rounded-inner 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),
+		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(ze.Provider, {
+		children: /* @__PURE__ */ w(Be.Provider, {
 			value: {
 				variant: t,
 				size: n,
@@ -558,14 +558,14 @@ function Be({ className: e, variant: t, size: n, spacing: i = 0, orientation: a
 		})
 	});
 }
-function Ve({ className: e, children: t, variant: n = "default", size: i = "default", ...a }) {
-	let o = S.useContext(ze);
+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-inner group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-inner group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-inner group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-inner 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", Re({
+		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),
@@ -575,43 +575,43 @@ function Ve({ className: e, children: t, variant: n = "default", size: i = "defa
 }
 //#endregion
 //#region src/components/base/date-pickers/time-picker.tsx
-var He = {
+var Ue = {
 	placeholder: "Select time",
 	hours: "Hours",
 	minutes: "Minutes",
 	seconds: "Seconds",
 	am: "AM",
 	pm: "PM"
-}, X = [
+}, We = [
 	"hours",
 	"minutes",
 	"seconds"
-], Ue = "00", We = "12", Z = "--", Q = "aria-pressed:bg-primary aria-pressed:text-primary-foreground", Ge = {
+], 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 Ke(e) {
+function qe(e) {
 	return e.replace(/\D/g, "").slice(-2);
 }
 function $(e) {
 	return e.length === 0 ? "00" : e.length === 1 ? `0${e}` : e;
 }
-function qe(e, t) {
-	let n = t ? X : X.slice(0, 2), r = n.indexOf(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 Je(e, t) {
-	let n = t ? X : X.slice(0, 2), r = n.indexOf(e);
+function Ye(e, t) {
+	let n = t ? We : We.slice(0, 2), r = n.indexOf(e);
 	return r > 0 ? n[r - 1] : null;
 }
-function Ye(e, t) {
+function Xe(e, t) {
 	return t === "24" ? e : e % 12 || 12;
 }
-function Xe(e) {
+function Ze(e) {
 	return e >= 12 ? "PM" : "AM";
 }
-function Ze(e, t) {
+function Qe(e, t) {
 	return t === "12" ? {
 		...e,
 		period: e.period ?? "AM"
@@ -620,97 +620,97 @@ function Ze(e, t) {
 		period: void 0
 	};
 }
-function Qe(e) {
+function $e(e) {
 	return {
-		hours: Z,
-		minutes: Z,
-		seconds: e ? Z : void 0
+		hours: Q,
+		minutes: Q,
+		seconds: e ? Q : void 0
 	};
 }
-function $e(e, t) {
-	let n = t === "12" ? We : Ue;
+function et(e, t) {
+	let n = t === "12" ? Z : X;
 	return {
-		hours: e.hours === Z ? n : e.hours,
-		minutes: e.minutes === Z ? Ue : e.minutes,
-		seconds: e.seconds === Z ? Ue : e.seconds,
+		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 et(e, t, n) {
-	let r = le(e ?? void 0);
-	return r ? Ze(de(r, t, n), t) : Qe(n);
+function tt(e, t, n) {
+	let r = ue(e ?? void 0);
+	return r ? Qe(W(r, t, n), t) : $e(n);
 }
-var tt = S.forwardRef(function({ value: e, 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(He, m), { defaultScale: ae } = t(), x = te(u, ae), C = c === "seconds", [oe, se] = S.useState(!1), E = S.useMemo(() => C ? X : X.slice(0, 2), [C]), [D, ce] = S.useState(() => et(e, o, C)), k = S.useRef(D), A = S.useRef(!1), j = S.useRef(null), M = S.useCallback((e) => {
-		k.current = e, ce(e);
-	}, []), N = S.useRef({
+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
 	});
-	S.useEffect(() => {
-		if (A.current) {
-			A.current = !1;
+	x.useEffect(() => {
+		if (k.current) {
+			k.current = !1;
 			return;
 		}
-		j.current = null, M(et(e, o, C));
+		A.current = null, j(tt(t, o, C));
 	}, [
-		e,
+		t,
 		o,
 		C,
-		M
+		j
 	]);
-	let P = S.useCallback((e) => ue(e, C), [C]), F = S.useCallback((e) => {
-		A.current = !0;
-		let t = W($e(e, o), o, C);
-		i?.(P(fe(t, l, C)));
+	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,
-		P
-	]), I = S.useCallback((e) => {
-		let t = fe(W($e(e, o), o, C), l, C);
-		i?.(P(t)), M(Ze(de(t, o, C), o));
+		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,
-		P,
-		M
-	]), L = S.useCallback((e) => {
+		N,
+		j
+	]), I = x.useCallback((e) => {
 		if (!e) return;
-		let t = N.current[e];
+		let t = M.current[e];
 		t && (t.focus(), t.select());
-	}, []), R = S.useCallback((e, t) => {
-		let n = $e(k.current, o), r = j.current, i = r && r.key === e && r.typed.length === 1 ? `${r.typed}${t}` : String(t);
-		j.current = {
+	}, []), 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 = We) : a > 12 ? (c = Xe(a), s.hours = $(Ye(a, "12").toString())) : (s.hours = $(Math.min(Math.max(a, 1), 12).toString()), c = n.period ?? Xe(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()));
+		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
 		};
-		M(l), F(l);
+		j(l), P(l);
 	}, [
 		o,
-		M,
-		F
-	]), z = S.useCallback((e, t) => {
-		j.current = null;
-		let n = Ke(t), r = { ...$e(k.current, o) }, i = r.period ?? "AM";
+		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 = We, i = r.period ?? "AM") : n.length === 2 && e > 12 ? (i = Xe(e), r.hours = $(Ye(e, "12").toString())) : e === 0 ? (i = "AM", r.hours = We) : (r.hours = $(Math.min(Math.max(e, 1), 12).toString()), n.length === 2 && (i = r.period ?? Xe(e)));
+				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);
@@ -723,87 +723,87 @@ var tt = S.forwardRef(function({ value: e, onValueChange: i, mode: a = "inline",
 			...r,
 			period: o === "12" ? i : void 0
 		};
-		M(a), F(a);
+		j(a), P(a);
 	}, [
 		o,
-		M,
-		F
-	]), B = S.useCallback((e) => {
-		o === "12" && (j.current = null, I({
-			...$e(k.current, o),
+		j,
+		P
+	]), z = x.useCallback((e) => {
+		o === "12" && (A.current = null, F({
+			...et(O.current, o),
 			period: e
 		}));
-	}, [I, o]), V = S.useCallback(() => {
-		j.current = null, I(k.current);
-	}, [I]), H = S.useCallback((e) => {
-		j.current = null, e.target.select();
-	}, []), le = S.useCallback((e, t) => {
+	}, [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(), R(t, Number.parseInt(e.key, 10));
+			e.preventDefault(), L(t, Number.parseInt(e.key, 10));
 			return;
 		}
 		if (e.key === "ArrowRight") {
-			L(qe(t, C));
+			I(Je(t, C));
 			return;
 		}
 		if (e.key === "ArrowLeft") {
-			L(Je(t, C));
+			I(Ye(t, C));
 			return;
 		}
 		if (e.key === "Backspace") {
 			let n = e.currentTarget;
-			n.selectionStart === 0 && n.selectionEnd === 0 && L(Je(t, C));
+			n.selectionStart === 0 && n.selectionEnd === 0 && I(Ye(t, C));
 		}
 	}, [
-		R,
 		L,
+		I,
 		C
-	]), U = S.useMemo(() => {
+	]), ue = x.useMemo(() => {
 		if (o === "12") return D.period ? [D.period] : void 0;
-	}, [o, D.period]), G = {
+	}, [o, D.period]), U = {
 		hours: y.hours,
 		minutes: y.minutes,
 		seconds: y.seconds
-	}, K = /* @__PURE__ */ T("div", {
+	}, 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(S.Fragment, { children: [/* @__PURE__ */ w(b, {
+		children: [E.map((e, t) => /* @__PURE__ */ T(x.Fragment, { children: [/* @__PURE__ */ w(b, {
 			ref: (t) => {
-				N.current[e] = t;
+				M.current[e] = t;
 			},
 			id: e === "hours" && a === "inline" ? h : void 0,
-			value: D[e] ?? Z,
-			onChange: (t) => z(e, t.target.value),
-			onFocus: H,
-			onBlur: V,
-			onKeyDown: (t) => le(t, e),
+			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": G[e],
-			size: x,
-			className: r("time-picker--segment text-center", Ge[x])
+			"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(Be, {
-			value: U,
+		})] }, e)), o === "12" && /* @__PURE__ */ T(Ve, {
+			value: ue,
 			onValueChange: (e) => {
 				let t = e[0];
-				t && B(t);
+				t && z(t);
 			},
 			disabled: d,
 			variant: "outline",
-			size: x === "sm" ? "sm" : "default",
+			size: S === "sm" ? "sm" : "default",
 			className: "time-picker--period",
-			children: [/* @__PURE__ */ w(Ve, {
+			children: [/* @__PURE__ */ w(He, {
 				value: "AM",
 				"aria-label": y.am,
-				className: r(_[x], Q),
+				className: r(_[S], Ge),
 				children: /* @__PURE__ */ w(s, {
 					tag: "span",
 					size: "inherit",
@@ -812,10 +812,10 @@ var tt = S.forwardRef(function({ value: e, onValueChange: i, mode: a = "inline",
 					className: "text-inherit",
 					children: y.am
 				})
-			}), /* @__PURE__ */ w(Ve, {
+			}), /* @__PURE__ */ w(He, {
 				value: "PM",
 				"aria-label": y.pm,
-				className: r(_[x], Q),
+				className: r(_[S], Ge),
 				children: /* @__PURE__ */ w(s, {
 					tag: "span",
 					size: "inherit",
@@ -827,8 +827,8 @@ var tt = S.forwardRef(function({ value: e, onValueChange: i, mode: a = "inline",
 			})]
 		})]
 	});
-	if (a === "inline") return K;
-	let me = D.hours === Z && D.minutes === Z, he = me ? p ?? y.placeholder : pe(W($e(D, o), o, C), C, o, {
+	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
 	});
@@ -841,134 +841,134 @@ var tt = S.forwardRef(function({ value: e, onValueChange: i, mode: a = "inline",
 			"aria-expanded": oe,
 			"aria-invalid": f,
 			disabled: d,
-			className: r("time-picker--component", v(x), "justify-start", me && "text-muted-foreground", ee),
-			children: [/* @__PURE__ */ w(O, { className: "size-icon shrink-0" }), /* @__PURE__ */ w(s, {
+			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: he
+				children: ge
 			})]
 		}), /* @__PURE__ */ w(ie, {
 			className: "time-picker--panel w-auto",
 			align: "start",
-			children: K
+			children: me
 		})]
 	});
 });
-tt.displayName = "TimePicker";
+nt.displayName = "TimePicker";
 //#endregion
 //#region src/components/base/date-pickers/date-picker-single.tsx
-function nt({ 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 x = Pe(b.size), se = S.useId(), E = b.id ?? se, D = `${E}-description`, O = b.error !== void 0 && b.error !== null && b.error !== "", ce = O || !!b.invalid, k = O ? D : void 0, A = u?.format ?? "24", j = u?.step ?? 60, N = u?.showSeconds ?? !1, P = me(o), F = u?.showTimeInButton ?? !P, [I, L] = S.useState(() => e ?? t), [R, z] = S.useState(() => {
+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, N, j) : null;
-	}), B = S.useRef(e ?? t ?? void 0), V = S.useRef(!1), H = S.useRef(e !== void 0), de = S.useCallback((e, t) => {
-		let n = e, r = t ?? R;
+		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 ge(n, i, o, g);
+		return _e(n, i, o, g);
 	}, [
 		i,
 		o,
 		g,
 		u,
-		R
+		L
 	]);
-	S.useEffect(() => {
-		let r = !!u?.enabled, a = H.current, s = e !== void 0, c = (e, t) => {
-			let a = fe(U(e, N, j), j, N);
-			if (L((t) => t?.getTime?.() === e.getTime() ? t : e), z((e) => e && e.hours === a.hours && e.minutes === a.minutes && e.seconds === a.seconds ? e : a), B.current = e, V.current = !0, t && r) {
+	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?.(ge(t, i, o, g));
+				n?.(_e(t, i, o, g));
 			}
 		};
 		if (!r) {
-			V.current = !1, B.current = e ?? t ?? void 0, L(e ?? t), H.current = s;
+			B.current = !1, z.current = e ?? t ?? void 0, I(e ?? t), V.current = s;
 			return;
 		}
-		let l = B.current?.getTime?.(), d = e?.getTime?.();
-		if (!s && a && t === void 0 && (V.current = !1, B.current = void 0), e !== void 0 && d !== l) {
-			c(e, !1), H.current = s;
+		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() || !V.current) && c(t, !1), H.current = s;
+			(l !== t.getTime() || !B.current) && c(t, !1), V.current = s;
 			return;
 		}
-		if (e === void 0 && t === void 0 && !V.current) {
-			V.current = !0, H.current = s;
+		if (e === void 0 && t === void 0 && !B.current) {
+			B.current = !0, V.current = s;
 			return;
 		}
-		H.current = s;
+		V.current = s;
 	}, [
 		u?.enabled,
 		e,
 		t,
-		N,
 		j,
+		A,
 		n,
 		i,
 		o,
 		g
-	]), S.useEffect(() => {
-		u?.enabled && z((e) => {
+	]), x.useEffect(() => {
+		u?.enabled && R((e) => {
 			if (!e) return e;
-			let t = fe(e, j, N);
+			let t = fe(e, A, j);
 			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
 		});
 	}, [
 		u?.enabled,
-		j,
-		N
+		A,
+		j
 	]);
-	let W = S.useCallback((e) => {
-		L(e);
+	let W = x.useCallback((e) => {
+		I(e);
 		let t;
-		u?.enabled && e && (V.current = !0, B.current = e, R || (t = U(e, N, j), z(t))), n?.(de(e, t)), l && e && m(!1);
+		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,
-		de,
+		H,
 		l,
 		m,
 		u,
-		R,
-		N,
-		j
-	]), G = S.useCallback((e) => {
-		let t = le(e ?? void 0);
-		t && (z(t), I && n?.(de(I, t)));
+		L,
+		j,
+		A
+	]), G = x.useCallback((e) => {
+		let t = ue(e ?? void 0);
+		t && (R(t), F && n?.(H(F, t)));
 	}, [
-		I,
+		F,
 		n,
-		de
-	]), K = S.useMemo(() => {
-		if (u?.enabled && R) return pe(R, N, A, {
+		H
+	]), me = x.useMemo(() => {
+		if (u?.enabled && L) return pe(L, j, k, {
 			am: h.am,
 			pm: h.pm
 		});
 	}, [
 		u?.enabled,
-		R,
-		N,
-		A,
+		L,
+		j,
+		k,
 		h
-	]), he = S.useMemo(() => Ce(I, o, c, h.selectDate, F ? K : void 0, g), [
-		I,
+	]), he = x.useMemo(() => Ce(F, o, c, h.selectDate, P ? me : void 0, g), [
+		F,
 		o,
 		c,
 		h,
-		K,
-		F,
+		me,
+		P,
 		g
-	]), _e = S.useMemo(() => I ? M(I, o, { locale: g }) : void 0, [
-		I,
+	]), K = x.useMemo(() => F ? M(F, o, { locale: g }) : void 0, [
+		F,
 		o,
 		g
 	]);
-	return /* @__PURE__ */ w(je, {
+	return /* @__PURE__ */ w(Me, {
 		rootRef: te,
 		className: b.className,
 		label: b.label,
@@ -979,40 +979,44 @@ function nt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-
 		children: /* @__PURE__ */ T(re, {
 			open: p,
 			onOpenChange: m,
-			children: [/* @__PURE__ */ w(ne, { render: (e) => {
-				let t = Te(b.buttonTone, b.buttonStyle);
-				return /* @__PURE__ */ T(a, {
-					...e,
-					id: E,
-					tone: t.tone,
-					buttonStyle: t.buttonStyle,
-					size: x,
-					"aria-invalid": ce,
-					"aria-describedby": k,
-					className: r(Ie(x), !I && "text-muted-foreground", e.className),
-					disabled: b.disabled,
-					children: [/* @__PURE__ */ w(oe, {
-						className: y[x],
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ w(s, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "min-w-0 truncate text-inherit",
-						children: he
-					})]
-				});
-			} }), /* @__PURE__ */ T(ie, {
+			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(Ne, { config: b.header }),
-					/* @__PURE__ */ w(ke, {
+					!!b.header && /* @__PURE__ */ w(Pe, { config: b.header }),
+					/* @__PURE__ */ w(Ae, {
 						mode: "single",
-						selected: I,
+						selected: F,
 						onSelect: W,
-						defaultMonth: I,
+						defaultMonth: F,
 						numberOfMonths: b.numberOfMonths,
 						showOutsideDays: b.showOutsideDays,
 						disabled: d ?? b.disabled,
@@ -1022,16 +1026,16 @@ function nt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-
 						endMonth: v.endMonth,
 						...f
 					}),
-					!!u?.enabled && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
+					!!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(tt, {
-								value: R ? ue(R, N) : null,
+							children: /* @__PURE__ */ w(nt, {
+								value: L ? de(L, j) : null,
 								onValueChange: G,
-								format: A,
-								precision: N ? "seconds" : "minutes",
-								step: j,
+								format: k,
+								precision: j ? "seconds" : "minutes",
+								step: A,
 								disabled: b.disabled,
 								size: "sm",
 								strings: {
@@ -1044,11 +1048,11 @@ function nt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-
 							})
 						})
 					})] }),
-					!!b.footer && /* @__PURE__ */ w(Me, {
+					!!b.footer && /* @__PURE__ */ w(Ne, {
 						config: b.footer,
-						output: de(I),
-						hasSelection: !!I,
-						autoSummary: _e
+						output: H(F),
+						hasSelection: !!F,
+						autoSummary: K
 					})
 				]
 			})]
@@ -1057,84 +1061,88 @@ function nt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-
 }
 //#endregion
 //#region src/components/base/date-pickers/date-picker-multiple.tsx
-function rt({ 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, ...x }) {
-	let se = Pe(x.size), E = S.useId(), D = x.id ?? E, O = `${D}-description`, ce = x.error !== void 0 && x.error !== null && x.error !== "", k = ce || !!x.invalid, A = ce ? O : void 0, [j, M] = S.useState(e ?? t ?? []);
-	S.useEffect(() => {
-		e !== void 0 && M(e);
+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 N = S.useCallback((e) => _e(e, i, o, v), [
+	let M = x.useCallback((e) => q(e, i, o, v), [
 		i,
 		o,
 		v
-	]), P = S.useCallback((e) => {
+	]), N = x.useCallback((e) => {
 		let t = Array.isArray(e) ? e : e ? [e] : [];
-		M(t), n?.(N(t)), f && t.length > 0 && g(!1);
+		j(t), n?.(M(t)), f && t.length > 0 && g(!1);
 	}, [
 		n,
-		N,
+		M,
 		f,
 		g
-	]), F = S.useMemo(() => J(j, o, c, _.selectDates, _, v), [
-		j,
+	]), P = x.useMemo(() => Y(A, o, c, _.selectDates, _, v), [
+		A,
 		o,
 		c,
 		_,
 		v
-	]), I = S.useMemo(() => q(j, l, u, d, _), [
-		j,
+	]), F = x.useMemo(() => J(A, l, u, d, _), [
+		A,
 		l,
 		u,
 		d,
 		_
-	]), L = S.useMemo(() => j.length > 0 ? _.datesSelected(j.length) : void 0, [j.length, _]);
-	return /* @__PURE__ */ w(je, {
+	]), I = x.useMemo(() => A.length > 0 ? _.datesSelected(A.length) : void 0, [A.length, _]);
+	return /* @__PURE__ */ w(Me, {
 		rootRef: ae,
-		className: x.className,
-		label: x.label,
-		hint: x.hint,
-		error: x.error,
+		className: S.className,
+		label: S.label,
+		hint: S.hint,
+		error: S.error,
 		triggerId: D,
-		describedById: O,
+		describedById: ce,
 		children: /* @__PURE__ */ T(re, {
 			open: h,
 			onOpenChange: g,
-			children: [/* @__PURE__ */ w(ne, { render: (e) => {
-				let t = Te(x.buttonTone, x.buttonStyle);
-				return /* @__PURE__ */ T(a, {
-					...e,
-					id: D,
-					tone: t.tone,
-					buttonStyle: t.buttonStyle,
-					size: se,
-					"aria-invalid": k,
-					"aria-describedby": A,
-					className: r(Ie(se), j.length === 0 && "text-muted-foreground", e.className),
-					disabled: x.disabled,
-					children: [/* @__PURE__ */ w(oe, {
-						className: y[se],
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ w(s, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "min-w-0 truncate text-inherit",
-						children: F
-					})]
-				});
-			} }), /* @__PURE__ */ T(ie, {
+			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: [
-					!!x.header && /* @__PURE__ */ w(Ne, { config: x.header }),
-					/* @__PURE__ */ w(ke, {
+					!!S.header && /* @__PURE__ */ w(Pe, { config: S.header }),
+					/* @__PURE__ */ w(Ae, {
 						mode: "multiple",
-						selected: j,
-						onSelect: P,
-						defaultMonth: j[0],
-						numberOfMonths: x.numberOfMonths,
-						showOutsideDays: x.showOutsideDays,
-						disabled: p ?? x.disabled,
+						selected: A,
+						onSelect: N,
+						defaultMonth: A[0],
+						numberOfMonths: S.numberOfMonths,
+						showOutsideDays: S.showOutsideDays,
+						disabled: p ?? S.disabled,
 						locale: v,
 						captionLayout: te,
 						startMonth: b.startMonth,
@@ -1143,81 +1151,90 @@ function rt({ value: e, defaultValue: t, onValueChange: n, format: i = "yyyy-MM-
 						max: u,
 						...m
 					}),
-					!!I && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
+					!!F && /* @__PURE__ */ T(oe, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
 						className: "p-surface",
 						children: /* @__PURE__ */ w(s, {
 							type: "secondary",
-							children: I
+							children: F
 						})
 					})] }),
-					!!x.footer && /* @__PURE__ */ w(Me, {
-						config: x.footer,
-						output: N(j),
-						hasSelection: j.length > 0,
-						autoSummary: L
+					!!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 it({ value: t, 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: se, setOpen: E, t: D, dateFnsLocale: O, captionLayout: ce, yearBounds: k, rootRef: A, ...j }) {
-	let N = x(), P = j.numberOfMonths ?? (N ? 1 : 2), { weekStartsOn: F = 1 } = e(), I = v ?? Oe(D, F), L = Pe(j.size), R = S.useId(), z = j.id ?? R, B = `${z}-description`, V = j.error !== void 0 && j.error !== null && j.error !== "", H = V || !!j.invalid, de = V ? B : void 0, W = _?.format ?? "24", G = _?.step ?? 60, K = _?.showSeconds ?? !1, he = me(l), ge = _?.showTimeInButton ?? !he, _e = _?.showTimeInSummary ?? !he, be = t ?? n, [q, Ce] = S.useState(be), [J, Ee] = S.useState(() => be?.from ? U(be.from, K, G) : null), [Y, De] = S.useState(() => be?.to ? U(be.to, K, G) : null), Ae = S.useRef(t), Fe = S.useMemo(() => Se(q, m, h, D), [
+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,
-		D
-	]), Le = Fe != null && Fe !== "", Re = typeof Fe == "string" ? Fe : "";
-	S.useEffect(() => {
-		t !== void 0 && Ce(t);
-	}, [t]), S.useEffect(() => {
+		E
+	]), je = Oe != null && Oe !== "", Ie = typeof Oe == "string" ? Oe : "";
+	x.useEffect(() => {
+		e !== void 0 && be(e);
+	}, [e]), x.useEffect(() => {
 		if (!_?.enabled) {
-			Ae.current = t;
+			De.current = e;
 			return;
 		}
-		let e = Ae.current, n = t?.from, r = t?.to;
-		n ? Ee(U(n, K, G)) : e?.from && Ee(null), r ? De(U(r, K, G)) : e?.to && De(null), Ae.current = t;
+		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;
 	}, [
-		t,
+		e,
 		_?.enabled,
-		K,
-		G
-	]), S.useEffect(() => {
+		G,
+		W
+	]), x.useEffect(() => {
 		if (!_?.enabled) return;
 		let e = (e) => {
 			if (!e) return e;
-			let t = fe(e, G, K);
+			let t = fe(e, W, G);
 			return e.hours === t.hours && e.minutes === t.minutes && e.seconds === t.seconds ? e : t;
 		};
-		Ee(e), De(e);
+		Ce(e), Ee(e);
 	}, [
 		_?.enabled,
-		G,
-		K
+		W,
+		G
 	]);
-	let ze = S.useCallback((e) => {
+	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, O);
+		}), ve(t, c, l, D);
 	}, [
 		c,
 		l,
-		O,
+		D,
 		_,
 		J,
 		Y
-	]), Be = S.useCallback((e) => {
-		let t = le(e ?? void 0);
+	]), 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 = S.useCallback((e) => {
-		let t = le(e ?? void 0);
-		t && De(t);
-	}, []), He = S.useCallback((e, t, n) => t ? !n?.from || n.to ? {
+	}, []), Ve = x.useCallback((e, t, n) => t ? !n?.from || n.to ? {
 		from: t,
 		to: void 0
 	} : t < n.from ? {
@@ -1226,130 +1243,134 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 	} : {
 		from: n.from,
 		to: t
-	} : e, []), X = S.useCallback((e, t) => {
-		let n = He(e, t, q);
-		if (Ce(n), d || _?.enabled) return;
-		o?.(ze(n));
+	} : 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 && E(!1);
+		g && r && i && C(!1);
 	}, [
 		q,
-		He,
+		Ve,
 		d,
 		_,
 		o,
-		ze,
+		Re,
 		m,
 		h,
 		g,
-		E
-	]), Ue = S.useCallback((e) => {
+		C
+	]), Ue = x.useCallback((e) => {
 		let t = e.getValue();
-		X(t);
-	}, [X]), We = S.useCallback(() => {
-		o?.(ze(q)), E(!1);
+		He(t);
+	}, [He]), We = x.useCallback(() => {
+		o?.(Re(q)), C(!1);
 	}, [
 		q,
 		o,
-		ze,
-		E
-	]), Z = S.useMemo(() => {
-		if (_?.enabled && J) return pe(J, K, W, {
-			am: D.am,
-			pm: D.pm
+		Re,
+		C
+	]), X = x.useMemo(() => {
+		if (_?.enabled && J) return pe(J, G, H, {
+			am: E.am,
+			pm: E.pm
 		});
 	}, [
 		_?.enabled,
 		J,
-		K,
-		W,
-		D
-	]), Q = S.useMemo(() => {
-		if (_?.enabled && Y) return pe(Y, K, W, {
-			am: D.am,
-			pm: D.pm
+		G,
+		H,
+		E
+	]), Z = x.useMemo(() => {
+		if (_?.enabled && Y) return pe(Y, G, H, {
+			am: E.am,
+			pm: E.pm
 		});
 	}, [
 		_?.enabled,
 		Y,
-		K,
-		W,
-		D
-	]), Ge = S.useMemo(() => {
+		G,
+		H,
+		E
+	]), Q = x.useMemo(() => {
 		if (_?.enabled && q?.from) {
-			let e = M(q.from, l, { locale: O }), t = ge && Z ? `${e} ${Z}` : e;
+			let e = M(q.from, l, { locale: D }), t = he && X ? `${e} ${X}` : e;
 			if (q.to) {
-				let e = M(q.to, l, { locale: O });
-				return `${t} - ${ge && Q ? `${e} ${Q}` : e}`;
+				let e = M(q.to, l, { locale: D });
+				return `${t} - ${he && Z ? `${e} ${Z}` : e}`;
 			}
 			return t;
 		}
-		return we(q, l, u, D.selectDateRange, O);
+		return we(q, l, u, E.selectDateRange, D);
 	}, [
 		_?.enabled,
 		q,
 		l,
-		ge,
+		he,
+		X,
 		Z,
-		Q,
 		u,
-		D,
-		O
-	]), Ke = S.useMemo(() => {
+		E,
+		D
+	]), Ge = x.useMemo(() => {
 		if (!q?.from || !q?.to) return;
-		let e = M(q.from, l, { locale: O }), t = M(q.to, l, { locale: O });
-		return `${_e && Z ? `${e} ${Z}` : e} - ${_e && Q ? `${t} ${Q}` : t}`;
+		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,
-		O,
-		_e,
-		Z,
-		Q
+		D,
+		K,
+		X,
+		Z
 	]);
-	return /* @__PURE__ */ w(je, {
-		rootRef: A,
-		className: j.className,
-		label: j.label,
-		hint: j.hint,
-		error: j.error,
-		triggerId: z,
-		describedById: B,
+	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: se,
-			onOpenChange: E,
-			children: [/* @__PURE__ */ w(ne, { render: (e) => {
-				let t = Te(j.buttonTone, j.buttonStyle);
-				return /* @__PURE__ */ T(a, {
-					...e,
-					id: z,
-					tone: t.tone,
-					buttonStyle: t.buttonStyle,
-					size: L,
-					"aria-invalid": H,
-					"aria-describedby": de,
-					className: r(Ie(L), !q && "text-muted-foreground", e.className),
-					disabled: j.disabled,
-					children: [/* @__PURE__ */ w(oe, {
-						className: r(y[L], "shrink-0"),
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ w(s, {
-						tag: "span",
-						size: "inherit",
-						lineHeight: "tight",
-						className: "min-w-0 truncate text-inherit",
-						children: Ge
-					})]
-				});
-			} }), /* @__PURE__ */ T(ie, {
+			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: [!!j.header && /* @__PURE__ */ w(Ne, { config: j.header }), /* @__PURE__ */ T("div", {
+				children: [!!k.header && /* @__PURE__ */ w(Pe, { config: k.header }), /* @__PURE__ */ T("div", {
 					className: "flex flex-col sm:flex-row",
-					children: [I.length > 0 && /* @__PURE__ */ w("div", {
+					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: I.map((e) => /* @__PURE__ */ w(a, {
+						children: P.map((e) => /* @__PURE__ */ w(a, {
 							tone: "secondary",
 							buttonStyle: "ghost",
 							onClick: () => Ue(e),
@@ -1359,24 +1380,24 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 					}), /* @__PURE__ */ T("div", {
 						className: "flex flex-col",
 						children: [
-							/* @__PURE__ */ w(ke, {
+							/* @__PURE__ */ w(Ae, {
 								mode: "range",
 								selected: q,
-								onSelect: X,
+								onSelect: He,
 								defaultMonth: q?.from,
-								numberOfMonths: P,
-								showOutsideDays: j.showOutsideDays,
-								disabled: te ?? j.disabled,
-								locale: O,
+								numberOfMonths: j,
+								showOutsideDays: k.showOutsideDays,
+								disabled: te ?? k.disabled,
+								locale: D,
 								captionLayout: ce,
-								startMonth: k.startMonth,
-								endMonth: k.endMonth,
+								startMonth: le.startMonth,
+								endMonth: le.endMonth,
 								...b,
 								className: r(i.calendarCompactCell, b?.className)
 							}),
 							(() => {
-								let e = !!q?.from && !j.footer, t = !!_?.enabled && !!q?.from, n = !!(d || _?.enabled) && !j.footer;
-								return !e && !t && !Le && !n ? null : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(ee, {}), /* @__PURE__ */ w("div", {
+								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",
@@ -1393,11 +1414,11 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 													children: [/* @__PURE__ */ T(s, {
 														tag: "span",
 														type: "secondary",
-														children: [D.from, ":"]
+														children: [E.from, ":"]
 													}), /* @__PURE__ */ T(s, {
 														tag: "span",
 														weight: "medium",
-														children: [M(q.from, l, { locale: O }), _e && Z ? ` ${Z}` : ""]
+														children: [M(q.from, l, { locale: D }), K && X ? ` ${X}` : ""]
 													})]
 												}), !!q.to && /* @__PURE__ */ T(p, {
 													direction: "horizontal",
@@ -1406,11 +1427,11 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 													children: [/* @__PURE__ */ T(s, {
 														tag: "span",
 														type: "secondary",
-														children: [D.to, ":"]
+														children: [E.to, ":"]
 													}), /* @__PURE__ */ T(s, {
 														tag: "span",
 														weight: "medium",
-														children: [M(q.to, l, { locale: O }), _e && Q ? ` ${Q}` : ""]
+														children: [M(q.to, l, { locale: D }), K && Z ? ` ${Z}` : ""]
 													})]
 												})]
 											}),
@@ -1421,64 +1442,64 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 												},
 												gap: "lg",
 												children: [/* @__PURE__ */ w(ae, {
-													label: D.startTime,
-													children: /* @__PURE__ */ w(tt, {
-														value: J ? ue(J, K) : null,
-														onValueChange: Be,
-														format: W,
-														precision: K ? "seconds" : "minutes",
-														step: G,
-														disabled: j.disabled,
+													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: D.hours,
-															minutes: D.minutes,
-															seconds: D.seconds,
-															am: D.am,
-															pm: D.pm
+															hours: E.hours,
+															minutes: E.minutes,
+															seconds: E.seconds,
+															am: E.am,
+															pm: E.pm
 														}
 													})
 												}), !!q.to && /* @__PURE__ */ w(ae, {
-													label: D.endTime,
-													children: /* @__PURE__ */ w(tt, {
-														value: Y ? ue(Y, K) : null,
-														onValueChange: Ve,
-														format: W,
-														precision: K ? "seconds" : "minutes",
-														step: G,
-														disabled: j.disabled,
+													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: D.hours,
-															minutes: D.minutes,
-															seconds: D.seconds,
-															am: D.am,
-															pm: D.pm
+															hours: E.hours,
+															minutes: E.minutes,
+															seconds: E.seconds,
+															am: E.am,
+															pm: E.pm
 														}
 													})
 												})]
 											}),
 											/* @__PURE__ */ w(s, {
 												type: "error",
-												content: Re,
-												hidden: !Le
+												content: Ie,
+												hidden: !je
 											}),
 											n && /* @__PURE__ */ w(a, {
 												tone: "primary",
 												onClick: We,
-												disabled: !q?.from || !q?.to || !!Fe,
+												disabled: !q?.from || !q?.to || !!Oe,
 												className: "w-full",
-												children: D.confirm
+												children: E.confirm
 											})
 										]
 									})
 								})] });
 							})(),
-							!!j.footer && /* @__PURE__ */ w(Me, {
-								config: j.footer,
-								output: ze(q),
+							!!k.footer && /* @__PURE__ */ w(Ne, {
+								config: k.footer,
+								output: Re(q),
 								hasSelection: !!(q?.from && q?.to),
-								autoSummary: Ke
+								autoSummary: Ge
 							})
 						]
 					})]
@@ -1489,10 +1510,10 @@ function it({ value: t, defaultValue: n, onValueChange: o, format: c = "yyyy-MM-
 }
 //#endregion
 //#region src/components/base/date-pickers/date-picker.tsx
-var at = S.forwardRef(function(t, i) {
-	let [a, o] = S.useState(!1), s = e(), c = t.locale ?? s.locale ?? z, l = n(Le, t.strings), u = S.useMemo(() => t.enableYearDropdown || t.yearSelection?.enabled ? "dropdown" : "label", [t.enableYearDropdown, t.yearSelection]), d = S.useMemo(() => he(t.yearSelection), [t.yearSelection]), f = r("date-picker--component", t.className);
-	return Ee(t) ? /* @__PURE__ */ w(nt, {
-		...t,
+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,
@@ -1501,8 +1522,8 @@ var at = S.forwardRef(function(t, i) {
 		dateFnsLocale: c,
 		captionLayout: u,
 		yearBounds: d
-	}) : Y(t) ? /* @__PURE__ */ w(rt, {
-		...t,
+	}) : De(e) ? /* @__PURE__ */ w(it, {
+		...e,
 		rootRef: i,
 		className: f,
 		open: a,
@@ -1511,8 +1532,8 @@ var at = S.forwardRef(function(t, i) {
 		dateFnsLocale: c,
 		captionLayout: u,
 		yearBounds: d
-	}) : De(t) ? /* @__PURE__ */ w(it, {
-		...t,
+	}) : Oe(e) ? /* @__PURE__ */ w(ot, {
+		...e,
 		rootRef: i,
 		className: f,
 		open: a,
@@ -1523,8 +1544,8 @@ var at = S.forwardRef(function(t, i) {
 		yearBounds: d
 	}) : null;
 });
-at.displayName = "DatePicker";
+st.displayName = "DatePicker";
 //#endregion
-export { Ie as a, Me as c, Le as i, je as l, tt as n, Pe as o, He as r, Ne as s, at as t, Te as u };
+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-B2K3ucWn.js.map
+//# sourceMappingURL=date-picker-RlIzKom_.js.map