@stenajs-webui/calendar 20.14.0 → 20.14.1

package/dist/index.es.js

@@ -1,19 +1,19 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_1b766_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--modern-red);--swui-calendar-wrapper-selected-background: var(--modern-red);--swui-calendar-wrapper-range-border: var(--lhds-color-red-100);--swui-calendar-wrapper-range-background: var(--lhds-color-red-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-50);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1b766_1 table{border-spacing:0 4px}._calendar_1b766_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1._weekNumberVisible_1b766_41 tr td:nth-child(2),._calendar_1b766_1:not(._weekNumberVisible_1b766_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}._travelDateCell_1njsn_1{position:relative}._travelDateCell_1njsn_1._small_1njsn_4{width:40px;height:40px}._travelDateCell_1njsn_1._medium_1njsn_9{width:48px;height:48px}._travelDateCell_1njsn_1._large_1njsn_14{width:64px;height:64px}._travelDateCell_1njsn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_1njsn_1:focus{outline:none}._travelDateCell_1njsn_1:focus-visible ._outline_1njsn_26{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);top:0;bottom:0;left:0;right:0;z-index:10}._travelDateCell_1njsn_1:focus-visible ._contentWrapper_1njsn_39._contentWrapper_1njsn_39._contentWrapper_1njsn_39{border-color:transparent}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39{cursor:pointer;border-radius:var(--swui-max-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._disabled_1njsn_60{cursor:not-allowed}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isToday_1njsn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67,._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionEnd_1njsn_68{border-color:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67{background:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67 span{color:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionEnd_1njsn_68:not(._isSelectionStart_1njsn_67){background:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83{border-color:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83._startSelected_1njsn_86:not(._endSelected_1njsn_86):not(._isSelectionStart_1njsn_67){background:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83._startSelected_1njsn_86:not(._endSelected_1njsn_86):not(._isSelectionStart_1njsn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1xm0q_1._small_1xm0q_2{width:20px;height:40px}._travelDateCellBackground_1xm0q_1._medium_1xm0q_7{width:24px;height:48px}._travelDateCellBackground_1xm0q_1._large_1xm0q_12{width:32px;height:64px}._travelCalendar_18pjj_1{border-spacing:0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._travelCalendar_18pjj_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsx as o, jsxs as E, Fragment as Wt } from "react/jsx-runtime";
-import { Box as A, Text as Dt, Clickable as Te, Row as B, Spacing as Ve, Column as z, Heading as _t, exhaustSwitchCase as le, Space as yt, Indent as Tt, SeparatorLine as tn, parseIntElseUndefined as be, useBoolean as re, useDelayedFalse as se, useOnClickOutside as Ie } from "@stenajs-webui/core";
-import { FlatButton as G, stenaAngleDown as de, PrimaryButton as Mt, stenaAngleLeft as en, stenaAngleRight as nn, SecondaryButton as at, stenaAngleLeftDouble as rn, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as sn, TextInputButton as on, stenaCalendar as It, Icon as Re, stenaArrowWideRight as cn, stenaClock as xe, stenaAngleUp as an, CardBody as Ee } from "@stenajs-webui/elements";
-import { isAfter as q, eachDayOfInterval as _e, isSameDay as P, endOfMonth as Ne, startOfMonth as Ae, min as ln, addDays as J, max as dn, subDays as ut, format as j, getISOWeek as ue, getDate as Ct, startOfWeek as jt, addWeeks as un, getMonth as ft, getWeek as Le, getYear as Rt, getISODay as fn, addHours as Pe, isBefore as rt, parse as mt, addMonths as At, isSameMonth as st, addYears as hn, subMonths as fe, subYears as mn, setWeek as gn, isValid as pn } from "date-fns";
-import { enGB as zt, enUS as Dn, deAT as bn, de as we, fr as wn, es as yn, sv as Mn, pl as kn, da as Sn, nl as Tn, nb as In } from "date-fns/locale";
-import { last as Rn, startCase as xt, chunk as Ye, debounce as xn, padStart as En, range as he } from "lodash-es";
+import { jsx as o, jsxs as _, Fragment as vt } from "react/jsx-runtime";
+import { Box as A, Text as Dt, Clickable as Te, Row as H, Spacing as Ve, Column as C, Heading as _t, exhaustSwitchCase as le, Space as yt, Indent as Tt, SeparatorLine as tr, parseIntElseUndefined as be, useBoolean as ne, useDelayedFalse as se, useOnClickOutside as Ie } from "@stenajs-webui/core";
+import { FlatButton as J, stenaAngleDown as de, PrimaryButton as Mt, stenaAngleLeft as er, stenaAngleRight as rr, SecondaryButton as lt, stenaAngleLeftDouble as nr, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as sr, TextInputButton as ir, stenaCalendar as It, Icon as Re, stenaArrowWideRight as or, stenaClock as xe, stenaAngleUp as cr, CardBody as Ee } from "@stenajs-webui/elements";
+import { isAfter as K, eachDayOfInterval as _e, isSameDay as P, endOfMonth as Ne, startOfMonth as Ae, min as ar, addDays as z, max as lr, subDays as ut, format as v, getISOWeek as ue, getDate as Ct, startOfWeek as Wt, addWeeks as dr, getMonth as ft, getWeek as Le, getYear as Rt, getISODay as ur, addHours as Pe, isBefore as st, parse as mt, addMonths as At, isSameMonth as it, addYears as fr, subMonths as fe, subYears as hr, setWeek as mr, isValid as gr } from "date-fns";
+import { enGB as zt, enUS as pr, deAT as Dr, de as we, fr as br, es as wr, sv as yr, pl as Mr, da as kr, nl as Sr, nb as Tr } from "date-fns/locale";
+import { last as Ir, startCase as xt, chunk as Ye, debounce as Rr, padStart as xr, range as he } from "lodash-es";
 import * as me from "react";
-import { useMemo as x, useRef as W, useEffect as Z, useCallback as D, useId as ge, useState as I, useLayoutEffect as Be } from "react";
+import { useMemo as R, useRef as O, useEffect as Z, useCallback as b, useId as ge, useState as I, useLayoutEffect as Be } from "react";
 import gt from "classnames";
 import Zt from "@emotion/styled";
-import { TextInput as pt, TextInputBox as _n, LabelledTextInput as Nn } from "@stenajs-webui/forms";
-import { useTippyInstance as An, Popover as Lt } from "@stenajs-webui/tooltip";
+import { TextInput as pt, TextInputBox as Er, LabelledTextInput as _r } from "@stenajs-webui/forms";
+import { useTippyInstance as Nr, Popover as Lt } from "@stenajs-webui/tooltip";
 import { cssColor as Kt } from "@stenajs-webui/theme";
-import { useMaskedInput as Ln } from "@stenajs-webui/input-mask";
-const it = {
+import { useMaskedInput as Ar } from "@stenajs-webui/input-mask";
+const ot = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -27,81 +27,81 @@ const it = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, Et = (t = {}, e, n) => {
-  if (e && n && q(n, e))
-    return _e({ start: e, end: n }).reduce(
+}, Et = (t = {}, e, r) => {
+  if (e && r && K(r, e))
+    return _e({ start: e, end: r }).reduce(
       (s, i) => {
-        const c = P(i, e), a = P(i, n);
-        return lt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
+        const c = P(i, e), a = P(i, r);
+        return dt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
-  let r = t;
-  return e && (r = lt(r, e, ["selected", "singleSelected"])), n && (r = lt(r, n, ["selected", "singleSelected"])), r;
-}, Pn = (t = {}, e, n, r) => Yn(
+  let n = t;
+  return e && (n = dt(n, e, ["selected", "singleSelected"])), r && (n = dt(n, r, ["selected", "singleSelected"])), n;
+}, Lr = (t = {}, e, r, n) => Pr(
   t,
   e,
-  n,
-  Ae(r),
-  Ne(r)
-), Yn = (t = {}, e, n, r, s) => e && n ? Et(
+  r,
+  Ae(n),
+  Ne(n)
+), Pr = (t = {}, e, r, n, s) => e && r ? Et(
   t,
-  dn([e, ut(r, 1)]),
-  ln([n, J(s, 1)])
-) : Et(t, e, n), js = (t, e, n) => {
-  const r = j(e, it.yearAndMonth), s = ue(e), i = Ct(e);
+  lr([e, ut(n, 1)]),
+  ar([r, z(s, 1)])
+) : Et(t, e, r), Ws = (t, e, r) => {
+  const n = v(e, ot.yearAndMonth), s = ue(e), i = Ct(e);
   return {
     ...t,
-    [r]: {
-      ...t && t[r],
+    [n]: {
+      ...t && t[n],
       [s]: {
-        ...t && t[r] && t[r][s],
+        ...t && t[n] && t[n][s],
         [i]: {
-          ...t && t[r] && t[r][s] && t[r][s][i],
-          ...n
+          ...t && t[n] && t[n][s] && t[n][s][i],
+          ...r
         }
       }
     }
   };
-}, Us = (t, e, n) => {
-  const r = j(e, it.yearAndMonth), s = ue(e), i = Ct(e);
+}, js = (t, e, r) => {
+  const n = v(e, ot.yearAndMonth), s = ue(e), i = Ct(e);
   return {
     ...t,
-    [r]: {
-      ...t && t[r],
+    [n]: {
+      ...t && t[n],
       [s]: {
-        ...t && t[r] && t[r][s],
+        ...t && t[n] && t[n][s],
         [i]: {
-          ...t && t[r] && t[r][s] && t[r][s][i],
-          ...n(
-            t && t[r] && t[r][s] && t[r][s][i]
+          ...t && t[n] && t[n][s] && t[n][s][i],
+          ...r(
+            t && t[n] && t[n][s] && t[n][s][i]
           )
         }
       }
     }
   };
-}, lt = (t, e, n) => {
-  const r = e.getMonth() + 1, s = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, i = ue(e), c = Ct(e), a = t && t[s] && t[s][i] && t[s][i][c];
+}, dt = (t, e, r) => {
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = ue(e), c = Ct(e), a = t && t[s] && t[s][i] && t[s][i][c];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [c]: $e(a, n)
+        [c]: He(a, r)
       }
     }
   };
-}, $e = (t, e) => ({
+}, He = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), vs = (t, e, n) => {
-  const r = e.days[0].date, s = r.getMonth() + 1, i = `${r.getFullYear()}-${s < 10 ? "0" : ""}${s}`, c = e.weekNumber;
+}), Us = (t, e, r) => {
+  const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, c = e.weekNumber;
   let a = t;
   e.days.forEach((m) => {
-    a = lt(a, m.date, n);
+    a = dt(a, m.date, r);
   });
-  const l = a && a[i] ? a[i][c] : void 0, d = l && l.highlights ? [...l.highlights, ...n] : n, u = {
+  const l = a && a[i] ? a[i][c] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
     highlights: d
   };
@@ -112,108 +112,108 @@ const it = {
       [c]: u
     }
   };
-}, Bn = (t, e) => {
+}, Yr = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const n = e.days[0].date, r = (s = Rn(e.days)) == null ? void 0 : s.date;
+  const r = e.days[0].date, n = (s = Ir(e.days)) == null ? void 0 : s.date;
   return {
-    ...Et(t, n, r)
+    ...Et(t, r, n)
   };
-}, $n = (t, e) => x(() => t ? lt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var Hn = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(Hn || {}), On = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(On || {});
-const ye = (t, e, n, r) => {
+}, Br = (t, e) => R(() => t ? dt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var Hr = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(Hr || {}), $r = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))($r || {});
+const ye = (t, e, r, n) => {
   const s = [];
-  for (let i = 0; i < n; i++)
-    s.push(Jt(t, e + i, r));
+  for (let i = 0; i < r; i++)
+    s.push(Jt(t, e + i, n));
   return s;
-}, Jt = (t, e, n) => {
+}, Jt = (t, e, r) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
-  const r = t + Math.floor(e / 12), s = e % 12, i = new Date(r, s, 1);
+  const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: j(i, it.yearAndMonth),
+    monthString: v(i, ot.yearAndMonth),
     name: xt(
-      j(i, it.fullMonthName, { locale: n })
+      v(i, ot.fullMonthName, { locale: r })
     ),
-    year: r,
+    year: n,
     monthInYear: s,
-    weeks: Wn(r, s, n)
+    weeks: Or(n, s, r)
   };
-}, Wn = (t, e, n, r = !0) => {
-  const s = new Date(t, e, 1), i = jt(s, { locale: n }), c = [];
+}, Or = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = Wt(s, { locale: r }), c = [];
   for (let a = 0; a < 6; a++) {
-    const l = pe(un(i, a), n);
-    if (a > 0 && l.startMonth !== e && !r)
+    const l = pe(dr(i, a), r);
+    if (a > 0 && l.startMonth !== e && !n)
       return c;
     c.push(l);
   }
   return c;
 }, pe = (t, e) => {
-  const n = ft(J(t, 7)) !== ft(t);
+  const r = ft(z(t, 7)) !== ft(t);
   return {
     weekNumber: Le(t, { locale: e }),
     startMonth: ft(t),
     startYear: Rt(t),
-    endMonth: ft(J(t, 6)),
-    endYear: Rt(J(t, 6)),
-    days: Un(t, e),
-    isLastWeekOfMonth: n
+    endMonth: ft(z(t, 6)),
+    endYear: Rt(z(t, 6)),
+    days: Wr(t, e),
+    isLastWeekOfMonth: r
   };
-}, jn = (t, e) => {
-  const n = fn(t);
+}, vr = (t, e) => {
+  const r = ur(t);
   return {
     date: t,
-    name: j(t, "EEE", e ? { locale: e } : void 0),
-    fullName: j(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: j(Pe(t, 12), it.fullDate),
+    name: v(t, "EEE", e ? { locale: e } : void 0),
+    fullName: v(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: v(Pe(t, 12), ot.fullDate),
     weekNumber: Le(t, { locale: e }),
     year: Rt(t),
     month: ft(t),
     dayOfMonth: Ct(t),
-    dayOfWeek: n,
-    isFirstDayOfWeek: n === 1,
-    isLastDayOfWeek: n === 7,
+    dayOfWeek: r,
+    isFirstDayOfWeek: r === 1,
+    isLastDayOfWeek: r === 7,
     isFirstDayOfMonth: P(Ae(t), t),
     isLastDayOfMonth: P(Ne(t), t)
   };
-}, Un = (t, e) => _e({
+}, Wr = (t, e) => _e({
   start: t,
-  end: J(t, 6)
-}).map((n) => jn(n, e)), vn = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Fn = "_calendar_1b766_1", Cn = "_weekNumberVisible_1b766_41", Me = {
-  calendar: Fn,
-  weekNumberVisible: Cn
-}, zn = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), ct = (t, e, n, r, s) => {
-  if (n.length !== r.length)
+  end: z(t, 6)
+}).map((r) => vr(r, e)), jr = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Ur = "_calendar_1b766_1", Fr = "_weekNumberVisible_1b766_41", Me = {
+  calendar: Ur,
+  weekNumberVisible: Fr
+}, Cr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), at = (t, e, r, n, s) => {
+  if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
     );
-  if (n.length === 0)
+  if (r.length === 0)
     return s;
-  for (let i = 0; i < n.length; i++)
-    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && zn(
+  for (let i = 0; i < r.length; i++)
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Cr(
       t,
       e,
-      n[i]
+      r[i]
     ))
-      return r[i];
+      return n[i];
   return s;
-}, Kn = ({
+}, zr = ({
   selectedBackground: t,
   todayBackground: e,
-  rangeBackground: n,
-  borderColor: r = "transparent"
+  rangeBackground: r,
+  borderColor: n = "transparent"
 }) => (s, i, c, a, l) => ({
-  backgroundColor: ct(
+  backgroundColor: at(
     i,
     s,
     ["selected", "range", "today", c.month === l.monthInYear],
-    [t, n, e, "#fff"],
+    [t, r, e, "#fff"],
     "transparent"
   ),
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: ct(
+  borderColor: at(
     i,
     s,
     ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
@@ -224,9 +224,9 @@ const ye = (t, e, n, r) => {
       "var(--swui-calendar-wrapper-range-border)",
       "var(--lhds-color-ui-500)"
     ],
-    r
+    n
   ),
-  borderTopLeftRadius: ct(
+  borderTopLeftRadius: at(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -237,7 +237,7 @@ const ye = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderBottomLeftRadius: ct(
+  borderBottomLeftRadius: at(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -248,7 +248,7 @@ const ye = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderTopRightRadius: ct(
+  borderTopRightRadius: at(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -259,7 +259,7 @@ const ye = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderBottomRightRadius: ct(
+  borderBottomRightRadius: at(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -271,22 +271,22 @@ const ye = (t, e, n, r) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Jn = ({
+}), Kr = ({
   selectedColor: t,
   disabledColor: e,
-  inOtherMonthColor: n,
-  rangeTextColor: r
+  inOtherMonthColor: r,
+  rangeTextColor: n
 }) => (s, i, c, a, l) => {
   const d = c.month !== l.monthInYear;
   return {
-    color: ct(
+    color: at(
       i,
       s,
       [d, "selected", "range", "enabled", "disabled"],
       [
-        n,
-        t,
         r,
+        t,
+        n,
         void 0,
         e
       ]
@@ -305,12 +305,12 @@ const ye = (t, e, n, r) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: Kn({
+    tdStyle: zr({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Jn({
+    textProps: Kr({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -323,23 +323,23 @@ const ye = (t, e, n, r) => {
   ...bt,
   width: "37px",
   height: "37px"
-}, qn = ({
+}, Jr = ({
   onClickWeekDay: t,
   day: e,
-  theme: n
+  theme: r
 }) => {
-  const r = /* @__PURE__ */ o(
+  const n = /* @__PURE__ */ o(
     A,
     {
-      width: n.width,
-      height: n.height,
+      width: r.width,
+      height: r.height,
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
         Dt,
         {
           size: "small",
-          color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
+          color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
           children: e.name
         }
       )
@@ -351,13 +351,13 @@ const ye = (t, e, n, r) => {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
       disableFocusHighlight: !t,
-      children: r
+      children: n
     }
-  ) : r;
-}, He = function({
+  ) : n;
+}, $e = function({
   day: e,
-  week: n,
-  month: r,
+  week: r,
+  month: n,
   dayState: s,
   userData: i,
   onClickDay: c,
@@ -379,8 +379,8 @@ const ye = (t, e, n, r) => {
             d,
             s,
             e,
-            n,
             r,
+            n,
             i
           ),
           children: e.dayOfMonth
@@ -392,8 +392,8 @@ const ye = (t, e, n, r) => {
       d,
       s,
       e,
-      n,
       r,
+      n,
       i
     )
   }), f = Zt.div({
@@ -401,8 +401,8 @@ const ye = (t, e, n, r) => {
       d,
       s,
       e,
-      n,
       r,
+      n,
       i
     ),
     width: "100%",
@@ -412,24 +412,24 @@ const ye = (t, e, n, r) => {
       d,
       s,
       e,
-      n,
       r,
+      n,
       i
     ),
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = Gn(d, s);
+  }), g = qr(d, s);
   return /* @__PURE__ */ o(
     m,
     {
       onClick: g ? void 0 : (w) => c == null ? void 0 : c(e, i, w),
-      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { children: e.month === r.monthInYear && /* @__PURE__ */ E(Wt, { children: [
+      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { children: e.month === n.monthInYear && /* @__PURE__ */ _(vt, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
-            week: n,
-            month: r,
+            week: r,
+            month: n,
             day: e,
             dayState: s,
             theme: a,
@@ -440,21 +440,21 @@ const ye = (t, e, n, r) => {
       ] }) }) })
     }
   );
-}, Gn = (t, e) => !!ct(
+}, qr = (t, e) => !!at(
   e,
   t,
   ["disabled"],
   [!0],
   !1
-), Qn = ({
+), Gr = ({
   onClickWeek: t,
   theme: e,
-  week: n,
-  background: r,
+  week: r,
+  background: n,
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ E(
+  const c = /* @__PURE__ */ _(
     A,
     {
       width: e.width,
@@ -462,14 +462,14 @@ const ye = (t, e, n, r) => {
       justifyContent: "center",
       alignItems: "center",
       children: [
-        r && /* @__PURE__ */ o(A, { position: "absolute", children: r }),
-        /* @__PURE__ */ o(A, { position: "absolute", children: /* @__PURE__ */ E(
+        n && /* @__PURE__ */ o(A, { position: "absolute", children: n }),
+        /* @__PURE__ */ o(A, { position: "absolute", children: /* @__PURE__ */ _(
           Dt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
               i,
-              n.weekNumber
+              r.weekNumber
             ]
           }
         ) })
@@ -485,32 +485,32 @@ const ye = (t, e, n, r) => {
         Te,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
-          onClick: (a) => t(n, a),
+          onClick: (a) => t(r, a),
           disableFocusHighlight: !t,
           children: c
         }
       ) : c
     }
   );
-}, Xn = (t, e, n) => e && rt(t, e) ? P(t, e) : n && q(t, n) ? P(t, n) : !0, Zn = function({
+}, Qr = (t, e, r) => e && st(t, e) ? P(t, e) : r && K(t, r) ? P(t, r) : !0, Xr = function({
   dayComponent: e,
-  minDate: n,
-  maxDate: r,
+  minDate: r,
+  maxDate: n,
   dayState: s,
   day: i,
   ...c
 }) {
-  const a = x(
-    () => Xn(i.date, n, r) ? s : $e(s, ["disabled"]),
-    [i.date, s, r, n]
+  const a = R(
+    () => Qr(i.date, r, n) ? s : He(s, ["disabled"]),
+    [i.date, s, n, r]
   );
   return /* @__PURE__ */ o(e, { day: i, ...c, dayState: a });
 };
-function Vn({
+function Zr({
   month: t,
-  dayComponent: e = He,
-  statePerWeek: n,
-  userDataPerWeek: r,
+  dayComponent: e = $e,
+  statePerWeek: r,
+  userDataPerWeek: n,
   minDate: s,
   maxDate: i,
   onClickDay: c,
@@ -523,23 +523,23 @@ function Vn({
   theme: h = bt,
   extraDayContent: g,
   defaultHighlights: w,
-  showWeekNumber: y
+  showWeekNumber: k
 }) {
-  return /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ E(A, { alignItems: "stretch", children: [
-    /* @__PURE__ */ E(
-      B,
+  return /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ _(A, { alignItems: "stretch", children: [
+    /* @__PURE__ */ _(
+      H,
       {
         justifyContent: f ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            G,
+          /* @__PURE__ */ o(H, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
+            J,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
               rightIcon: de
             }
-          ) : /* @__PURE__ */ E(Dt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ _(Dt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
@@ -548,36 +548,36 @@ function Vn({
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ E("tbody", { children: [
-      /* @__PURE__ */ E("tr", { children: [
-        y && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(A, { width: h.width, height: h.height }) }),
-        t.weeks[0].days.map((b) => /* @__PURE__ */ o("td", { children: m ? m(b.name, h, l) : /* @__PURE__ */ o(
-          qn,
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ _("tbody", { children: [
+      /* @__PURE__ */ _("tr", { children: [
+        k && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(A, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((p) => /* @__PURE__ */ o("td", { children: m ? m(p.name, h, l) : /* @__PURE__ */ o(
+          Jr,
           {
-            day: b,
+            day: p,
             onClickWeekDay: l,
             theme: h
           }
-        ) }, b.name))
+        ) }, p.name))
       ] }),
-      t.weeks.map((b) => /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ E("tr", { children: [
-        y && /* @__PURE__ */ o("td", { children: u ? u(b, h, a) : /* @__PURE__ */ o(
-          Qn,
+      t.weeks.map((p) => /* @__PURE__ */ o(vt, { children: /* @__PURE__ */ _("tr", { children: [
+        k && /* @__PURE__ */ o("td", { children: u ? u(p, h, a) : /* @__PURE__ */ o(
+          Gr,
           {
-            week: b,
+            week: p,
             onClickWeek: a,
             theme: h
           }
         ) }),
-        b.days.map((M) => /* @__PURE__ */ o(
-          Zn,
+        p.days.map((y) => /* @__PURE__ */ o(
+          Xr,
           {
             dayComponent: e,
-            day: M,
-            week: b,
+            day: y,
+            week: p,
             month: t,
-            dayState: n && n[b.weekNumber] && n[b.weekNumber][M.dayOfMonth],
-            userData: r && r[b.weekNumber] && r[b.weekNumber][M.dayOfMonth],
+            dayState: r && r[p.weekNumber] && r[p.weekNumber][y.dayOfMonth],
+            userData: n && n[p.weekNumber] && n[p.weekNumber][y.dayOfMonth],
             onClickDay: c,
             theme: h,
             extraDayContent: g,
@@ -585,17 +585,17 @@ function Vn({
             minDate: s,
             maxDate: i
           },
-          M.dateString
+          y.dateString
         ))
-      ] }, b.weekNumber) }))
+      ] }, p.weekNumber) }))
     ] }) })
   ] }) });
 }
-function tr({
+function Vr({
   monthRows: t,
-  dayComponent: e = He,
-  userDataPerMonth: n,
-  statePerMonth: r,
+  dayComponent: e = $e,
+  userDataPerMonth: r,
+  statePerMonth: n,
   minDate: s,
   maxDate: i,
   onClickDay: c,
@@ -608,12 +608,12 @@ function tr({
   extraDayContent: h,
   defaultHighlights: g,
   showWeekNumber: w,
-  theme: y = bt
+  theme: k = bt
 }) {
-  const b = x(
+  const p = R(
     () => s ? mt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), M = x(
+  ), y = R(
     () => i ? mt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
@@ -624,122 +624,122 @@ function tr({
         Me.calendar,
         w && Me.weekNumberVisible
       ),
-      children: t.map((p, k) => /* @__PURE__ */ o(Ve, { children: /* @__PURE__ */ o(B, { gap: 2, children: p.map((T) => /* @__PURE__ */ o(
-        Vn,
+      children: t.map((D, M) => /* @__PURE__ */ o(Ve, { children: /* @__PURE__ */ o(H, { gap: 2, children: D.map((T) => /* @__PURE__ */ o(
+        Zr,
         {
           month: T,
           dayComponent: e,
-          userDataPerWeek: n && n[T.monthString],
-          statePerWeek: r && r[T.monthString],
+          userDataPerWeek: r && r[T.monthString],
+          statePerWeek: n && n[T.monthString],
           onClickDay: c,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
-          theme: y,
+          theme: k,
           renderWeekNumber: m,
           renderWeekDay: u,
           headerRightContent: f,
           extraDayContent: h,
           defaultHighlights: g,
-          minDate: b,
-          maxDate: M,
+          minDate: p,
+          maxDate: y,
           showWeekNumber: w ?? !1
         },
         T.name
-      )) }) }, k))
+      )) }) }, M))
     }
   );
 }
 function ie(t) {
-  const e = er(t.year, t.month, t.date), { year: n, month: r } = vn(
+  const e = tn(t.year, t.month, t.date), { year: r, month: n } = jr(
     e.year,
     e.month
-  ), s = nr(
-    n,
+  ), s = en(
     r,
+    n,
     t.locale ?? zt,
     t.numMonths,
     t.monthsPerRow
-  ), i = $n(
+  ), i = Br(
     t.highlightToday,
     t.statePerMonth
   );
   return /* @__PURE__ */ o(
-    tr,
+    Vr,
     {
-      year: n,
-      month: r,
+      year: r,
+      month: n,
       monthRows: s,
       ...t,
       statePerMonth: i
     }
   );
 }
-const er = (t, e, n) => {
+const tn = (t, e, r) => {
   if (e && t)
     return {
       month: e,
       year: t
     };
-  if (n)
+  if (r)
     return {
-      month: ft(n),
-      year: Rt(n)
+      month: ft(r),
+      year: Rt(r)
     };
-  const r = /* @__PURE__ */ new Date();
+  const n = /* @__PURE__ */ new Date();
   return {
-    month: ft(r),
-    year: Rt(r)
+    month: ft(n),
+    year: Rt(n)
   };
-}, nr = (t, e, n, r, s) => r == null ? [[Jt(t, e, n)]] : s == null ? [ye(t, e, r, n)] : Ye(ye(t, e, r, n), s), Oe = (t, e) => `${t.row}-${t.column}-${e}`, rr = (t, e, n, r) => {
+}, en = (t, e, r, n, s) => n == null ? [[Jt(t, e, r)]] : s == null ? [ye(t, e, n, r)] : Ye(ye(t, e, n, r), s), Oe = (t, e) => `${t.row}-${t.column}-${e}`, rn = (t, e, r, n) => {
   let s = e;
-  for (let i = 0; i < r; i++) {
-    s = sr(s, t, r);
-    const c = Oe(s, n);
+  for (let i = 0; i < n; i++) {
+    s = nn(s, t, n);
+    const c = Oe(s, r);
     if (document.getElementById(c))
       return c;
   }
-}, sr = (t, e, n) => {
-  let r = t.row, s = t.column;
-  return e === "ArrowLeft" ? s-- : e === "ArrowUp" ? r-- : e === "ArrowRight" ? s++ : e === "ArrowDown" && r++, s < 0 && (s = n - 1, r--), s > n - 1 && (s = 0, r++), {
+}, nn = (t, e, r) => {
+  let n = t.row, s = t.column;
+  return e === "ArrowLeft" ? s-- : e === "ArrowUp" ? n-- : e === "ArrowRight" ? s++ : e === "ArrowDown" && n++, s < 0 && (s = r - 1, n--), s > r - 1 && (s = 0, n++), {
     column: s,
-    row: r
+    row: n
   };
-}, ir = ({
+}, sn = ({
   month: t,
   onClick: e,
-  selected: n,
-  locale: r,
+  selected: r,
+  locale: n,
   autoFocus: s,
   monthPickerId: i,
   position: c,
   size: a
 }) => {
-  const l = x(
-    () => xt(j(t, "MMM", { locale: r })),
-    [r, t]
-  ), d = x(
-    () => xt(j(t, "MMMM", { locale: r })),
-    [r, t]
-  ), u = W(null), m = Oe(c, i), f = n ? 0 : -1;
+  const l = R(
+    () => xt(v(t, "MMM", { locale: n })),
+    [n, t]
+  ), d = R(
+    () => xt(v(t, "MMMM", { locale: n })),
+    [n, t]
+  ), u = O(null), m = Oe(c, i), f = r ? 0 : -1;
   Z(() => {
     var g;
     (g = u.current) == null || g.focus();
   }, []);
-  const h = D(
+  const h = b(
     (g) => {
-      var y;
-      const w = rr(
+      var k;
+      const w = rn(
         g.key,
         c,
         i,
         4
       );
-      w && ((y = document.getElementById(w)) == null || y.focus());
+      w && ((k = document.getElementById(w)) == null || k.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(B, { justifyContent: "center", onKeyDown: h, children: n ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(H, { justifyContent: "center", onKeyDown: h, children: r ? /* @__PURE__ */ o(
     Mt,
     {
       id: m,
@@ -753,7 +753,7 @@ const er = (t, e, n) => {
       tabIndex: f
     }
   ) : /* @__PURE__ */ o(
-    G,
+    J,
     {
       id: m,
       label: l,
@@ -763,8 +763,8 @@ const er = (t, e, n) => {
       tabIndex: f
     }
   ) });
-}, or = (t, e, n) => {
-  let r = t.getFullYear(), s = 0, i = 0, c = t;
+}, on = (t, e, r) => {
+  let n = t.getFullYear(), s = 0, i = 0, c = t;
   const a = {
     yearOrder: [],
     rows: [],
@@ -773,7 +773,7 @@ const er = (t, e, n) => {
     lastMonthRow: -1
   };
   for (let l = 0; l < e; l++) {
-    if (a.years[r] == null && (a.yearOrder.push(r), a.years[r] = { year: r, rows: [] }), a.rows[s] = a.rows[s] ?? {
+    if (a.years[n] == null && (a.yearOrder.push(n), a.years[n] = { year: n, rows: [] }), a.rows[s] = a.rows[s] ?? {
       columns: [],
       rowIndex: s
     }, a.rows[s].columns[i] = {
@@ -783,56 +783,56 @@ const er = (t, e, n) => {
       },
       month: c
     }, l === e - 1) {
-      a.years[r].rows.push(s);
+      a.years[n].rows.push(s);
       break;
     }
-    c = At(c, 1), c.getFullYear() !== r ? (a.years[r].rows.push(s), r++, i = 0, s++) : (i++, i > n - 1 && (a.years[r].rows.push(s), i = 0, s++));
+    c = At(c, 1), c.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, De = () => x(() => /* @__PURE__ */ new Date(), []), Pt = ({
+}, De = () => R(() => /* @__PURE__ */ new Date(), []), Pt = ({
   value: t,
   onValueChange: e,
-  locale: n = zt,
-  firstMonth: r,
+  locale: r = zt,
+  firstMonth: n,
   numMonths: s,
   onCancel: i,
   size: c = "medium"
 }) => {
-  const a = ge(), l = De(), d = s > 0 ? s : 12, [u, m] = I(!1), f = or(r, d, ar(c)), h = x(() => At(r, d), [d, r]);
+  const a = ge(), l = De(), d = s > 0 ? s : 12, [u, m] = I(!1), f = on(n, d, an(c)), h = R(() => At(n, d), [d, n]);
   Z(() => {
     m(!0);
   }, []);
-  const g = D(
+  const g = b(
     (w) => {
       w.key === "Escape" && (i == null || i(), w.preventDefault(), w.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ o(z, { gap: 1, maxWidth: cr(c), onKeyDown: g, children: f.yearOrder.map((w, y) => {
-    const { rows: b } = f.years[w];
-    return /* @__PURE__ */ E(me.Fragment, { children: [
-      (y !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: w }),
-      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: b.map((M) => {
-        const { columns: p } = f.rows[M];
-        return /* @__PURE__ */ o("tr", { children: p.map(({ month: k, position: T }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
-          ir,
+  return /* @__PURE__ */ o(C, { gap: 1, maxWidth: cn(c), onKeyDown: g, children: f.yearOrder.map((w, k) => {
+    const { rows: p } = f.years[w];
+    return /* @__PURE__ */ _(me.Fragment, { children: [
+      (k !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: w }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: p.map((y) => {
+        const { columns: D } = f.rows[y];
+        return /* @__PURE__ */ o("tr", { children: D.map(({ month: M, position: T }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+          sn,
           {
-            month: k,
-            firstAvailableMonth: r,
+            month: M,
+            firstAvailableMonth: n,
             lastAvailableMonth: h,
-            locale: n,
-            selected: t ? st(t, k) : !1,
+            locale: r,
+            selected: t ? it(t, M) : !1,
             autoFocus: u,
-            onClick: () => e == null ? void 0 : e(k),
+            onClick: () => e == null ? void 0 : e(M),
             monthPickerId: a,
             position: T,
             size: c
           }
-        ) }, k.getMonth())) }, M);
+        ) }, M.getMonth())) }, y);
       }) }) })
     ] }, w);
   }) });
-}, cr = (t) => {
+}, cn = (t) => {
   switch (t) {
     case "small":
       return "280px";
@@ -843,7 +843,7 @@ const er = (t, e, n) => {
     default:
       return le(t, "336px");
   }
-}, ar = (t) => {
+}, an = (t) => {
   switch (t) {
     case "small":
       return 3;
@@ -854,7 +854,7 @@ const er = (t, e, n) => {
     default:
       return le(t, 4);
   }
-}, lr = (t) => [
+}, ln = (t) => [
   {
     label: "Past",
     presets: [
@@ -867,48 +867,48 @@ const er = (t, e, n) => {
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: t, endDate: J(t, 2) },
-      { label: "Next 7 days", startDate: t, endDate: J(t, 6) },
-      { label: "Next 30 days", startDate: t, endDate: J(t, 29) },
-      { label: "Next 45 days", startDate: t, endDate: J(t, 44) }
+      { label: "Next 3 days", startDate: t, endDate: z(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: z(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: z(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: z(t, 44) }
     ]
   }
-], dr = ({
+], dn = ({
   onClickPreset: t
 }) => {
-  const [e, n] = I(0), r = x(() => lr(/* @__PURE__ */ new Date()), []), s = r[e] ?? r[0];
-  return /* @__PURE__ */ E(z, { children: [
-    /* @__PURE__ */ E(
-      B,
+  const [e, r] = I(0), n = R(() => ln(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ _(C, { children: [
+    /* @__PURE__ */ _(
+      H,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
           /* @__PURE__ */ o(
-            G,
+            J,
             {
               size: "small",
-              leftIcon: en,
+              leftIcon: er,
               disabled: e === 0,
-              onClick: () => n(e - 1)
+              onClick: () => r(e - 1)
             }
           ),
           /* @__PURE__ */ o(Dt, { children: s.label }),
           /* @__PURE__ */ o(
-            G,
+            J,
             {
               size: "small",
-              leftIcon: nn,
-              disabled: e === r.length - 1,
-              onClick: () => n(e + 1)
+              leftIcon: rr,
+              disabled: e === n.length - 1,
+              onClick: () => r(e + 1)
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ o(yt, {}),
-    /* @__PURE__ */ o(z, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ E(me.Fragment, { children: [
+    /* @__PURE__ */ o(C, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(me.Fragment, { children: [
       /* @__PURE__ */ o(
         Mt,
         {
@@ -919,21 +919,21 @@ const er = (t, e, n) => {
       /* @__PURE__ */ o(yt, {})
     ] }, i.label)) })
   ] });
-}, ur = function({
+}, un = function({
   locale: e,
-  dateInFocus: n,
-  setDateInFocus: r,
+  dateInFocus: r,
+  setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
   renderMonthPicker: c,
   ...a
 }) {
-  const l = D(
+  const l = b(
     (u) => {
-      r && r(u), i("calendar");
+      n && n(u), i("calendar");
     },
-    [r, i]
-  ), d = D(() => {
+    [n, i]
+  ), d = b(() => {
     i("month");
   }, [i]);
   switch (s) {
@@ -942,23 +942,23 @@ const er = (t, e, n) => {
         ie,
         {
           ...a,
-          date: n,
+          date: r,
           onClickMonth: d,
           locale: e
         }
       );
     case "month":
       return c ? c({
-        value: n,
+        value: r,
         onValueChange: l,
         locale: e,
         firstMonth: /* @__PURE__ */ new Date(),
         numMonths: 24,
-        dateInFocus: n
+        dateInFocus: r
       }) : /* @__PURE__ */ o(
         Pt,
         {
-          value: n,
+          value: r,
           onValueChange: l,
           locale: e,
           firstMonth: /* @__PURE__ */ new Date(),
@@ -966,7 +966,7 @@ const er = (t, e, n) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ o(dr, { onClickPreset: () => {
+      return /* @__PURE__ */ o(dn, { onClickPreset: () => {
       } });
     default:
       return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
@@ -977,18 +977,18 @@ const er = (t, e, n) => {
         }
       ) });
   }
-}, fr = (t, e, n, r) => {
-  const s = D(() => {
-    const l = At(t, n ?? r ?? 1);
+}, fn = (t, e, r, n) => {
+  const s = b(() => {
+    const l = At(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, n, r]), i = D(() => {
-    const l = hn(t, 1);
+  }, [e, t, r, n]), i = b(() => {
+    const l = fr(t, 1);
     e == null || e(l);
-  }, [e, t]), c = D(() => {
-    const l = fe(t, n ?? r ?? 1);
+  }, [e, t]), c = b(() => {
+    const l = fe(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, n, r]), a = D(() => {
-    const l = mn(t, 1);
+  }, [e, t, r, n]), a = b(() => {
+    const l = hr(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -997,79 +997,79 @@ const er = (t, e, n) => {
     nextYear: i,
     prevYear: a
   };
-}, hr = ({
+}, hn = ({
   children: t,
   prevMonth: e,
-  nextMonth: n,
-  prevYear: r,
+  nextMonth: r,
+  prevYear: n,
   nextYear: s
-}) => /* @__PURE__ */ E("div", { children: [
+}) => /* @__PURE__ */ _("div", { children: [
   t,
-  /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ E(B, { gap: 1, children: [
-    /* @__PURE__ */ o(at, { onClick: r, leftIcon: rn }),
-    /* @__PURE__ */ o(at, { onClick: e, leftIcon: Ft }),
+  /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ _(H, { gap: 1, children: [
+    /* @__PURE__ */ o(lt, { onClick: n, leftIcon: nr }),
+    /* @__PURE__ */ o(lt, { onClick: e, leftIcon: Ft }),
     /* @__PURE__ */ o(Tt, { num: 2 }),
-    /* @__PURE__ */ o(at, { onClick: n, leftIcon: Nt }),
-    /* @__PURE__ */ o(at, { onClick: s, leftIcon: sn })
+    /* @__PURE__ */ o(lt, { onClick: r, leftIcon: Nt }),
+    /* @__PURE__ */ o(lt, { onClick: s, leftIcon: sr })
   ] }) }),
   /* @__PURE__ */ o(yt, {})
-] }), mr = () => {
+] }), mn = () => {
 };
 function wt({
   monthSwitcherPlacement: t,
   theme: e = bt,
-  dateInFocus: n,
-  setDateInFocus: r,
+  dateInFocus: r,
+  setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: c = mr,
+  onSelectPreset: c = mn,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = fr(
-    n,
+  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = fn(
     r,
+    n,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (gr(
+  switch (gn(
     t,
     l.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ o(
-        hr,
+        hn,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
           nextYear: m,
           prevYear: f,
-          children: /* @__PURE__ */ o(ie, { ...l, theme: e, date: n })
+          children: /* @__PURE__ */ o(ie, { ...l, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
-        ur,
+      return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        un,
         {
           ...l,
           theme: e,
           renderMonthPicker: a,
-          dateInFocus: n,
-          setDateInFocus: r,
+          dateInFocus: r,
+          setDateInFocus: n,
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ E(B, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ _(H, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
-              at,
+              lt,
               {
                 onClick: u,
                 leftIcon: Ft
               }
             ),
             /* @__PURE__ */ o(
-              at,
+              lt,
               {
                 onClick: d,
                 leftIcon: Nt
@@ -1079,72 +1079,72 @@ function wt({
         }
       ) });
     default:
-      return /* @__PURE__ */ o(ie, { ...l, theme: e, date: n });
+      return /* @__PURE__ */ o(ie, { ...l, theme: e, date: r });
   }
 }
-const gr = (t, e) => t || (e || 1) > 1 ? "below" : "header", pr = (t) => ({
-  startDate: t.startDate ? j(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? j(t.endDate, "yyyy-MM-dd") : void 0
-}), Dr = ({
+const gn = (t, e) => t || (e || 1) > 1 ? "below" : "header", pn = (t) => ({
+  startDate: t.startDate ? v(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? v(t.endDate, "yyyy-MM-dd") : void 0
+}), Dn = ({
   startDate: t,
   endDate: e
 }) => {
-  const n = /* @__PURE__ */ new Date();
+  const r = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? mt(t, "yyyy-MM-dd", n) : void 0,
-    endDate: e ? mt(e, "yyyy-MM-dd", n) : void 0
+    startDate: t ? mt(t, "yyyy-MM-dd", r) : void 0,
+    endDate: e ? mt(e, "yyyy-MM-dd", r) : void 0
   };
-}, We = ({
+}, ve = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !P(t, e) && q(t, e)), je = (t) => We(t) ? {
+}) => !!(t && e && !P(t, e) && K(t, e)), We = (t) => ve(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Cs = (t) => t.startDate && t.endDate ? pr(
-  je(Dr(t))
-) : t, br = (t, e, n, r) => D(
+} : t, Cs = (t) => t.startDate && t.endDate ? pn(
+  We(Dn(t))
+) : t, bn = (t, e, r, n) => b(
   (s) => {
     const i = {
-      startDate: n === "startDate" ? s.date : t == null ? void 0 : t.startDate,
-      endDate: n === "endDate" ? s.date : t == null ? void 0 : t.endDate
+      startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
+      endDate: r === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    We(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(je(i));
+    ve(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(We(i));
   },
   [
-    n,
-    e,
     r,
+    e,
+    n,
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
 ), qt = (t) => {
-  const [e, n] = I("calendar"), r = D(
+  const [e, r] = I("calendar"), n = b(
     (s) => {
-      n(s), t == null || t(s);
+      r(s), t == null || t(s);
     },
     [t]
   );
   return {
     currentPanel: e,
-    setCurrentPanel: r
+    setCurrentPanel: n
   };
-}, wr = ({
+}, wn = ({
   focusedInput: t,
   value: e,
-  onValueChange: n,
-  setFocusedInput: r,
+  onValueChange: r,
+  setFocusedInput: n,
   statePerMonth: s,
   onChangePanel: i,
   initialDateInFocus: c
 }) => {
   const { currentPanel: a, setCurrentPanel: l } = qt(i), [d, u] = I(
     () => c ?? /* @__PURE__ */ new Date()
-  ), m = br(
+  ), m = bn(
     e,
-    n,
+    r,
     t,
-    r
-  ), f = x(
+    n
+  ), f = R(
     () => Et(
       s,
       e == null ? void 0 : e.startDate,
@@ -1162,36 +1162,36 @@ const gr = (t, e) => t || (e || 1) > 1 ? "below" : "header", pr = (t) => ({
   };
 };
 function zs(t) {
-  const e = wr(t);
+  const e = wn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
 const Ks = () => {
-  const [t, e] = I(), [n, r] = I(), [s, i] = I("startDate");
+  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
   return {
     startDate: t,
     setStartDate: e,
-    endDate: n,
-    setEndDate: r,
+    endDate: r,
+    setEndDate: n,
     focusedInput: s,
     setFocusedInput: i
   };
-}, yr = ({
+}, yn = ({
   onChange: t,
   value: e,
-  statePerMonth: n,
-  onChangePanel: r
+  statePerMonth: r,
+  onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = qt(r), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = b(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = x(
-    () => e ? lt(n, e, [
+  ), d = R(
+    () => e ? dt(r, e, [
       "selected",
       "singleSelected"
-    ]) : n,
-    [n, e]
+    ]) : r,
+    [r, e]
   );
   return {
     onClickDay: l,
@@ -1203,17 +1203,17 @@ const Ks = () => {
     setDateInFocus: a
   };
 };
-function Ue(t) {
-  const e = yr(t);
+function je(t) {
+  const e = yn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Mr = ({
+const Mn = ({
   onChange: t,
   value: e,
-  statePerMonth: n,
-  onChangePanel: r
+  statePerMonth: r,
+  onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = qt(r), [c, a] = I(() => /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(n), [c, a] = I(() => /* @__PURE__ */ new Date()), l = b(
     (u) => {
       if (!t)
         return;
@@ -1221,10 +1221,10 @@ const Mr = ({
       t(e && m ? e.filter((f) => !P(f, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = x(() => e ? e.reduce(
-    (u, m) => lt(u, m, ["selected"]),
-    n
-  ) : n, [n, e]);
+  ), d = R(() => e ? e.reduce(
+    (u, m) => dt(u, m, ["selected"]),
+    r
+  ) : r, [r, e]);
   return {
     onClickDay: l,
     statePerMonth: d,
@@ -1235,33 +1235,33 @@ const Mr = ({
   };
 };
 function Js(t) {
-  const e = Mr(t);
+  const e = Mn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const kr = ({
+const kn = ({
   onChange: t,
   value: e,
-  statePerMonth: n,
-  onChangePanel: r,
+  statePerMonth: r,
+  onChangePanel: n,
   locale: s = zt
 }) => {
   const [i, c] = I(() => {
     const h = Vt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = qt(r), d = D(
+  }), { currentPanel: a, setCurrentPanel: l } = qt(n), d = b(
     (h) => {
       t && t(ke(pe(h.date, s)));
     },
     [s, t]
-  ), u = D(
+  ), u = b(
     (h) => {
       t && t(ke(h));
     },
     [t]
-  ), m = x(() => {
+  ), m = R(() => {
     const h = Vt(e, s);
-    return h ? Bn(n, h) : n;
-  }, [e, s, n]), f = x(() => {
+    return h ? Yr(r, h) : r;
+  }, [e, s, r]), f = R(() => {
     const h = Vt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
@@ -1281,28 +1281,28 @@ const kr = ({
 }, Vt = (t, e) => {
   if (!t)
     return;
-  const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), i = /* @__PURE__ */ new Date();
+  const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
-  const c = jt(gn(i, r), { locale: e });
+  const c = Wt(mr(i, n), { locale: e });
   return pe(c, e);
 };
 function qs(t) {
-  const e = kr(t);
+  const e = kn(t);
   return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Yt = "bottom", ve = () => {
-  const [t, e] = An();
+const Yt = "bottom", Ue = () => {
+  const [t, e] = Nr();
   return {
-    onChangePanel: D(() => {
-      var r, s;
-      (s = (r = e.current) == null ? void 0 : r.popperInstance) == null || s.update();
+    onChangePanel: b(() => {
+      var n, s;
+      (s = (n = e.current) == null ? void 0 : n.popperInstance) == null || s.update();
     }, [e]),
     tippyRef: t
   };
-}, Sr = (t, e, n) => {
-  const [r, s] = I(n || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
+}, Sn = (t, e, r) => {
+  const [n, s] = I(r || !1), i = b(() => (s(!0), !0), [s]), c = b(() => {
     s(!1), e && e();
-  }, [s, e]), a = D(
+  }, [s, e]), a = b(
     (l) => {
       t && t(l), setTimeout(c, 150);
     },
@@ -1311,14 +1311,14 @@ const Yt = "bottom", ve = () => {
   return {
     showCalendar: i,
     hideCalendar: c,
-    showingCalendar: r,
+    showingCalendar: n,
     onSelectDate: a
   };
 }, Bt = "2999-12-31", Gs = ({
-  displayFormat: t = it.fullDate,
+  displayFormat: t = ot.fullDate,
   placeholder: e = "Enter date",
-  value: n,
-  zIndex: r = 100,
+  value: r,
+  zIndex: n = 100,
   calendarTheme: s = bt,
   calendarProps: i,
   openOnMount: c,
@@ -1331,27 +1331,27 @@ const Yt = "bottom", ve = () => {
   maxDate: h = Bt,
   disabled: g
 }) => {
-  const { hideCalendar: w, showingCalendar: y, onSelectDate: b, showCalendar: M } = Sr(l, a, c), { tippyRef: p, onChangePanel: k } = ve();
+  const { hideCalendar: w, showingCalendar: k, onSelectDate: p, showCalendar: y } = Sn(l, a, c), { tippyRef: D, onChangePanel: M } = Ue();
   return /* @__PURE__ */ o(A, { width: m, children: /* @__PURE__ */ o(
     Lt,
     {
       arrow: !1,
       lazy: !0,
-      visible: y,
+      visible: k,
       onClickOutside: w,
       placement: Yt,
-      zIndex: r,
+      zIndex: n,
       appendTo: d ?? "parent",
-      tippyRef: p,
+      tippyRef: D,
       disabled: g,
       content: /* @__PURE__ */ o(
-        Ue,
+        je,
         {
           ...i,
-          onChange: b,
-          value: n,
+          onChange: p,
+          value: r,
           theme: s,
-          onChangePanel: k,
+          onChangePanel: M,
           minDate: f,
           maxDate: h
         }
@@ -1360,9 +1360,9 @@ const Yt = "bottom", ve = () => {
         pt,
         {
           type: "date",
-          onFocus: M,
-          buttonRight: /* @__PURE__ */ o(on, { onClick: M, icon: It }),
-          value: n ? j(n, t) : "",
+          onFocus: y,
+          buttonRight: /* @__PURE__ */ o(ir, { onClick: y, icon: It }),
+          value: r ? v(r, t) : "",
           placeholder: e,
           size: 9,
           disabled: g,
@@ -1374,22 +1374,22 @@ const Yt = "bottom", ve = () => {
       )
     }
   ) });
-}, Tr = (t, e) => {
-  const n = W(null), r = W(null), [s, i] = I(!1), [c, a] = I(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
+}, Tn = (t, e) => {
+  const r = O(null), n = O(null), [s, i] = I(!1), [c, a] = I(void 0), l = b(() => (a("startDate"), i(!0), !0), [a, i]), d = b(() => (a("endDate"), i(!0), !0), [a, i]), u = b(() => {
     i(!1);
-  }, [i]), m = D(
+  }, [i]), m = b(
     (h) => {
       c === "startDate" ? (e == null || e({
         startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
-      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), r.current && r.current.focus())) : c === "endDate" && (e == null || e({
+      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), n.current && n.current.focus())) : c === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
         endDate: h.date
-      }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), n.current && n.current.focus()));
+      }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), r.current && r.current.focus()));
     },
     [c, e, a, u, t]
-  ), f = x(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && q(t.startDate, t.endDate),
+  ), f = R(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && K(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1399,17 +1399,17 @@ const Yt = "bottom", ve = () => {
     showCalendarStartDate: l,
     focusedInput: c,
     setFocusedInput: a,
-    startDateInputRef: n,
-    endDateInputRef: r,
+    startDateInputRef: r,
+    endDateInputRef: n,
     onClickDay: m,
     startDateIsAfterEnd: f
   };
 };
 function Qs({
-  displayFormat: t = it.fullDate,
+  displayFormat: t = ot.fullDate,
   placeholderStartDate: e = "Start date",
-  placeholderEndDate: n = "End date",
-  portalTarget: r,
+  placeholderEndDate: r = "End date",
+  portalTarget: n,
   value: s,
   onValueChange: i,
   zIndex: c = 100,
@@ -1422,17 +1422,17 @@ function Qs({
 }) {
   const [h, g] = I("calendar"), {
     hideCalendar: w,
-    showCalendarEndDate: y,
-    showCalendarStartDate: b,
-    showingCalendar: M,
-    focusedInput: p,
-    startDateInputRef: k,
+    showCalendarEndDate: k,
+    showCalendarStartDate: p,
+    showingCalendar: y,
+    focusedInput: D,
+    startDateInputRef: M,
     endDateInputRef: T,
-    onClickDay: L,
+    onClickDay: Y,
     startDateIsAfterEnd: N
-  } = Tr(s, i), [R, Y] = I(
-    () => (p && (s == null ? void 0 : s[p])) ?? /* @__PURE__ */ new Date()
-  ), S = x(
+  } = Tn(s, i), [x, L] = I(
+    () => (D && (s == null ? void 0 : s[D])) ?? /* @__PURE__ */ new Date()
+  ), S = R(
     () => Et(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
     [s]
   );
@@ -1442,37 +1442,37 @@ function Qs({
       arrow: !1,
       lazy: !0,
       disabled: f,
-      visible: M,
+      visible: y,
       zIndex: c,
       placement: Yt,
-      appendTo: r ?? "parent",
+      appendTo: n ?? "parent",
       onClickOutside: w,
       content: /* @__PURE__ */ o(
         wt,
         {
           ...d,
-          dateInFocus: R,
-          setDateInFocus: Y,
+          dateInFocus: x,
+          setDateInFocus: L,
           statePerMonth: S,
           theme: l,
-          onClickDay: L,
+          onClickDay: Y,
           currentPanel: h,
           setCurrentPanel: g,
           minDate: u,
           maxDate: m
         }
       ),
-      children: /* @__PURE__ */ E(B, { alignItems: "center", children: [
+      children: /* @__PURE__ */ _(H, { alignItems: "center", children: [
         /* @__PURE__ */ o(
           pt,
           {
             iconLeft: It,
-            onFocus: b,
-            value: s != null && s.startDate ? j(s.startDate, t) : "",
+            onFocus: p,
+            value: s != null && s.startDate ? v(s.startDate, t) : "",
             placeholder: e,
             width: a,
             disabled: f,
-            inputRef: k,
+            inputRef: M,
             size: 9,
             variant: N ? "error" : void 0
           }
@@ -1481,7 +1481,7 @@ function Qs({
         /* @__PURE__ */ o(
           Re,
           {
-            icon: cn,
+            icon: or,
             color: Kt("--lhds-color-ui-500"),
             size: 14
           }
@@ -1491,9 +1491,9 @@ function Qs({
           pt,
           {
             iconLeft: It,
-            onFocus: y,
-            value: s != null && s.endDate ? j(s.endDate, t) : "",
-            placeholder: n,
+            onFocus: k,
+            value: s != null && s.endDate ? v(s.endDate, t) : "",
+            placeholder: r,
             width: a,
             disabled: f,
             inputRef: T,
@@ -1508,8 +1508,8 @@ function Qs({
 const Xs = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: n = it.fullDate,
-  disableCalender: r = !1,
+  dateFormat: r = ot.fullDate,
+  disableCalender: n = !1,
   onValueChange: s,
   placeholder: i = "yyyy-mm-dd",
   portalTarget: c,
@@ -1523,39 +1523,39 @@ const Xs = ({
   variant: g,
   ...w
 }) => {
-  const [y, b] = I(!1), { tippyRef: M, onChangePanel: p } = ve(), k = D(() => {
-    b(!y);
-  }, [b, y]), T = D(() => {
-    b(!1);
-  }, [b]), L = D(
+  const [k, p] = I(!1), { tippyRef: y, onChangePanel: D } = Ue(), M = b(() => {
+    p(!k);
+  }, [p, k]), T = b(() => {
+    p(!1);
+  }, [p]), Y = b(
     ($) => {
       s && s($);
     },
     [s]
-  ), N = D(
+  ), N = b(
     ($) => {
-      $ && (L(j($, n)), e && setTimeout(() => b(!y), 200));
+      $ && (Y(v($, r)), e && setTimeout(() => p(!k), 200));
     },
-    [L, n, e, b, y]
-  ), R = !!a && !/^[-/\\.0-9]+$/.test(a), Y = !!a && pn(mt(a, n, /* @__PURE__ */ new Date())), U = !!a && a.length >= n.length && !Y || R;
+    [Y, r, e, p, k]
+  ), x = !!a && !/^[-/\\.0-9]+$/.test(a), L = !!a && gr(mt(a, r, /* @__PURE__ */ new Date())), W = !!a && a.length >= r.length && !L || x;
   return /* @__PURE__ */ o(A, { width: l, children: /* @__PURE__ */ o(
     Lt,
     {
       arrow: !1,
       lazy: !0,
-      visible: y,
+      visible: k,
       zIndex: d,
       appendTo: c ?? "parent",
       placement: Yt,
       onClickOutside: T,
-      tippyRef: M,
+      tippyRef: y,
       content: /* @__PURE__ */ o(
-        Ue,
+        je,
         {
           ...t,
           onChange: N,
-          onChangePanel: p,
-          value: a && Y ? mt(a, n, /* @__PURE__ */ new Date()) : void 0,
+          onChangePanel: D,
+          value: a && L ? mt(a, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: f,
           maxDate: h,
           theme: u
@@ -1565,18 +1565,18 @@ const Xs = ({
         pt,
         {
           ...w,
-          variant: U ? "error" : g,
+          variant: W ? "error" : g,
           disableContentPaddingRight: !0,
-          contentRight: m ? void 0 : /* @__PURE__ */ o(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            G,
+          contentRight: m ? void 0 : /* @__PURE__ */ o(H, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            J,
             {
               size: "small",
-              disabled: w.disabled || r,
+              disabled: w.disabled || n,
               leftIcon: It,
-              onClick: k
+              onClick: M
             }
           ) }),
-          onValueChange: L,
+          onValueChange: Y,
           placeholder: i,
           value: a || "",
           min: f,
@@ -1586,7 +1586,7 @@ const Xs = ({
       )
     }
   ) });
-}, Ut = (t) => {
+}, jt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1602,7 +1602,7 @@ const Xs = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, vt = (t) => {
+}, Ut = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1618,19 +1618,19 @@ const Xs = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Ir = (t) => {
+}, In = (t) => {
   if (!oe(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const n = Ut(e[0]), r = vt(e[1]);
-      return { time: `${n}:${r}`, success: !0 };
+      const r = jt(e[0]), n = Ut(e[1]);
+      return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
     }
   else if (e && e.length === 1) {
-    let n = 0, r = 0;
+    let r = 0, n = 0;
     switch (t.length) {
       case 1:
         return { time: `0${t}:00`, success: !0 };
@@ -1639,12 +1639,12 @@ const Xs = ({
         return s >= 0 && s < 24 ? { time: `${t}:00`, success: !0 } : s >= 24 && s < 59 ? { time: `00:${t}`, success: !0 } : { time: t, success: !1 };
       }
       case 3:
-        return r = parseInt(t.substring(1, 3), 10), r >= 0 && r <= 59 ? {
+        return n = parseInt(t.substring(1, 3), 10), n >= 0 && n <= 59 ? {
           time: `0${t.substring(0, 1)}:${t.substring(1, 3)}`,
           success: !0
         } : { time: t, success: !1 };
       case 4:
-        return n = parseInt(t.substring(0, 2), 10), r = parseInt(t.substring(2, 4), 10), n < 0 || n > 23 ? { time: t, success: !1 } : r < 0 || r > 59 ? { time: t, success: !1 } : {
+        return r = parseInt(t.substring(0, 2), 10), n = parseInt(t.substring(2, 4), 10), r < 0 || r > 23 ? { time: t, success: !1 } : n < 0 || n > 59 ? { time: t, success: !1 } : {
           time: `${t.substring(0, 2)}:${t.substring(2, 4)}`,
           success: !0
         };
@@ -1656,18 +1656,18 @@ const Xs = ({
 }, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Zs = ({
   onValueChange: t,
   showPlaceholder: e = !0,
-  useIcon: n = !0,
-  value: r,
+  useIcon: r = !0,
+  value: n,
   width: s = "85px",
   variant: i,
   ...c
 }) => {
-  const [a, l] = I(() => oe(r)), d = "hh:mm", u = D(() => {
-    if (r) {
-      const f = Ir(r);
+  const [a, l] = I(() => oe(n)), d = "hh:mm", u = b(() => {
+    if (n) {
+      const f = In(n);
       l(f.success), f.success && t && t(f.time);
     }
-  }, [r, t, l]), m = D(
+  }, [n, t, l]), m = b(
     (f) => {
       const h = f.target.value, g = oe(h);
       l(g && h.length <= d.length), t && t(h);
@@ -1680,8 +1680,8 @@ const Xs = ({
       ...c,
       type: "time",
       variant: a ? i : "error",
-      iconLeft: n ? xe : void 0,
-      value: r,
+      iconLeft: r ? xe : void 0,
+      value: n,
       placeholder: e ? d : void 0,
       onChange: m,
       onBlur: u,
@@ -1691,8 +1691,8 @@ const Xs = ({
 }, Fe = ({
   autoFocusLeft: t,
   autoFocusRight: e,
-  onEsc: n,
-  onEnter: r,
+  onEsc: r,
+  onEnter: n,
   onValueChangeLeft: s,
   onValueChangeRight: i,
   separatorIcon: c,
@@ -1705,107 +1705,107 @@ const Xs = ({
   valueLeft: h,
   valueRight: g,
   minLeft: w,
-  maxLeft: y,
-  minRight: b,
-  maxRight: M,
-  onClickLeft: p,
-  onClickRight: k,
+  maxLeft: k,
+  minRight: p,
+  maxRight: y,
+  onClickLeft: D,
+  onClickRight: M,
   onClickCalendar: T,
-  onClickArrowDown: L,
+  onClickArrowDown: Y,
   onBlurLeft: N,
-  onBlurRight: R,
-  onFocusLeft: Y,
+  onBlurRight: x,
+  onFocusLeft: L,
   onFocusRight: S,
-  inputRefLeft: U,
+  inputRefLeft: W,
   inputRefRight: $,
-  variant: v,
+  variant: j,
   variantLeft: F,
-  variantRight: K,
-  onBlur: C,
-  showPresets: V,
-  widthLeft: Q,
-  widthRight: tt,
-  disabled: O
+  variantRight: V,
+  onBlur: U,
+  showPresets: rt,
+  widthLeft: q,
+  widthRight: G,
+  disabled: Q
 }) => {
-  const _ = W(0), H = x(
-    () => xn((nt) => {
-      nt === 0 && (C == null || C());
+  const E = O(0), B = R(
+    () => Rr((nt) => {
+      nt === 0 && (U == null || U());
     }, 10),
-    [C]
-  ), et = D(
+    [U]
+  ), tt = b(
     (nt) => {
-      _.current++, H(_.current), Y && Y(nt);
+      E.current++, B(E.current), L && L(nt);
     },
-    [Y, _, H]
-  ), dt = D(
+    [L, E, B]
+  ), et = b(
     (nt) => {
-      _.current++, H(_.current), S && S(nt);
+      E.current++, B(E.current), S && S(nt);
     },
-    [S, _, H]
-  ), $t = D(
+    [S, E, B]
+  ), Ht = b(
     (nt) => {
-      _.current--, H(_.current), N && N(nt);
+      E.current--, B(E.current), N && N(nt);
     },
-    [N, _, H]
-  ), Ze = D(
+    [N, E, B]
+  ), Ze = b(
     (nt) => {
-      _.current--, H(_.current), R && R(nt);
+      E.current--, B(E.current), x && x(nt);
     },
-    [R, _, H]
+    [x, E, B]
   );
-  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ E(
-    _n,
+  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ _(
+    Er,
     {
       disableContentPaddingRight: !0,
-      disabled: O,
-      variant: v,
-      contentRight: /* @__PURE__ */ E(B, { alignItems: "center", children: [
+      disabled: Q,
+      variant: j,
+      contentRight: /* @__PURE__ */ _(H, { alignItems: "center", children: [
         /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
-          G,
+          J,
           {
             leftIcon: It,
             onClick: T,
-            disabled: O,
+            disabled: Q,
             size: "small"
           }
         ) }),
-        V ? /* @__PURE__ */ E(Wt, { children: [
-          /* @__PURE__ */ o(B, { height: "22px", children: /* @__PURE__ */ o(tn, { vertical: !0 }) }),
+        rt ? /* @__PURE__ */ _(vt, { children: [
+          /* @__PURE__ */ o(H, { height: "22px", children: /* @__PURE__ */ o(tr, { vertical: !0 }) }),
           /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
-            G,
+            J,
             {
               leftIcon: de,
-              onClick: L,
-              disabled: O,
+              onClick: Y,
+              disabled: Q,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(A, { width: Q, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(A, { width: q, children: /* @__PURE__ */ o(
           pt,
           {
-            onEsc: n,
-            onEnter: r,
-            onClick: p,
-            disabled: O,
+            onEsc: r,
+            onEnter: n,
+            onClick: D,
+            disabled: Q,
             hideBorder: !0,
             placeholder: a,
             value: h,
             onValueChange: s,
             onChange: m,
-            onBlur: $t,
-            onFocus: et,
-            inputRef: U,
+            onBlur: Ht,
+            onFocus: tt,
+            inputRef: W,
             variant: F,
             type: d,
             autoFocus: t,
             min: w,
-            max: y
+            max: k
           }
         ) }),
-        /* @__PURE__ */ o(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(H, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
           Re,
           {
             icon: c,
@@ -1813,32 +1813,32 @@ const Xs = ({
             color: Kt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(A, { width: tt, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(A, { width: G, children: /* @__PURE__ */ o(
           pt,
           {
-            onEsc: n,
-            onEnter: r,
-            onClick: k,
-            disabled: O,
+            onEsc: r,
+            onEnter: n,
+            onClick: M,
+            disabled: Q,
             hideBorder: !0,
             placeholder: l,
             value: g,
             onValueChange: i,
             onChange: f,
             onBlur: Ze,
-            onFocus: dt,
+            onFocus: et,
             inputRef: $,
-            variant: K,
+            variant: V,
             type: u,
             autoFocus: e,
-            min: b,
-            max: M
+            min: p,
+            max: y
           }
         ) })
       ]
     }
   ) });
-}, Rr = (t) => {
+}, Rn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1850,24 +1850,24 @@ const Xs = ({
     throw new Error("Invalid time.");
   if (e[0].length < 1 || e[0].length > 2)
     throw new Error("Invalid time.");
-  const n = parseInt(e[0], 10), r = parseInt(e[1], 10);
-  if (isNaN(n))
-    throw new Error("Invalid time.");
+  const r = parseInt(e[0], 10), n = parseInt(e[1], 10);
   if (isNaN(r))
     throw new Error("Invalid time.");
-  if (n < 0 || n > 23)
+  if (isNaN(n))
+    throw new Error("Invalid time.");
+  if (r < 0 || r > 23)
     throw new Error("Invalid time.");
-  if (r < 0 || r > 59)
+  if (n < 0 || n > 59)
     throw new Error("Invalid time.");
-  return n * 100 + r;
-}, xr = (t) => {
+  return r * 100 + n;
+}, xn = (t) => {
   try {
-    return Rr(t), !0;
+    return Rn(t), !0;
   } catch {
     return !1;
   }
 }, Ot = (t) => {
-  if (t && xr(t)) {
+  if (t && xn(t)) {
     const e = t.split(":");
     return {
       hour: be(e[0]),
@@ -1878,43 +1878,43 @@ const Xs = ({
     hour: void 0,
     minute: void 0
   };
-}, Er = (t) => `${Ut(String(t.getHours()))}:${vt(
+}, En = (t) => `${jt(String(t.getHours()))}:${Ut(
   String(t.getMinutes())
-)}`, _r = "_timePicker_1w05d_1", Nr = "_timePickerColumn_1w05d_6", Ce = {
-  timePicker: _r,
-  timePickerColumn: Nr
-}, Ar = ({
+)}`, _n = "_timePicker_1w05d_1", Nn = "_timePickerColumn_1w05d_6", Ce = {
+  timePicker: _n,
+  timePickerColumn: Nn
+}, An = ({
   onClick: t,
   item: e,
-  selected: n,
-  columnRef: r,
+  selected: r,
+  columnRef: n,
   canScrollRef: s
 }) => {
-  const i = W(null);
+  const i = O(null);
   return Z(
     function() {
-      if (n && r.current && i.current && s.current) {
+      if (r && n.current && i.current && s.current) {
         const a = i.current.scrollHeight * Math.max(e - 2, 0);
-        r.current.scrollTo(0, a), s.current = !1;
+        n.current.scrollTo(0, a), s.current = !1;
       }
     },
-    [r, e, n, s]
+    [n, e, r, s]
   ), /* @__PURE__ */ o(
-    B,
+    H,
     {
       width: "64px",
       justifyContent: "center",
       spacing: 0.5,
       indent: 0.5,
       ref: i,
-      children: n ? /* @__PURE__ */ o(
+      children: r ? /* @__PURE__ */ o(
         Mt,
         {
-          label: En(String(e), 2, "0"),
+          label: xr(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ o(
-        G,
+        J,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1925,69 +1925,69 @@ const Xs = ({
 }, Se = ({
   onClick: t,
   items: e,
-  selectedItem: n,
-  canScrollRef: r
+  selectedItem: r,
+  canScrollRef: n
 }) => {
-  const s = W(null);
-  return /* @__PURE__ */ o(z, { className: Ce.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
-    Ar,
+  const s = O(null);
+  return /* @__PURE__ */ o(C, { className: Ce.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
+    An,
     {
       item: i,
       onClick: t,
-      selected: i === n,
+      selected: i === r,
       columnRef: s,
-      canScrollRef: r
+      canScrollRef: n
     },
     i
   )) });
-}, Lr = he(0, 24), Pr = he(0, 60), Yr = ({
+}, Ln = he(0, 24), Pn = he(0, 60), Yn = ({
   value: t,
   onValueChange: e
 }) => {
-  const n = W(!0), [r, s] = I(void 0), [i, c] = I(void 0);
+  const r = O(!0), [n, s] = I(void 0), [i, c] = I(void 0);
   Z(() => {
     if (t) {
       const { minute: d, hour: u } = Ot(t);
       s(u), c(d);
     }
   }, [t]);
-  const a = D(
+  const a = b(
     (d) => {
       s(d), e == null || e(
-        `${Ut(String(d ?? 0))}:${vt(String(i ?? 0))}`
+        `${jt(String(d ?? 0))}:${Ut(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), l = D(
+  ), l = b(
     (d) => {
       c(d), e == null || e(
-        `${Ut(String(r ?? 0))}:${vt(String(d ?? 0))}`
+        `${jt(String(n ?? 0))}:${Ut(String(d ?? 0))}`
       );
     },
-    [r, e]
+    [n, e]
   );
-  return /* @__PURE__ */ E(B, { className: Ce.timePicker, children: [
+  return /* @__PURE__ */ _(H, { className: Ce.timePicker, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        items: Lr,
+        items: Ln,
         onClick: a,
-        selectedItem: r,
-        canScrollRef: n
+        selectedItem: n,
+        canScrollRef: r
       }
     ),
     /* @__PURE__ */ o(Tt, {}),
     /* @__PURE__ */ o(
       Se,
       {
-        items: Pr,
+        items: Pn,
         onClick: l,
         selectedItem: i,
-        canScrollRef: n
+        canScrollRef: r
       }
     )
   ] });
-}, Br = (t, e, n) => {
+}, Bn = (t, e, r) => {
   Z(
     function() {
       t && e(t);
@@ -1995,15 +1995,15 @@ const Xs = ({
     [t, e]
   ), Z(
     function() {
-      n.current && (t ? n.current.valueAsDate = new Date(
+      r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
-      ) : n.current.valueAsDate = null);
+      ) : r.current.valueAsDate = null);
     },
-    [t, n]
+    [t, r]
   );
-}, $r = (t, e, {
-  setDateInFocus: n,
-  showCalendarInternal: r,
+}, Hn = (t, e, {
+  setDateInFocus: r,
+  showCalendarInternal: n,
   hideCalendarInternal: s,
   setFirstFocusedInput: i,
   setCurrentPanel: c,
@@ -2012,61 +2012,61 @@ const Xs = ({
   localDate: d,
   setLocalDate: u
 }, m) => {
-  const f = D(
-    (M) => {
-      if (!M)
+  const f = b(
+    (y) => {
+      if (!y)
         return;
-      const p = new Date(M);
+      const D = new Date(y);
       if (t)
-        p.setHours(t.getHours()), p.setMinutes(t.getMinutes()), e == null || e(p), u(void 0);
+        D.setHours(t.getHours()), D.setMinutes(t.getMinutes()), e == null || e(D), u(void 0);
       else if (a) {
-        const { minute: k, hour: T } = Ot(a);
-        p.setHours(T ?? 0), p.setMinutes(k ?? 0), e == null || e(p), u(void 0);
+        const { minute: M, hour: T } = Ot(a);
+        D.setHours(T ?? 0), D.setMinutes(M ?? 0), e == null || e(D), u(void 0);
       } else
-        u(p);
-      n(p), m.current && (m.current.valueAsDate = new Date(
-        Date.UTC(p.getFullYear(), p.getMonth(), p.getDate())
+        u(D);
+      r(D), m.current && (m.current.valueAsDate = new Date(
+        Date.UTC(D.getFullYear(), D.getMonth(), D.getDate())
       ));
     },
-    [t, m, a, e, n, u]
-  ), h = D(
-    (M) => {
-      if (M)
+    [t, m, a, e, r, u]
+  ), h = b(
+    (y) => {
+      if (y)
         if (t) {
-          const p = Ot(M), k = new Date(t);
-          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), l(void 0);
+          const D = Ot(y), M = new Date(t);
+          M.setHours(D.hour || 0), M.setMinutes(D.minute || 0), e == null || e(M), l(void 0);
         } else if (d) {
-          const p = Ot(M), k = new Date(d);
-          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), l(void 0);
+          const D = Ot(y), M = new Date(d);
+          M.setHours(D.hour || 0), M.setMinutes(D.minute || 0), e == null || e(M), l(void 0);
         } else
-          l(M);
+          l(y);
     },
     [e, t, d, l]
-  ), g = D(
-    (M) => {
-      M.target.value[0] !== "0" && f(M.target.valueAsDate);
+  ), g = b(
+    (y) => {
+      y.target.value[0] !== "0" && f(y.target.valueAsDate);
     },
     [f]
-  ), w = D(
-    (M) => h(M.target.value),
+  ), w = b(
+    (y) => h(y.target.value),
     [h]
-  ), y = D(() => {
-    n(t || /* @__PURE__ */ new Date()), c("calendar"), r();
-  }, [t, c, r, n]), b = D(() => {
+  ), k = b(() => {
+    r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
+  }, [t, c, n, r]), p = b(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
     inputRightChangeHandler: w,
-    hideCalendar: b,
-    showCalendar: y,
+    hideCalendar: p,
+    showCalendar: k,
     onChangeTime: h,
     onChangeDate: f
   };
-}, Hr = (t) => {
-  const [e, n] = I(void 0), [r, s] = I(void 0), [i, c, a] = re(!1), [l, d, u] = re(!1), [m, f] = I(void 0), [h, g] = I(
+}, $n = (t) => {
+  const [e, r] = I(void 0), [n, s] = I(void 0), [i, c, a] = ne(!1), [l, d, u] = ne(!1), [m, f] = I(void 0), [h, g] = I(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [w, y] = I("calendar");
+  ), [w, k] = I("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
@@ -2076,46 +2076,46 @@ const Xs = ({
     dateInFocus: h,
     setDateInFocus: g,
     currentPanel: w,
-    setCurrentPanel: y,
+    setCurrentPanel: k,
     isTimePickerVisible: l,
     showTimePicker: d,
     hideTimePicker: u,
     localDate: e,
-    setLocalDate: n,
-    localTime: r,
+    setLocalDate: r,
+    localTime: n,
     setLocalTime: s
   };
-}, Or = (t, e, n, r, {
+}, On = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: c,
   hideTimePicker: a
 }) => {
-  const l = D(() => {
-    s || n(), i("calendar"), a();
-  }, [a, s, i, n]), d = D(() => {
-    r(), c();
-  }, [r, c]), u = D(
+  const l = b(() => {
+    s || r(), i("calendar"), a();
+  }, [a, s, i, r]), d = b(() => {
+    n(), c();
+  }, [n, c]), u = b(
     (g) => {
-      t(g.date), r(), c();
+      t(g.date), n(), c();
     },
-    [t, r, c]
-  ), m = D(() => {
-    i("presets"), n();
-  }, [i, n]), f = D(() => {
+    [t, n, c]
+  ), m = b(() => {
+    i("presets"), r();
+  }, [i, r]), f = b(() => {
     var g;
-    s ? r() : ((g = e.current) == null || g.focus(), i("calendar"), n());
+    s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
   }, [
     s,
-    r,
+    n,
     e,
     i,
-    n
-  ]), h = D(
+    r
+  ]), h = b(
     (g) => {
-      g.key === "Escape" && r();
+      g.key === "Escape" && n();
     },
-    [r]
+    [n]
   );
   return {
     onFocusLeft: l,
@@ -2128,8 +2128,8 @@ const Xs = ({
 }, Vs = ({
   value: t,
   onValueChange: e,
-  onEnter: n,
-  onEsc: r,
+  onEnter: r,
+  onEsc: n,
   onBlur: s,
   autoFocus: i,
   minDate: c,
@@ -2139,50 +2139,50 @@ const Xs = ({
   variant: u,
   disabled: m
 }) => {
-  const f = W(null), h = W(null), g = Hr(t), {
+  const f = O(null), h = O(null), g = $n(t), {
     setCurrentPanel: w,
-    currentPanel: y,
-    isCalendarVisible: b,
-    dateInFocus: M,
-    setDateInFocus: p,
-    isTimePickerVisible: k,
+    currentPanel: k,
+    isCalendarVisible: p,
+    dateInFocus: y,
+    setDateInFocus: D,
+    isTimePickerVisible: M,
     hideTimePicker: T,
-    localTime: L,
+    localTime: Y,
     localDate: N
   } = g, {
-    showCalendar: R,
-    hideCalendar: Y,
+    showCalendar: x,
+    hideCalendar: L,
     inputLeftChangeHandler: S,
-    inputRightChangeHandler: U,
+    inputRightChangeHandler: W,
     onChangeTime: $,
-    onChangeDate: v
-  } = $r(t, e, g, f), {
+    onChangeDate: j
+  } = Hn(t, e, g, f), {
     onKeyDownHandler: F,
-    onFocusRight: K,
-    onFocusLeft: C,
-    onClickDay: V,
-    onClickCalendarButton: Q,
-    onClickArrowButton: tt
-  } = Or(
-    v,
+    onFocusRight: V,
+    onFocusLeft: U,
+    onClickDay: rt,
+    onClickCalendarButton: q,
+    onClickArrowButton: G
+  } = On(
+    j,
     f,
-    R,
-    Y,
+    x,
+    L,
     g
   );
-  Br(t, p, f);
-  const O = x(() => {
-    const $t = t || N;
-    return $t ? lt(void 0, $t, [
+  Bn(t, D, f);
+  const Q = R(() => {
+    const Ht = t || N;
+    return Ht ? dt(void 0, Ht, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [N, t]), _ = D(() => {
-    Y(), T();
-  }, [Y, T]), H = x(
-    () => t ? Er(t) : L,
-    [t, L]
-  ), et = se(b, 300), dt = se(k, 300);
+  }, [N, t]), E = b(() => {
+    L(), T();
+  }, [L, T]), B = R(
+    () => t ? En(t) : Y,
+    [t, Y]
+  ), tt = se(p, 300), et = se(M, 300);
   return /* @__PURE__ */ o(A, { onKeyDown: F, children: /* @__PURE__ */ o(
     Lt,
     {
@@ -2190,37 +2190,37 @@ const Xs = ({
       lazy: !0,
       disabled: m,
       placement: Yt,
-      visible: b || k,
-      onClickOutside: _,
-      content: (et || dt) && /* @__PURE__ */ o(z, { children: et ? /* @__PURE__ */ o(
+      visible: p || M,
+      onClickOutside: E,
+      content: (tt || et) && /* @__PURE__ */ o(C, { children: tt ? /* @__PURE__ */ o(
         wt,
         {
-          statePerMonth: O,
-          onClickDay: V,
-          dateInFocus: M,
-          setDateInFocus: p,
-          currentPanel: y,
+          statePerMonth: Q,
+          onClickDay: rt,
+          dateInFocus: y,
+          setDateInFocus: D,
+          currentPanel: k,
           setCurrentPanel: w,
           minDate: c,
           maxDate: d
         }
-      ) : dt ? /* @__PURE__ */ E(z, { children: [
-        /* @__PURE__ */ o(z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
-          Yr,
+      ) : et ? /* @__PURE__ */ _(C, { children: [
+        /* @__PURE__ */ o(C, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+          Yn,
           {
-            value: H ?? "",
+            value: B ?? "",
             onValueChange: $
           }
         ) }),
         /* @__PURE__ */ o(yt, {}),
-        /* @__PURE__ */ o(B, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Mt, { label: "Done", onClick: T }) })
+        /* @__PURE__ */ o(H, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Mt, { label: "Done", onClick: T }) })
       ] }) : null }),
       children: /* @__PURE__ */ o(
         Fe,
         {
           autoFocusLeft: i,
-          onEsc: r,
-          onEnter: n,
+          onEsc: n,
+          onEnter: r,
           onBlur: s,
           disabled: m,
           separatorIcon: xe,
@@ -2229,16 +2229,16 @@ const Xs = ({
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
           onChangeLeft: S,
-          onChangeRight: U,
-          onClickArrowDown: tt,
-          onClickCalendar: Q,
-          onFocusLeft: C,
-          onFocusRight: K,
-          onClickLeft: C,
-          onClickRight: K,
+          onChangeRight: W,
+          onClickArrowDown: G,
+          onClickCalendar: q,
+          onFocusLeft: U,
+          onFocusRight: V,
+          onClickLeft: U,
+          onClickRight: V,
           inputRefLeft: f,
           inputRefRight: h,
-          valueRight: H ?? "",
+          valueRight: B ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: c,
@@ -2248,34 +2248,34 @@ const Xs = ({
       )
     }
   ) });
-}, Wr = ({
+}, vn = ({
   value: t,
   onValueChange: e,
-  year: n
+  year: r
 }) => {
-  const r = String(n);
-  return /* @__PURE__ */ o(B, { justifyContent: "center", children: t === n ? /* @__PURE__ */ o(Mt, { label: r, onClick: () => e == null ? void 0 : e(n) }) : /* @__PURE__ */ o(G, { label: r, onClick: () => e == null ? void 0 : e(n) }) });
+  const n = String(r);
+  return /* @__PURE__ */ o(H, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(Mt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(J, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
 }, ti = ({
   value: t,
   onValueChange: e,
-  initialLastYear: n
+  initialLastYear: r
 }) => {
-  const [r, s] = I(() => t ? t + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
-    const c = r - 11;
-    return Ye(he(c, r + 1), 3);
-  }, [r]);
+  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = R(() => {
+    const c = n - 11;
+    return Ye(he(c, n + 1), 3);
+  }, [n]);
   return Z(() => {
-    s((c) => jr(t, c));
-  }, [t]), /* @__PURE__ */ E(B, { children: [
-    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
-      G,
+    s((c) => Wn(t, c));
+  }, [t]), /* @__PURE__ */ _(H, { children: [
+    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
+      J,
       {
         leftIcon: Ft,
-        onClick: () => s(r - 3)
+        onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ o(z, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(B, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
-      Wr,
+    /* @__PURE__ */ o(C, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(H, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
+      vn,
       {
         year: a,
         onValueChange: e,
@@ -2283,49 +2283,49 @@ const Xs = ({
       },
       a
     )) }, c[0])) }),
-    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
-      G,
+    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
+      J,
       {
         leftIcon: Nt,
-        onClick: () => s(r + 3)
+        onClick: () => s(n + 3)
       }
     ) })
   ] });
-}, jr = (t, e) => {
+}, Wn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
-    const r = t - e, s = r % 3, i = r - s + 3;
+    const n = t - e, s = n % 3, i = n - s + 3;
     return e + i;
   }
-  const n = e - 11;
-  if (t < n) {
-    const r = n - t, s = r % 3, i = r - s + 3;
+  const r = e - 11;
+  if (t < r) {
+    const n = r - t, s = n % 3, i = n - s + 3;
     return e - i;
   }
   return e;
-}, Ur = (t, e, n, r, s) => {
+}, jn = (t, e, r, n, s) => {
   Z(
     function() {
-      t && n(t);
+      t && r(t);
     },
-    [t, n]
+    [t, r]
   ), Z(
     function() {
-      e && n(e);
+      e && r(e);
     },
-    [e, n]
+    [e, r]
   ), Z(
     function() {
-      r.current && (t ? r.current.valueAsDate = new Date(
+      n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(
           t.getFullYear(),
           t.getMonth(),
           t.getDate()
         )
-      ) : r.current.valueAsDate = null);
+      ) : n.current.valueAsDate = null);
     },
-    [t, r]
+    [t, n]
   ), Z(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
@@ -2338,53 +2338,53 @@ const Xs = ({
     },
     [e, s]
   );
-}, vr = (t, e, n, {
-  setDateInFocus: r,
+}, Un = (t, e, r, {
+  setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
   setFirstFocusedInput: c,
   setCurrentPanel: a
 }) => {
-  const l = D(
+  const l = b(
     (f) => {
-      f.target.value[0] !== "0" && (n == null || n({
+      f.target.value[0] !== "0" && (r == null || r({
         startDate: f.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
-    [n, e]
-  ), d = D(
+    [r, e]
+  ), d = b(
     (f) => {
-      f.target.value[0] !== "0" && (n == null || n({
+      f.target.value[0] !== "0" && (r == null || r({
         startDate: t,
         endDate: f.target.valueAsDate ?? void 0
       }));
     },
-    [n, t]
-  ), u = D(() => {
-    r(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
+    [r, t]
+  ), u = b(() => {
+    n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
   }, [
     t,
     e,
     a,
     s,
-    r
-  ]), m = D(() => {
+    n
+  ]), m = b(() => {
     c(void 0), i();
   }, [c, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
     hideCalendar: m,
-    setDateInFocus: r,
+    setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
-}, Fr = (t, e) => {
-  const [n, r, s] = re(!1), [i, c] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, f] = I("calendar");
+}, Fn = (t, e) => {
+  const [r, n, s] = ne(!1), [i, c] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, f] = I("calendar");
   return {
-    isCalendarVisible: n,
-    showCalendarInternal: r,
+    isCalendarVisible: r,
+    showCalendarInternal: n,
     hideCalendarInternal: s,
     firstFocusedInput: i,
     setFirstFocusedInput: c,
@@ -2395,7 +2395,7 @@ const Xs = ({
     currentPanel: m,
     setCurrentPanel: f
   };
-}, Cr = (t, e, n, r, s, i, c, {
+}, Cn = (t, e, r, n, s, i, c, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
@@ -2403,7 +2403,7 @@ const Xs = ({
   focusedInput: m,
   setCurrentPanel: f
 }) => {
-  const h = D(() => {
+  const h = b(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2411,7 +2411,7 @@ const Xs = ({
     i,
     l,
     a
-  ]), g = D(() => {
+  ]), g = b(() => {
     a == null && l("endDate"), u("endDate"), d || i();
   }, [
     d,
@@ -2419,53 +2419,53 @@ const Xs = ({
     i,
     l,
     a
-  ]), w = D(
-    (p) => {
-      var k, T, L, N;
-      m === "startDate" ? e != null && q(p.date, e) ? (n == null || n({
-        startDate: p.date,
+  ]), w = b(
+    (D) => {
+      var M, T, Y, N;
+      m === "startDate" ? e != null && K(D.date, e) ? (r == null || r({
+        startDate: D.date,
         endDate: void 0
-      }), u("endDate"), (k = s.current) == null || k.focus()) : (n == null || n({
-        startDate: p.date,
+      }), u("endDate"), (M = s.current) == null || M.focus()) : (r == null || r({
+        startDate: D.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(c, 50)) : m === "endDate" && (t ? q(t, p.date) ? (n == null || n({
-        startDate: p.date,
+      }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(c, 50)) : m === "endDate" && (t ? K(t, D.date) ? (r == null || r({
+        startDate: D.date,
         endDate: void 0
-      }), u("endDate"), (N = s.current) == null || N.focus()) : (n == null || n({
+      }), u("endDate"), (N = s.current) == null || N.focus()) : (r == null || r({
         startDate: t,
-        endDate: p.date
-      }), setTimeout(c, 50)) : (n == null || n({
+        endDate: D.date
+      }), setTimeout(c, 50)) : (r == null || r({
         startDate: t,
-        endDate: p.date
-      }), u("startDate"), (L = r.current) == null || L.focus()));
+        endDate: D.date
+      }), u("startDate"), (Y = n.current) == null || Y.focus()));
     },
     [
       m,
-      n,
+      r,
       e,
       a,
       u,
       s,
       c,
       t,
-      r
+      n
     ]
-  ), y = D(() => {
+  ), k = b(() => {
     f("presets"), i();
-  }, [f, i]), b = D(() => {
-    var p;
-    d ? c() : (u("startDate"), l("startDate"), (p = r.current) == null || p.focus(), f("calendar"), i());
+  }, [f, i]), p = b(() => {
+    var D;
+    d ? c() : (u("startDate"), l("startDate"), (D = n.current) == null || D.focus(), f("calendar"), i());
   }, [
     d,
     c,
     u,
     l,
-    r,
+    n,
     f,
     i
-  ]), M = D(
-    (p) => {
-      p.key === "Escape" && c();
+  ]), y = b(
+    (D) => {
+      D.key === "Escape" && c();
     },
     [c]
   );
@@ -2473,16 +2473,16 @@ const Xs = ({
     onFocusLeft: h,
     onFocusRight: g,
     onClickDay: w,
-    onClickArrowButton: y,
-    onClickCalendarButton: b,
-    onKeyDownHandler: M
+    onClickArrowButton: k,
+    onClickCalendarButton: p,
+    onKeyDownHandler: y
   };
 };
 function ei({
   value: t,
   onValueChange: e,
-  autoFocus: n,
-  onBlur: r,
+  autoFocus: r,
+  onBlur: n,
   onEnter: s,
   onEsc: i,
   minDate: c,
@@ -2493,100 +2493,100 @@ function ei({
   variant: m,
   disabled: f
 }) {
-  const { startDate: h, endDate: g } = t || {}, w = W(null), y = W(null), b = Fr(h, g), {
-    dateInFocus: M,
-    setDateInFocus: p,
-    isCalendarVisible: k,
+  const { startDate: h, endDate: g } = t || {}, w = O(null), k = O(null), p = Fn(h, g), {
+    dateInFocus: y,
+    setDateInFocus: D,
+    isCalendarVisible: M,
     currentPanel: T,
-    setCurrentPanel: L
-  } = b, {
+    setCurrentPanel: Y
+  } = p, {
     showCalendar: N,
-    hideCalendar: R,
-    inputLeftChangeHandler: Y,
+    hideCalendar: x,
+    inputLeftChangeHandler: L,
     inputRightChangeHandler: S
-  } = vr(h, g, e, b), {
-    onKeyDownHandler: U,
+  } = Un(h, g, e, p), {
+    onKeyDownHandler: W,
     onFocusRight: $,
-    onFocusLeft: v,
+    onFocusLeft: j,
     onClickDay: F,
-    onClickCalendarButton: K,
-    onClickArrowButton: C
-  } = Cr(
+    onClickCalendarButton: V,
+    onClickArrowButton: U
+  } = Cn(
     h,
     g,
     e,
     w,
-    y,
+    k,
     N,
-    R,
-    b
+    x,
+    p
   );
-  Ur(
+  jn(
     h,
     g,
-    p,
+    D,
     w,
-    y
+    k
   );
-  const V = x(
-    () => h && g && q(h, g),
+  const rt = R(
+    () => h && g && K(h, g),
     [h, g]
-  ), Q = x(
-    () => Pn(
+  ), q = R(
+    () => Lr(
       l == null ? void 0 : l.statePerMonth,
       h,
       g,
-      M
+      y
     ),
-    [l == null ? void 0 : l.statePerMonth, h, g, M]
-  ), tt = se(k, 300);
-  return /* @__PURE__ */ o(A, { onKeyDown: U, children: /* @__PURE__ */ o(
+    [l == null ? void 0 : l.statePerMonth, h, g, y]
+  ), G = se(M, 300);
+  return /* @__PURE__ */ o(A, { onKeyDown: W, children: /* @__PURE__ */ o(
     Lt,
     {
       arrow: !1,
       lazy: !0,
       disabled: f,
       placement: Yt,
-      onClickOutside: R,
-      visible: k,
-      content: tt && /* @__PURE__ */ o(
+      onClickOutside: x,
+      visible: M,
+      content: G && /* @__PURE__ */ o(
         wt,
         {
           onClickDay: F,
-          dateInFocus: M,
-          setDateInFocus: p,
+          dateInFocus: y,
+          setDateInFocus: D,
           currentPanel: T,
-          setCurrentPanel: L,
+          setCurrentPanel: Y,
           minDate: c,
           maxDate: a,
           ...l,
-          statePerMonth: Q
+          statePerMonth: q
         }
       ),
       children: /* @__PURE__ */ o(
         Fe,
         {
-          autoFocusLeft: n,
+          autoFocusLeft: r,
           onEsc: i,
           onEnter: s,
-          onBlur: r,
+          onBlur: n,
           disabled: f,
           separatorIcon: Nt,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: Y,
+          onChangeLeft: L,
           onChangeRight: S,
-          onClickArrowDown: C,
-          onClickCalendar: K,
-          onFocusLeft: v,
+          onClickArrowDown: U,
+          onClickCalendar: V,
+          onFocusLeft: j,
           onFocusRight: $,
-          onClickLeft: v,
+          onClickLeft: j,
           onClickRight: $,
           inputRefLeft: w,
-          inputRefRight: y,
-          variant: V ? "error" : m,
+          inputRefRight: k,
+          variant: rt ? "error" : m,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2601,8 +2601,8 @@ function ei({
 const ce = ({
   onChange: t,
   onValueChange: e,
-  mask: n,
-  pipe: r,
+  mask: r,
+  pipe: n,
   value: s,
   guide: i,
   keepCharPositions: c,
@@ -2611,12 +2611,12 @@ const ce = ({
   calendarSize: d,
   ...u
 }) => {
-  const m = W(null), { onChange: f } = Ln(
+  const m = O(null), { onChange: f } = Ar(
     m,
     t,
     e,
-    n,
     r,
+    n,
     s,
     i,
     c,
@@ -2624,16 +2624,16 @@ const ce = ({
     l
   );
   return /* @__PURE__ */ o(
-    Nn,
+    _r,
     {
       ...u,
       ref: m,
       onChange: f,
-      width: zr(d),
+      width: zn(d),
       size: d === "large" ? "large" : "medium"
     }
   );
-}, zr = (t) => {
+}, zn = (t) => {
   switch (t) {
     case "small":
       return "140px";
@@ -2644,84 +2644,84 @@ const ce = ({
     default:
       return le(t, "168px");
   }
-}, Kr = [/[1-2]/, /\d/, /\d/, /\d/], Jr = [/[0-1]/, /\d/], qr = [/[0-3]/, /\d/], ze = (t) => Qr(t).flatMap(Gr), Gr = (t) => {
+}, Kn = [/[1-2]/, /\d/, /\d/, /\d/], Jn = [/[0-1]/, /\d/], qn = [/[0-3]/, /\d/], ze = (t) => Qn(t).flatMap(Gn), Gn = (t) => {
   switch (t) {
     case "yyyy":
-      return Kr;
+      return Kn;
     case "mm":
     case "MM":
-      return Jr;
+      return Jn;
     case "dd":
     case "DD":
-      return qr;
+      return qn;
     default:
       return [t];
   }
-}, Qr = (t) => {
+}, Qn = (t) => {
   if (t.length === 0)
     return [];
   const e = [];
-  let n = t[0];
-  for (let r = 1; r < t.length; r++)
-    t[r] !== t[r - 1] ? (e.push(n), n = t[r]) : n += t[r];
-  return e.push(n), e;
+  let r = t[0];
+  for (let n = 1; n < t.length; n++)
+    t[n] !== t[n - 1] ? (e.push(r), r = t[n]) : r += t[n];
+  return e.push(r), e;
 }, kt = (t) => {
-  const n = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), r = {
+  const r = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
-  return n.map((s) => r[s.type] || s.value).join("");
+  return r.map((s) => n[s.type] || s.value).join("");
 }, Ke = {
-  "en-US": Dn,
+  "en-US": pr,
   "en-GB": zt,
-  "de-AT": bn,
+  "de-AT": Dr,
   "de-DE": we,
-  fr: wn,
+  fr: br,
   de: we,
-  es: yn,
-  sv: Mn,
-  pl: kn,
-  da: Sn,
-  nl: Tn,
-  nb: In
-}, Gt = (t) => Ke[t], Je = () => Ke.sv, ht = (t, e, n) => {
-  const r = Gt(e);
-  if (r == null)
+  es: wr,
+  sv: yr,
+  pl: Mr,
+  da: kr,
+  nl: Sr,
+  nb: Tr
+}, Gt = (t) => Ke[t], Je = () => Ke.sv, ht = (t, e, r) => {
+  const n = Gt(e);
+  if (n == null)
     return;
   const s = mt(
     t,
     kt(e),
-    n ?? /* @__PURE__ */ new Date(),
+    r ?? /* @__PURE__ */ new Date(),
     {
-      locale: r
+      locale: n
     }
   );
   if (!isNaN(s.getTime()))
     return s;
-}, St = (t, e) => j(t, kt(e), {
+}, St = (t, e) => v(t, kt(e), {
   locale: Gt(e)
 }), ae = (t, e) => {
-  const n = ht(t, e);
-  if (n != null)
-    return St(n, e);
+  const r = ht(t, e);
+  if (r != null)
+    return St(r, e);
 }, qe = ({
   value: t,
   onValueChange: e,
-  localeCode: n,
-  startDateLabel: r = "From",
+  localeCode: r,
+  startDateLabel: n = "From",
   endDateLabel: s = "To",
   onFocus: i,
   calendarSize: c
 }) => {
-  const { mask: a, placeholder: l } = x(() => {
-    const d = kt(n);
+  const { mask: a, placeholder: l } = R(() => {
+    const d = kt(r);
     return {
       mask: ze(d),
       placeholder: d.toLowerCase()
     };
-  }, [n]);
-  return /* @__PURE__ */ E(B, { children: [
+  }, [r]);
+  return /* @__PURE__ */ _(H, { children: [
     /* @__PURE__ */ o(
       ce,
       {
@@ -2733,12 +2733,12 @@ const ce = ({
         onBlur: (d) => {
           const u = ae(
             d.target.value,
-            n
+            r
           );
           u && u !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: u }));
         },
         onFocus: i,
-        label: r,
+        label: n,
         borderRadiusVariant: "onlyLeft",
         placeholder: l,
         calendarSize: c
@@ -2753,7 +2753,7 @@ const ce = ({
         onBlur: (d) => {
           const u = ae(
             d.target.value,
-            n
+            r
           );
           u && u !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: u }));
         },
@@ -2765,89 +2765,89 @@ const ce = ({
       }
     )
   ] });
-}, Ge = (t, e, n, r) => {
-  const s = Gt(n) ?? Je(), i = ge(), c = De(), a = W(null), l = x(
-    () => kt(n),
-    [n]
-  ), d = x(
+}, Ge = (t, e, r, n) => {
+  const s = Gt(r) ?? Je(), i = ge(), c = De(), a = O(null), l = R(
+    () => kt(r),
+    [r]
+  ), d = R(
     () => {
       var S;
-      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? ht(t.startDate, n) : void 0;
+      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? ht(t.startDate, r) : void 0;
     },
-    [l.length, n, t == null ? void 0 : t.startDate]
-  ), u = x(
+    [l.length, r, t == null ? void 0 : t.startDate]
+  ), u = R(
     () => {
       var S;
-      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? ht(t.endDate, n) : void 0;
+      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? ht(t.endDate, r) : void 0;
     },
-    [l.length, n, t == null ? void 0 : t.endDate]
+    [l.length, r, t == null ? void 0 : t.endDate]
   ), [m, f] = I(
-    r ?? d ?? /* @__PURE__ */ new Date()
-  ), h = D(
+    n ?? d ?? /* @__PURE__ */ new Date()
+  ), h = b(
     (S) => {
-      st(S, c) || q(S, c) ? f(S) : f(c);
+      it(S, c) || K(S, c) ? f(S) : f(c);
     },
     [c]
-  ), g = x(
+  ), g = R(
     () => Jt(
       m.getFullYear(),
       m.getMonth(),
       s
     ),
     [s, m]
-  ), w = x(() => xt(j(m, "MMMM yyyy", { locale: s })), [s, m]), y = x(() => st(c, m), [c, m]), [b, M] = I(), [p, k] = I("calendar"), T = D(
+  ), w = R(() => xt(v(m, "MMMM yyyy", { locale: s })), [s, m]), k = R(() => it(c, m), [c, m]), [p, y] = I(), [D, M] = I("calendar"), T = b(
     (S) => {
-      var v, F;
-      const U = ((v = S == null ? void 0 : S.startDate) == null ? void 0 : v.length) === l.length ? ht(S.startDate, n) : void 0, $ = ((F = S == null ? void 0 : S.endDate) == null ? void 0 : F.length) === l.length ? ht(S.endDate, n) : void 0;
-      U ? h(U) : $ && h($), e == null || e({
+      var j, F;
+      const W = ((j = S == null ? void 0 : S.startDate) == null ? void 0 : j.length) === l.length ? ht(S.startDate, r) : void 0, $ = ((F = S == null ? void 0 : S.endDate) == null ? void 0 : F.length) === l.length ? ht(S.endDate, r) : void 0;
+      W ? h(W) : $ && h($), e == null || e({
         ...t,
         ...S
       });
     },
     [
       l.length,
-      n,
+      r,
       e,
       h,
       t
     ]
-  ), L = x(
-    () => st(c, m) || rt(m, c),
+  ), Y = R(
+    () => it(c, m) || st(m, c),
     [c, m]
-  ), N = x(
-    () => (d && u && (P(d, u) || rt(d, u))) ?? !1,
+  ), N = R(
+    () => (d && u && (P(d, u) || st(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: D(
-      (S) => !P(S, c) && rt(S, c),
+    isDateDisabled: b(
+      (S) => !P(S, c) && st(S, c),
       [c]
     ),
     onClickDate: (S) => {
-      S.getFullYear() === m.getFullYear() && S.getMonth() === m.getMonth() && (d && u == null ? rt(S, d) ? e == null || e({
-        startDate: St(S, n),
+      S.getFullYear() === m.getFullYear() && S.getMonth() === m.getMonth() && (d && u == null ? st(S, d) ? e == null || e({
+        startDate: St(S, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: St(S, n)
+        endDate: St(S, r)
       }) : e == null || e({
-        startDate: St(S, n),
+        startDate: St(S, r),
         endDate: void 0
       }));
     },
     onValueChangeByInputs: T,
     isValidDateRange: N,
-    prevMonthDisabled: L,
+    prevMonthDisabled: Y,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: w,
-    visiblePanel: p,
-    setVisiblePanel: k,
+    visiblePanel: D,
+    setVisiblePanel: M,
     setVisibleMonth: f,
     visibleMonthData: g,
-    todayIsInVisibleMonth: y,
-    hoverDate: b,
-    setHoverDate: M,
+    todayIsInVisibleMonth: k,
+    hoverDate: p,
+    setHoverDate: y,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
@@ -2856,31 +2856,31 @@ const ce = ({
 }, Qt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
-  monthPickerButtonLabel: n,
-  visiblePanel: r,
+  monthPickerButtonLabel: r,
+  visiblePanel: n,
   setVisiblePanel: s,
   monthPickerButtonRef: i,
   setVisibleMonth: c,
   visibleMonth: a,
   prevMonthDisabled: l,
   calendarSize: d
-}) => /* @__PURE__ */ E(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+}) => /* @__PURE__ */ _(H, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ o(
-    G,
+    J,
     {
       "aria-live": "polite",
-      label: n,
-      rightIcon: r === "calendar" ? de : an,
+      label: r,
+      rightIcon: n === "calendar" ? de : cr,
       onClick: () => s(
-        r === "calendar" ? "month-picker" : "calendar"
+        n === "calendar" ? "month-picker" : "calendar"
       ),
       ref: i,
       size: d === "large" ? "large" : "medium"
     }
   ),
-  /* @__PURE__ */ E(B, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ _(H, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
-      at,
+      lt,
       {
         leftIcon: Ft,
         onClick: () => c(fe(a, 1)),
@@ -2890,7 +2890,7 @@ const ce = ({
       }
     ),
     /* @__PURE__ */ o(
-      at,
+      lt,
       {
         leftIcon: Nt,
         onClick: () => c(At(a, 1)),
@@ -2899,68 +2899,68 @@ const ce = ({
       }
     )
   ] })
-] }), Xr = "_travelDateCell_1njsn_1", Zr = "_small_1njsn_4", Vr = "_medium_1njsn_9", ts = "_large_1njsn_14", es = "_outline_1njsn_26", ns = "_contentWrapper_1njsn_39", rs = "_disabled_1njsn_60", ss = "_isToday_1njsn_63", is = "_isSelectionStart_1njsn_67", os = "_isSelectionEnd_1njsn_68", cs = "_hover_1njsn_83", as = "_startSelected_1njsn_86", ls = "_endSelected_1njsn_86", X = {
-  travelDateCell: Xr,
-  small: Zr,
-  medium: Vr,
+] }), Xn = "_travelDateCell_1njsn_1", Zn = "_small_1njsn_4", Vn = "_medium_1njsn_9", ts = "_large_1njsn_14", es = "_outline_1njsn_26", rs = "_contentWrapper_1njsn_39", ns = "_disabled_1njsn_60", ss = "_isToday_1njsn_63", is = "_isSelectionStart_1njsn_67", os = "_isSelectionEnd_1njsn_68", cs = "_hover_1njsn_83", as = "_startSelected_1njsn_86", ls = "_endSelected_1njsn_86", X = {
+  travelDateCell: Xn,
+  small: Zn,
+  medium: Vn,
   large: ts,
   outline: es,
-  contentWrapper: ns,
-  disabled: rs,
+  contentWrapper: rs,
+  disabled: ns,
   isToday: ss,
   isSelectionStart: is,
   isSelectionEnd: os,
   hover: cs,
   startSelected: as,
   endSelected: ls
-}, ot = Kt("--lhds-color-red-100"), ds = (t, e, n, r, s, i) => {
+}, ct = Kt("--lhds-color-red-100"), ds = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (e && n && P(e, n))
+  if (e && r && P(e, r))
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (e && n && !i)
+  if (e && r && !i)
     return {
       left: "transparent",
       right: "transparent"
     };
-  const c = e && n ? q(t, e) && rt(t, n) && !P(t, e) && !P(t, n) : !1, a = e && r ? q(t, e) && rt(t, r) && !P(t, e) && !P(t, r) : !1;
+  const c = e && r ? K(t, e) && st(t, r) && !P(t, e) && !P(t, r) : !1, a = e && n ? K(t, e) && st(t, n) && !P(t, e) && !P(t, n) : !1;
   if (c)
     return {
-      left: ot,
-      right: ot
+      left: ct,
+      right: ct
     };
-  if (e && n)
+  if (e && r)
     return P(t, e) ? {
       left: "transparent",
-      right: ot
-    } : P(t, n) ? {
-      left: ot,
+      right: ct
+    } : P(t, r) ? {
+      left: ct,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
-  if (e && r && q(r, e)) {
+  if (e && n && K(n, e)) {
     if (P(t, e))
       return {
         left: "transparent",
-        right: ot
+        right: ct
       };
-    if (P(t, r))
+    if (P(t, n))
       return {
-        left: ot,
+        left: ct,
         right: "transparent"
       };
   }
   return a ? {
-    left: ot,
-    right: ot
+    left: ct,
+    right: ct
   } : {
     left: "transparent",
     right: "transparent"
@@ -2972,45 +2972,45 @@ const ce = ({
     case "PageDown":
       return At(t, 1);
     case "Home":
-      return jt(t);
+      return Wt(t);
     case "End":
-      return J(jt(t), 6);
+      return z(Wt(t), 6);
     case "ArrowLeft":
       return ut(t, 1);
     case "ArrowUp":
       return ut(t, 7);
     case "ArrowRight":
-      return J(t, 1);
+      return z(t, 1);
     case "ArrowDown":
-      return J(t, 7);
+      return z(t, 7);
     default:
       return;
   }
-}, te = (t, e) => j(Pe(t, 12), it.fullDate) + e, fs = "_travelDateCellBackground_1xm0q_1", hs = "_small_1xm0q_2", ms = "_medium_1xm0q_7", gs = "_large_1xm0q_12", Ht = {
+}, te = (t, e) => v(Pe(t, 12), ot.fullDate) + e, fs = "_travelDateCellBackground_1xm0q_1", hs = "_small_1xm0q_2", ms = "_medium_1xm0q_7", gs = "_large_1xm0q_12", $t = {
   travelDateCellBackground: fs,
   small: hs,
   medium: ms,
   large: gs
-}, ps = ({ calendarSize: t, bgColorLeft: e, bgColorRight: n }) => /* @__PURE__ */ E(B, { children: [
+}, ps = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(H, { children: [
   /* @__PURE__ */ o(
     A,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      className: gt($t.travelDateCellBackground, $t[t]),
       background: e
     }
   ),
   /* @__PURE__ */ o(
     A,
     {
-      className: gt(Ht.travelDateCellBackground, Ht[t]),
-      background: n
+      className: gt($t.travelDateCellBackground, $t[t]),
+      background: r
     }
   )
 ] }), Ds = ({
   onClick: t,
   visibleMonth: e,
-  onChangeVisibleMonth: n,
-  day: r,
+  onChangeVisibleMonth: r,
+  day: n,
   isValidDateRange: s,
   selectedStartDate: i,
   selectedEndDate: c,
@@ -3023,48 +3023,48 @@ const ce = ({
   isDateDisabled: h,
   size: g
 }) => {
-  const w = D(
-    async (L) => {
-      var R;
-      const N = us(r.date, L.key);
-      N && !h(N) && (a(N), st(r.date, N) ? (R = document.getElementById(te(N, f))) == null || R.focus() : (n(N), setTimeout(() => {
-        var Y;
-        (Y = document.getElementById(te(N, f))) == null || Y.focus();
-      }, 10))), (L.key === "Enter" || L.code === "Space") && t(r.date);
+  const w = b(
+    async (Y) => {
+      var x;
+      const N = us(n.date, Y.key);
+      N && !h(N) && (a(N), it(n.date, N) ? (x = document.getElementById(te(N, f))) == null || x.focus() : (r(N), setTimeout(() => {
+        var L;
+        (L = document.getElementById(te(N, f))) == null || L.focus();
+      }, 10))), (Y.key === "Enter" || Y.code === "Space") && t(n.date);
     },
     [
       f,
-      r.date,
+      n.date,
       h,
-      n,
+      r,
       t,
       a
     ]
-  ), y = r.month === e.getMonth(), b = h(r.date), M = i ? P(i, r.date) : !1, p = c ? P(c, r.date) : !1, k = P(r.date, u), T = ds(
-    r.date,
+  ), k = n.month === e.getMonth(), p = h(n.date), y = i ? P(i, n.date) : !1, D = c ? P(c, n.date) : !1, M = P(n.date, u), T = ds(
+    n.date,
     i,
     c,
     d,
-    y,
+    k,
     s
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ _(
     "td",
     {
       className: gt(X.travelDateCell, X[g]),
-      onClick: b ? void 0 : () => t(r.date),
-      onMouseOver: b ? void 0 : () => y && a(r.date),
-      onMouseOut: b ? void 0 : () => y && l(r.date),
-      tabIndex: b ? void 0 : bs(
-        r,
+      onClick: p ? void 0 : () => t(n.date),
+      onMouseOver: p ? void 0 : () => k && a(n.date),
+      onMouseOut: p ? void 0 : () => k && l(n.date),
+      tabIndex: p ? void 0 : bs(
+        n,
         i,
-        k,
+        M,
         e,
         m
       ),
-      id: b ? void 0 : te(r.date, f),
-      onKeyDown: b ? void 0 : w,
-      "aria-selected": M || p,
+      id: p ? void 0 : te(n.date, f),
+      onKeyDown: p ? void 0 : w,
+      ...p ? void 0 : { "aria-selected": y || D },
       children: [
         /* @__PURE__ */ o("div", { className: X.outline }),
         /* @__PURE__ */ o(
@@ -3075,25 +3075,25 @@ const ce = ({
             bgColorRight: T.right
           }
         ),
-        y && /* @__PURE__ */ o(
+        k && /* @__PURE__ */ o(
           "div",
           {
             className: gt(
               X.contentWrapper,
-              k ? X.isToday : void 0,
+              M ? X.isToday : void 0,
               i ? X.startSelected : void 0,
               c ? X.endSelected : void 0,
-              d && P(d, r.date) ? X.hover : void 0,
-              M && X.isSelectionStart,
-              p && X.isSelectionEnd,
-              b && X.disabled
+              d && P(d, n.date) ? X.hover : void 0,
+              y && X.isSelectionStart,
+              D && X.isSelectionEnd,
+              p && X.disabled
             ),
             children: /* @__PURE__ */ o(
               Dt,
               {
                 variant: "bold",
-                color: b ? Kt("--lhds-color-ui-500") : void 0,
-                children: r.dayOfMonth
+                color: p ? Kt("--lhds-color-ui-500") : void 0,
+                children: n.dayOfMonth
               }
             )
           }
@@ -3101,16 +3101,16 @@ const ce = ({
       ]
     }
   );
-}, bs = (t, e, n, r, s) => {
-  const i = e ? st(e, r) : !1;
-  return (e && i ? P(t.date, e) : n) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
+}, bs = (t, e, r, n, s) => {
+  const i = e ? it(e, n) : !1;
+  return (e && i ? P(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
 }, ws = "_travelCalendar_18pjj_1", ys = {
   travelCalendar: ws
 }, Xt = ({
   visibleMonthData: t,
   onClickDate: e,
-  setHoverDate: n,
-  setVisibleMonth: r,
+  setHoverDate: r,
+  setVisibleMonth: n,
   visibleMonth: s,
   isValidDateRange: i,
   selectedStartDate: c,
@@ -3120,39 +3120,48 @@ const ce = ({
   calendarId: u,
   isDateDisabled: m,
   todayIsInVisibleMonth: f,
-  size: h = "medium"
-}) => /* @__PURE__ */ o("table", { className: ys.travelCalendar, children: /* @__PURE__ */ E("tbody", { children: [
-  /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((g) => /* @__PURE__ */ o("th", { abbr: g.fullName, children: /* @__PURE__ */ o(Dt, { children: g.name }) }, g.name)) }),
-  t.weeks.map((g) => /* @__PURE__ */ o(me.Fragment, { children: /* @__PURE__ */ o("tr", { children: g.days.map((w) => /* @__PURE__ */ o(
-    Ds,
-    {
-      size: h,
-      onClick: (y) => e(y),
-      visibleMonth: s,
-      onChangeVisibleMonth: r,
-      isValidDateRange: i,
-      day: w,
-      onStartHover: (y) => n(y),
-      onEndHover: (y) => n((b) => b && P(b, y) ? void 0 : b),
-      selectedStartDate: c,
-      selectedEndDate: a,
-      hoverDate: l,
-      today: d,
-      todayIsInVisibleMonth: f,
-      calendarId: u,
-      isDateDisabled: m
-    },
-    w.dateString
-  )) }, g.weekNumber) }, g.weekNumber))
-] }) }), Ms = "_travelDateRangeInput_1j7rp_1", ks = "_overlay_1j7rp_2", Ss = "_calendarVisible_1j7rp_6", ee = {
+  size: h = "medium",
+  multiSelectable: g
+}) => /* @__PURE__ */ o(
+  "table",
+  {
+    className: ys.travelCalendar,
+    role: "grid",
+    ...g ? { "aria-multiselectable": !0 } : void 0,
+    children: /* @__PURE__ */ _("tbody", { children: [
+      /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((w) => /* @__PURE__ */ o("th", { abbr: w.fullName, children: /* @__PURE__ */ o(Dt, { children: w.name }) }, w.name)) }),
+      t.weeks.map((w) => /* @__PURE__ */ o(me.Fragment, { children: /* @__PURE__ */ o("tr", { children: w.days.map((k) => /* @__PURE__ */ o(
+        Ds,
+        {
+          size: h,
+          onClick: (p) => e(p),
+          visibleMonth: s,
+          onChangeVisibleMonth: n,
+          isValidDateRange: i,
+          day: k,
+          onStartHover: (p) => r(p),
+          onEndHover: (p) => r((y) => y && P(y, p) ? void 0 : y),
+          selectedStartDate: c,
+          selectedEndDate: a,
+          hoverDate: l,
+          today: d,
+          todayIsInVisibleMonth: f,
+          calendarId: u,
+          isDateDisabled: m
+        },
+        k.dateString
+      )) }, w.weekNumber) }, w.weekNumber))
+    ] })
+  }
+), Ms = "_travelDateRangeInput_1j7rp_1", ks = "_overlay_1j7rp_2", Ss = "_calendarVisible_1j7rp_6", ee = {
   travelDateRangeInput: Ms,
   overlay: ks,
   calendarVisible: Ss
-}, ni = ({
+}, ri = ({
   value: t,
   onValueChange: e,
-  startDateLabel: n,
-  endDateLabel: r,
+  startDateLabel: r,
+  endDateLabel: n,
   localeCode: s = "sv",
   initialMonthInFocus: i,
   previousMonthButtonAriaLabel: c = "Previous month",
@@ -3165,51 +3174,51 @@ const ce = ({
   zIndexWhenClosed: h,
   onHideCalendar: g,
   renderBelowCalendar: w,
-  size: y = "medium"
+  size: k = "medium"
 }) => {
-  const [b, M] = I(!1), [p, k] = I(!1), [T, L] = I({
+  const [p, y] = I(!1), [D, M] = I(!1), [T, Y] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), N = y === "large" ? "8.8rem" : "6.6rem", R = W(!1), Y = D(() => {
-    R.current = !0, k(!0), setTimeout(() => {
-      M(!0);
+  }), N = k === "large" ? "8.8rem" : "6.6rem", x = O(!1), L = b(() => {
+    x.current = !0, M(!0), setTimeout(() => {
+      y(!0);
     }, 10);
-  }, []), S = D(() => {
-    p && (M(!1), R.current = !1, g == null || g(), setTimeout(() => {
-      R.current || k(!1);
+  }, []), S = b(() => {
+    D && (y(!1), x.current = !1, g == null || g(), setTimeout(() => {
+      x.current || M(!1);
     }, 120));
-  }, [p, g]), U = W(null), $ = W(null);
-  Ie(U, S), Be(() => {
-    var et, dt;
-    const _ = (et = $.current) == null ? void 0 : et.offsetWidth, H = (dt = $.current) == null ? void 0 : dt.offsetHeight;
-    _ != null && H != null && (T.height !== H || T.width !== _) && L({ width: _, height: H });
+  }, [D, g]), W = O(null), $ = O(null);
+  Ie(W, S), Be(() => {
+    var tt, et;
+    const E = (tt = $.current) == null ? void 0 : tt.offsetWidth, B = (et = $.current) == null ? void 0 : et.offsetHeight;
+    E != null && B != null && (T.height !== B || T.width !== E) && Y({ width: E, height: B });
   }, [T.height, T.width]);
-  const v = Ge(
+  const j = Ge(
     t,
     e,
     s,
     i
   ), {
     visiblePanel: F,
-    visibleMonth: K,
-    onValueChangeByInputs: C,
-    setVisibleMonth: V,
-    setVisiblePanel: Q,
-    monthPickerButtonRef: tt
-  } = v, O = D(
-    (_) => {
-      _.key === "Escape" && S();
+    visibleMonth: V,
+    onValueChangeByInputs: U,
+    setVisibleMonth: rt,
+    setVisiblePanel: q,
+    monthPickerButtonRef: G
+  } = j, Q = b(
+    (E) => {
+      E.key === "Escape" && S();
     },
     [S]
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ _(
     A,
     {
       position: "relative",
       className: ee.travelDateRangeInput,
-      ref: U,
-      onKeyDown: O,
+      ref: W,
+      onKeyDown: Q,
       height: T.height,
       width: T.width,
       children: [
@@ -3218,62 +3227,69 @@ const ce = ({
           {
             position: "absolute",
             ref: $,
-            zIndex: p ? f : h,
+            zIndex: D ? f : h,
             children: /* @__PURE__ */ o(
               qe,
               {
                 value: t,
-                onValueChange: C,
+                onValueChange: U,
                 localeCode: s,
-                startDateLabel: n,
-                endDateLabel: r,
-                onFocus: Y,
-                calendarSize: y
+                startDateLabel: r,
+                endDateLabel: n,
+                onFocus: L,
+                calendarSize: k
               }
             )
           }
         ),
-        p && /* @__PURE__ */ o(
+        D && /* @__PURE__ */ o(
           A,
           {
             position: "absolute",
             zIndex: f - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: gt(ee.overlay, b && ee.calendarVisible),
+            className: gt(ee.overlay, p && ee.calendarVisible),
             children: /* @__PURE__ */ o(
               A,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ _(Ee, { gap: 3, children: [
                   l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
                   /* @__PURE__ */ o(A, { height: N }),
                   /* @__PURE__ */ o(
                     Qt,
                     {
-                      ...v,
+                      ...j,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: y
+                      calendarSize: k
+                    }
+                  ),
+                  F === "calendar" && /* @__PURE__ */ o(
+                    Xt,
+                    {
+                      ...j,
+                      size: k,
+                      multiSelectable: !0
                     }
                   ),
-                  F === "calendar" && /* @__PURE__ */ o(Xt, { ...v, size: y }),
                   F === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
                       firstMonth: m,
                       numMonths: u,
-                      value: K,
-                      size: y,
-                      onValueChange: (_) => {
-                        var H;
-                        V(_), Q("calendar"), (H = tt.current) == null || H.focus();
+                      value: V,
+                      size: k,
+                      onValueChange: (E) => {
+                        var B;
+                        rt(E), q("calendar"), (B = G.current) == null || B.focus();
                       },
                       onCancel: () => {
-                        var _;
-                        Q("calendar"), (_ = tt.current) == null || _.focus();
+                        var E;
+                        q("calendar"), (E = G.current) == null || E.focus();
                       }
                     }
                   ),
@@ -3286,101 +3302,101 @@ const ce = ({
       ]
     }
   );
-}, Ts = "_travelDateInput_hmfbf_1", Is = "_overlay_hmfbf_2", Rs = "_calendarVisible_hmfbf_6", ne = {
+}, Ts = "_travelDateInput_hmfbf_1", Is = "_overlay_hmfbf_2", Rs = "_calendarVisible_hmfbf_6", re = {
   travelDateInput: Ts,
   overlay: Is,
   calendarVisible: Rs
 }, Qe = ({
   value: t,
   onValueChange: e,
-  label: n = "Date",
-  localeCode: r,
+  label: r = "Date",
+  localeCode: n,
   onFocus: s,
   calendarSize: i
 }) => {
-  const { mask: c, placeholder: a } = x(() => {
-    const l = kt(r);
+  const { mask: c, placeholder: a } = R(() => {
+    const l = kt(n);
     return {
       mask: ze(l),
       placeholder: l.toLowerCase()
     };
-  }, [r]);
-  return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+  }, [n]);
+  return /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
     ce,
     {
       mask: c,
       value: t,
       onValueChange: e,
       onBlur: (l) => {
-        const d = ae(l.target.value, r);
+        const d = ae(l.target.value, n);
         d && d !== t && (e == null || e(d));
       },
       onFocus: s,
-      label: n,
+      label: r,
       placeholder: a,
       calendarSize: i
     }
   ) });
-}, Xe = (t, e, n, r) => {
-  const s = Gt(n) ?? Je(), i = ge(), c = De(), a = W(null), l = x(
-    () => kt(n),
-    [n]
-  ), d = x(
-    () => (t == null ? void 0 : t.length) === l.length ? ht(t, n) : void 0,
-    [l.length, n, t]
+}, Xe = (t, e, r, n) => {
+  const s = Gt(r) ?? Je(), i = ge(), c = De(), a = O(null), l = R(
+    () => kt(r),
+    [r]
+  ), d = R(
+    () => (t == null ? void 0 : t.length) === l.length ? ht(t, r) : void 0,
+    [l.length, r, t]
   ), [u, m] = I(
-    r ?? d ?? /* @__PURE__ */ new Date()
-  ), f = D(
-    (R) => {
-      st(R, c) || q(R, c) ? m(R) : m(c);
+    n ?? d ?? /* @__PURE__ */ new Date()
+  ), f = b(
+    (x) => {
+      it(x, c) || K(x, c) ? m(x) : m(c);
     },
     [c]
-  ), h = x(
+  ), h = R(
     () => Jt(
       u.getFullYear(),
       u.getMonth(),
       s
     ),
     [s, u]
-  ), g = x(() => xt(j(u, "MMMM yyyy", { locale: s })), [s, u]), w = x(() => st(c, u), [c, u]), [y, b] = I(), [M, p] = I("calendar"), k = D(
-    (R) => {
-      const Y = (R == null ? void 0 : R.length) === l.length ? ht(R, n) : void 0;
-      Y && f(Y), e == null || e(R);
+  ), g = R(() => xt(v(u, "MMMM yyyy", { locale: s })), [s, u]), w = R(() => it(c, u), [c, u]), [k, p] = I(), [y, D] = I("calendar"), M = b(
+    (x) => {
+      const L = (x == null ? void 0 : x.length) === l.length ? ht(x, r) : void 0;
+      L && f(L), e == null || e(x);
     },
-    [l.length, n, e, f]
-  ), T = x(
-    () => st(c, u) || rt(u, c),
+    [l.length, r, e, f]
+  ), T = R(
+    () => it(c, u) || st(u, c),
     [c, u]
   );
   return {
-    isDateDisabled: D(
-      (R) => !P(R, c) && rt(R, c),
+    isDateDisabled: b(
+      (x) => !P(x, c) && st(x, c),
       [c]
     ),
-    onClickDate: (R) => {
-      e == null || e(St(R, n));
+    onClickDate: (x) => {
+      e == null || e(St(x, r));
     },
-    onValueChangeByInputs: k,
+    onValueChangeByInputs: M,
     prevMonthDisabled: T,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: g,
-    visiblePanel: M,
-    setVisiblePanel: p,
+    visiblePanel: y,
+    setVisiblePanel: D,
     setVisibleMonth: m,
     visibleMonthData: h,
     todayIsInVisibleMonth: w,
-    hoverDate: y,
-    setHoverDate: b,
+    hoverDate: k,
+    setHoverDate: p,
     selectedDate: d,
     today: c,
     visibleMonth: u
   };
-}, ri = ({
+}, ni = ({
   value: t,
   onValueChange: e,
-  label: n,
-  localeCode: r = "sv",
+  label: r,
+  localeCode: n = "sv",
   initialMonthInFocus: s,
   previousMonthButtonAriaLabel: i = "Previous month",
   nextMonthButtonAriaLabel: c = "Next month",
@@ -3394,126 +3410,127 @@ const ce = ({
   renderBelowCalendar: g,
   size: w = "medium"
 }) => {
-  const [y, b] = I(!1), [M, p] = I(!1), [k, T] = I({
+  const [k, p] = I(!1), [y, D] = I(!1), [M, T] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), L = W(!1), N = D(() => {
-    L.current = !0, p(!0), setTimeout(() => {
-      b(!0);
+  }), Y = w === "large" ? "8.8rem" : "6.6rem", N = O(!1), x = b(() => {
+    N.current = !0, D(!0), setTimeout(() => {
+      p(!0);
     }, 10);
-  }, []), R = D(() => {
-    M && (b(!1), L.current = !1, h == null || h(), setTimeout(() => {
-      L.current || p(!1);
+  }, []), L = b(() => {
+    y && (p(!1), N.current = !1, h == null || h(), setTimeout(() => {
+      N.current || D(!1);
     }, 120));
-  }, [M, h]), Y = W(null), S = W(null);
-  Ie(Y, R), Be(() => {
-    var H, et;
-    const O = (H = S.current) == null ? void 0 : H.offsetWidth, _ = (et = S.current) == null ? void 0 : et.offsetHeight;
-    O != null && _ != null && (k.height !== _ || k.width !== O) && T({ width: O, height: _ });
-  }, [k.height, k.width]);
-  const U = Xe(
+  }, [y, h]), S = O(null), W = O(null);
+  Ie(S, L), Be(() => {
+    var tt, et;
+    const E = (tt = W.current) == null ? void 0 : tt.offsetWidth, B = (et = W.current) == null ? void 0 : et.offsetHeight;
+    E != null && B != null && (M.height !== B || M.width !== E) && T({ width: E, height: B });
+  }, [M.height, M.width]);
+  const $ = Xe(
     t,
     e,
-    r,
+    n,
     s
   ), {
-    visiblePanel: $,
-    visibleMonth: v,
-    onValueChangeByInputs: F,
-    selectedDate: K,
-    setVisibleMonth: C,
-    setVisiblePanel: V,
-    monthPickerButtonRef: Q
-  } = U, tt = D(
-    (O) => {
-      O.key === "Escape" && R();
+    visiblePanel: j,
+    visibleMonth: F,
+    onValueChangeByInputs: V,
+    selectedDate: U,
+    setVisibleMonth: rt,
+    setVisiblePanel: q,
+    monthPickerButtonRef: G
+  } = $, Q = b(
+    (E) => {
+      E.key === "Escape" && L();
     },
-    [R]
+    [L]
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ _(
     A,
     {
       position: "relative",
-      className: ne.travelDateInput,
-      ref: Y,
-      onKeyDown: tt,
-      height: k.height,
-      width: k.width,
+      className: re.travelDateInput,
+      ref: S,
+      onKeyDown: Q,
+      height: M.height,
+      width: M.width,
       children: [
         /* @__PURE__ */ o(
           A,
           {
             position: "absolute",
-            ref: S,
-            zIndex: M ? m : f,
+            ref: W,
+            zIndex: y ? m : f,
             children: /* @__PURE__ */ o(
               Qe,
               {
                 value: t,
-                onValueChange: F,
-                localeCode: r,
-                label: n,
-                onFocus: N,
+                onValueChange: V,
+                localeCode: n,
+                label: r,
+                onFocus: x,
                 calendarSize: w
               }
             )
           }
         ),
-        M && /* @__PURE__ */ o(
+        y && /* @__PURE__ */ o(
           A,
           {
             position: "absolute",
             zIndex: m - 1,
             left: "-2.4rem",
             top: a ? "-8.0rem" : "-2.4rem",
-            className: gt(ne.overlay, y && ne.calendarVisible),
+            className: gt(re.overlay, k && re.calendarVisible),
             children: /* @__PURE__ */ o(
               A,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
+                children: /* @__PURE__ */ _(Ee, { gap: 3, children: [
                   a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
-                  /* @__PURE__ */ o(A, { height: "6.8rem" }),
+                  /* @__PURE__ */ o(A, { height: Y }),
                   /* @__PURE__ */ o(
                     Qt,
                     {
-                      ...U,
+                      ...$,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: c,
                       calendarSize: w
                     }
                   ),
-                  $ === "calendar" && /* @__PURE__ */ o(
+                  j === "calendar" && /* @__PURE__ */ o(
                     Xt,
                     {
-                      ...U,
+                      ...$,
                       size: w,
-                      isValidDateRange: !!K,
-                      selectedStartDate: K,
-                      selectedEndDate: K
+                      isValidDateRange: !!U,
+                      selectedStartDate: U,
+                      selectedEndDate: U,
+                      multiSelectable: !1
                     }
                   ),
-                  $ === "month-picker" && /* @__PURE__ */ o(
+                  j === "month-picker" && /* @__PURE__ */ o(
                     Pt,
                     {
                       firstMonth: u,
                       numMonths: d,
-                      value: v,
+                      value: F,
                       size: w,
-                      onValueChange: (O) => {
-                        var _;
-                        C(O), V("calendar"), (_ = Q.current) == null || _.focus();
+                      onValueChange: (E) => {
+                        var B;
+                        rt(E), q("calendar"), (B = G.current) == null || B.focus();
                       },
                       onCancel: () => {
-                        var O;
-                        V("calendar"), (O = Q.current) == null || O.focus();
+                        var E;
+                        q("calendar"), (E = G.current) == null || E.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: R })
+                  g == null ? void 0 : g({ hideCalendar: L })
                 ] })
               }
             )
@@ -3525,8 +3542,8 @@ const ce = ({
 }, si = ({
   value: t,
   onValueChange: e,
-  label: n,
-  localeCode: r = "sv",
+  label: r,
+  localeCode: n = "sv",
   initialMonthInFocus: s,
   previousMonthButtonAriaLabel: i = "Previous month",
   nextMonthButtonAriaLabel: c = "Next month",
@@ -3539,26 +3556,26 @@ const ce = ({
   const f = Xe(
     t,
     e,
-    r,
+    n,
     s
   ), {
     visiblePanel: h,
     visibleMonth: g,
     onValueChangeByInputs: w,
-    setVisibleMonth: y,
-    setVisiblePanel: b,
-    monthPickerButtonRef: M,
-    selectedDate: p
+    setVisibleMonth: k,
+    setVisiblePanel: p,
+    monthPickerButtonRef: y,
+    selectedDate: D
   } = f;
-  return /* @__PURE__ */ E(z, { gap: 3, children: [
+  return /* @__PURE__ */ _(C, { gap: 3, children: [
     a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
     /* @__PURE__ */ o(
       Qe,
       {
         value: t,
         onValueChange: w,
-        localeCode: r,
-        label: n,
+        localeCode: n,
+        label: r,
         calendarSize: m
       }
     ),
@@ -3576,9 +3593,10 @@ const ce = ({
       {
         ...f,
         size: m,
-        selectedStartDate: p,
-        selectedEndDate: p,
-        isValidDateRange: !!p
+        selectedStartDate: D,
+        selectedEndDate: D,
+        isValidDateRange: !!D,
+        multiSelectable: !1
       }
     ),
     h === "month-picker" && /* @__PURE__ */ o(
@@ -3588,13 +3606,13 @@ const ce = ({
         numMonths: d,
         value: g,
         size: m,
-        onValueChange: (k) => {
+        onValueChange: (M) => {
           var T;
-          y(k), b("calendar"), (T = M.current) == null || T.focus();
+          k(M), p("calendar"), (T = y.current) == null || T.focus();
         },
         onCancel: () => {
-          var k;
-          b("calendar"), (k = M.current) == null || k.focus();
+          var M;
+          p("calendar"), (M = y.current) == null || M.focus();
         }
       }
     )
@@ -3602,8 +3620,8 @@ const ce = ({
 }, ii = ({
   value: t,
   onValueChange: e,
-  startDateLabel: n,
-  endDateLabel: r,
+  startDateLabel: r,
+  endDateLabel: n,
   localeCode: s = "sv",
   initialMonthInFocus: i,
   previousMonthButtonAriaLabel: c = "Previous month",
@@ -3622,21 +3640,21 @@ const ce = ({
   ), {
     visiblePanel: g,
     visibleMonth: w,
-    onValueChangeByInputs: y,
-    setVisibleMonth: b,
-    setVisiblePanel: M,
-    monthPickerButtonRef: p
+    onValueChangeByInputs: k,
+    setVisibleMonth: p,
+    setVisiblePanel: y,
+    monthPickerButtonRef: D
   } = h;
-  return /* @__PURE__ */ E(z, { gap: 3, children: [
+  return /* @__PURE__ */ _(C, { gap: 3, children: [
     l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
       qe,
       {
         value: t,
-        onValueChange: y,
+        onValueChange: k,
         localeCode: s,
-        startDateLabel: n,
-        endDateLabel: r,
+        startDateLabel: r,
+        endDateLabel: n,
         calendarSize: f
       }
     ),
@@ -3649,7 +3667,7 @@ const ce = ({
         calendarSize: f
       }
     ),
-    g === "calendar" && /* @__PURE__ */ o(Xt, { ...h, size: f }),
+    g === "calendar" && /* @__PURE__ */ o(Xt, { ...h, size: f, multiSelectable: !0 }),
     g === "month-picker" && /* @__PURE__ */ o(
       Pt,
       {
@@ -3657,13 +3675,13 @@ const ce = ({
         numMonths: u,
         value: w,
         size: f,
-        onValueChange: (k) => {
+        onValueChange: (M) => {
           var T;
-          b(k), M("calendar"), (T = p.current) == null || T.focus();
+          p(M), y("calendar"), (T = D.current) == null || T.focus();
         },
         onCancel: () => {
-          var k;
-          M("calendar"), (k = p.current) == null || k.focus();
+          var M;
+          y("calendar"), (M = D.current) == null || M.focus();
         }
       }
     )
@@ -3671,65 +3689,65 @@ const ce = ({
 };
 export {
   ie as Calendar,
-  He as CalendarDay,
+  $e as CalendarDay,
   Gs as DateInput,
   zs as DateRangeCalendar,
   ei as DateRangeDualTextInput,
   Qs as DateRangeInput,
   Xs as DateTextInput,
   Vs as DateTimeInput,
-  Hn as Month,
+  Hr as Month,
   Pt as MonthPicker,
   Js as MultiDateCalendar,
-  dr as PresetPicker,
-  Ue as SingleDateCalendar,
+  dn as PresetPicker,
+  je as SingleDateCalendar,
   qs as SingleWeekCalendar,
   Zs as TimeTextInput,
   si as TravelDateCalendar,
-  ri as TravelDateInput,
+  ni as TravelDateInput,
   ii as TravelDateRangeCalendar,
-  ni as TravelDateRangeInput,
-  On as WeekDay,
-  qn as WeekDayCell,
-  Qn as WeekNumberCell,
+  ri as TravelDateRangeInput,
+  $r as WeekDay,
+  Jr as WeekDayCell,
+  Gr as WeekNumberCell,
   ti as YearPicker,
-  lt as addDayStateHighlights,
-  $e as addDayStateHighlightsOnSingleDay,
-  Bn as addWeekRangeHighlights,
-  vs as addWeekStateHighlights,
+  dt as addDayStateHighlights,
+  He as addDayStateHighlightsOnSingleDay,
+  Yr as addWeekRangeHighlights,
+  Us as addWeekStateHighlights,
   Et as buildDayStateForDateRange,
-  Yn as buildDayStateForRange,
-  Pn as buildDayStateForSingleMonth,
-  vn as calculateOverflowingMonth,
-  jn as createDay,
-  pr as dateRangeToStrings,
-  zn as dayHasHighlight,
-  ct as dayHighlightSelect,
+  Pr as buildDayStateForRange,
+  Lr as buildDayStateForSingleMonth,
+  jr as calculateOverflowingMonth,
+  vr as createDay,
+  pn as dateRangeToStrings,
+  Cr as dayHasHighlight,
+  at as dayHighlightSelect,
   bt as defaultCalendarTheme,
-  Jn as defaultTextPropsProvider,
-  Kn as defaultWrapperStyleProvider,
+  Kr as defaultTextPropsProvider,
+  zr as defaultWrapperStyleProvider,
   Fs as extranetCalendarTheme,
   St as formatLocalizedDate,
   kt as getDateFormatForLocaleCode,
-  Un as getDaysForWeekForDate,
+  Wr as getDaysForWeekForDate,
   Je as getDefaultLocaleForFormatting,
   Gt as getLocaleForLocaleCode,
   Jt as getMonthInYear,
   ye as getMonthsInYear,
   pe as getWeekForDate,
-  Wn as getWeeksForMonth,
-  We as isDateRangeInvalid,
+  Or as getWeeksForMonth,
+  ve as isDateRangeInvalid,
   ht as parseLocalizedDateString,
   ae as reformatLocalizedDateString,
-  js as setDayStateValue,
-  Us as setDayStateValueFunction,
-  Dr as stringsToDateRange,
+  Ws as setDayStateValue,
+  js as setDayStateValueFunction,
+  Dn as stringsToDateRange,
   Cs as toggleDateStringsIfEndIsEarlierThanStart,
-  je as toggleDatesIfEndIsEarlierThanStart,
+  We as toggleDatesIfEndIsEarlierThanStart,
   Ks as useDateRangeCalendarState,
-  wr as useDateRangeSelection,
-  Mr as useMultiDateSelection,
-  yr as useSingleDateSelection,
-  kr as useSingleWeekSelection
+  wn as useDateRangeSelection,
+  Mn as useMultiDateSelection,
+  yn as useSingleDateSelection,
+  kn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map