@stenajs-webui/calendar 21.16.6 → 21.16.7

package/dist/index.es.js

@@ -1,17 +1,17 @@
 (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_h6vcn_1{position:relative}._travelDateCell_h6vcn_1._small_h6vcn_4{width:40px;height:40px}._travelDateCell_h6vcn_1._medium_h6vcn_9{width:48px;height:48px}._travelDateCell_h6vcn_1._large_h6vcn_14{width:56px;height:28px}._travelDateCell_h6vcn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_h6vcn_1:focus{outline:none}._travelDateCell_h6vcn_1:focus-visible ._outline_h6vcn_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_h6vcn_1:focus-visible ._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39{border-color:transparent}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_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_h6vcn_1 ._contentWrapper_h6vcn_39._disabled_h6vcn_60{cursor:not-allowed}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isToday_h6vcn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67,._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67{background:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67 span{color:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68:not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1k07m_1._small_1k07m_2{width:20px;height:40px}._travelDateCellBackground_1k07m_1._medium_1k07m_7{width:24px;height:48px}._travelDateCellBackground_1k07m_1._large_1k07m_12{width:28px;height:56px}._travelCalendar_18pjj_1{border-spacing:0 4px;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 N, Fragment as ue } from "react/jsx-runtime";
-import { Box as B, Text as yt, Clickable as Be, Row as P, Spacing as or, Column as Q, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as _t, SeparatorLine as ar, parseIntElseUndefined as Se, useBoolean as ie, useDelayedFalse as Te, useOnClickOutside as Ye } from "@stenajs-webui/core";
-import { FlatButton as tt, stenaAngleDown as he, PrimaryButton as It, stenaAngleLeft as lr, stenaAngleRight as dr, SecondaryButton as ft, stenaAngleLeftDouble as ur, stenaArrowLeft as Gt, stenaArrowRight as Pt, stenaAngleRightDouble as fr, TextInputButton as hr, stenaCalendar as Nt, Icon as Pe, stenaArrowWideRight as mr, stenaClock as He, Label as gr, stenaAngleUp as Dr, CardBody as We } from "@stenajs-webui/elements";
-import { isAfter as V, eachDayOfInterval as $e, isSameDay as Y, endOfMonth as Oe, startOfMonth as Ue, min as pr, addDays as Z, max as br, subDays as gt, format as $, getISOWeek as me, getDate as qt, startOfWeek as jt, addWeeks as wr, getMonth as Dt, getWeek as Fe, getYear as Lt, getISODay as yr, addHours as Ce, isBefore as ct, parse as bt, addMonths as Ht, isSameMonth as ot, addYears as Mr, subMonths as ge, subYears as kr, setWeek as Sr, isValid as Tr, isSameYear as Rr } from "date-fns";
+import { jsx as o, jsxs as N, Fragment as fe } from "react/jsx-runtime";
+import { Box as B, Text as yt, Clickable as Be, Row as H, Spacing as or, useToday as Gt, Column as Q, Heading as Yt, exhaustSwitchCase as he, Space as St, Indent as _t, SeparatorLine as ar, parseIntElseUndefined as Se, useBoolean as ce, useDelayedFalse as Te, useOnClickOutside as Ye } from "@stenajs-webui/core";
+import { FlatButton as tt, stenaAngleDown as me, PrimaryButton as It, stenaAngleLeft as lr, stenaAngleRight as dr, SecondaryButton as ft, stenaAngleLeftDouble as ur, stenaArrowLeft as qt, stenaArrowRight as Pt, stenaAngleRightDouble as fr, TextInputButton as hr, stenaCalendar as Nt, Icon as Pe, stenaArrowWideRight as mr, stenaClock as He, Label as gr, stenaAngleUp as pr, CardBody as We } from "@stenajs-webui/elements";
+import { isAfter as V, eachDayOfInterval as $e, isSameDay as Y, endOfMonth as Oe, startOfMonth as Ue, min as Dr, addDays as Z, max as br, subDays as gt, format as O, getISOWeek as ge, getDate as Jt, startOfWeek as jt, addWeeks as wr, getMonth as pt, getWeek as Fe, getYear as Lt, getISODay as yr, addHours as Ce, isBefore as ct, parse as bt, addMonths as Ht, isSameMonth as ot, addYears as Mr, subMonths as pe, subYears as kr, setWeek as Sr, isValid as Tr, isSameYear as Rr } from "date-fns";
 import { enGB as De, enUS as Ir, enIE as Er, deAT as xr, de as Re, sv as Ie, da as Ee, nlBE as Ar, lv as xe, fr as _r, es as Nr, pl as Lr, nl as vr, nb as Br } from "date-fns/locale";
-import { last as Yr, startCase as vt, chunk as je, debounce as Pr, padStart as Hr, range as pe } from "lodash-es";
-import * as be from "react";
-import { useMemo as T, useRef as U, useEffect as rt, useCallback as M, useId as we, useState as R, useLayoutEffect as Ke } from "react";
+import { last as Yr, startCase as vt, chunk as je, debounce as Pr, padStart as Hr, range as be } from "lodash-es";
+import * as we from "react";
+import { useMemo as R, useRef as U, useEffect as rt, useCallback as y, useId as ye, useState as I, useLayoutEffect as Ke } from "react";
 import wt from "classnames";
-import te from "@emotion/styled";
+import ee from "@emotion/styled";
 import { TextInput as mt, TextInputBox as Wr, LabelledTextInput as $r } from "@stenajs-webui/forms";
 import { ControlledPopover as Wt } from "@stenajs-webui/tooltip";
-import { cssColor as Jt } from "@stenajs-webui/theme";
+import { cssColor as Qt } from "@stenajs-webui/theme";
 import { useMaskedInput as Or } from "@stenajs-webui/input-mask";
 const at = {
   yearAndMonth: "yyyy-MM",
@@ -47,9 +47,9 @@ const at = {
 ), Fr = (t = {}, e, r, n, s) => e && r ? Bt(
   t,
   br([e, gt(n, 1)]),
-  pr([r, Z(s, 1)])
+  Dr([r, Z(s, 1)])
 ) : Bt(t, e, r), Qs = (t, e, r) => {
-  const n = $(e, at.yearAndMonth), s = me(e), i = qt(e);
+  const n = O(e, at.yearAndMonth), s = ge(e), i = Jt(e);
   return {
     ...t,
     [n]: {
@@ -64,7 +64,7 @@ const at = {
     }
   };
 }, Xs = (t, e, r) => {
-  const n = $(e, at.yearAndMonth), s = me(e), i = qt(e);
+  const n = O(e, at.yearAndMonth), s = ge(e), i = Jt(e);
   return {
     ...t,
     [n]: {
@@ -81,7 +81,7 @@ const at = {
     }
   };
 }, ht = (t, e, r) => {
-  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = me(e), c = qt(e), a = t && t[s] && t[s][i] && t[s][i][c];
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = ge(e), c = Jt(e), a = t && t[s] && t[s][i] && t[s][i][c];
   return {
     ...t,
     [s]: {
@@ -98,8 +98,8 @@ const at = {
 }), Zs = (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((f) => {
-    a = ht(a, f.date, r);
+  e.days.forEach((m) => {
+    a = ht(a, m.date, r);
   });
   const l = a && a[i] ? a[i][c] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
@@ -120,21 +120,21 @@ const at = {
   return {
     ...Bt(t, r, n)
   };
-}, jr = (t, e) => T(() => t ? ht(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+}, jr = (t, e) => R(() => t ? ht(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
 var Kr = /* @__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))(Kr || {}), zr = /* @__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))(zr || {});
 const Ae = (t, e, r, n) => {
   const s = [];
   for (let i = 0; i < r; i++)
-    s.push(Qt(t, e + i, n));
+    s.push(Xt(t, e + i, n));
   return s;
-}, Qt = (t, e, r) => {
+}, Xt = (t, e, r) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
   const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: $(i, at.yearAndMonth),
+    monthString: O(i, at.yearAndMonth),
     name: vt(
-      $(i, at.fullMonthName, { locale: r })
+      O(i, at.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
@@ -143,19 +143,19 @@ const Ae = (t, e, r, n) => {
 }, Gr = (t, e, r, n = !0) => {
   const s = new Date(t, e, 1), i = jt(s, { locale: r }), c = [];
   for (let a = 0; a < 6; a++) {
-    const l = ye(wr(i, a), r);
+    const l = Me(wr(i, a), r);
     if (a > 0 && l.startMonth !== e && !n)
       return c;
     c.push(l);
   }
   return c;
-}, ye = (t, e) => {
-  const r = Dt(Z(t, 7)) !== Dt(t);
+}, Me = (t, e) => {
+  const r = pt(Z(t, 7)) !== pt(t);
   return {
     weekNumber: Fe(t, { locale: e }),
-    startMonth: Dt(t),
+    startMonth: pt(t),
     startYear: Lt(t),
-    endMonth: Dt(Z(t, 6)),
+    endMonth: pt(Z(t, 6)),
     endYear: Lt(Z(t, 6)),
     days: Jr(t, e),
     isLastWeekOfMonth: r
@@ -164,13 +164,13 @@ const Ae = (t, e, r, n) => {
   const r = yr(t);
   return {
     date: t,
-    name: $(t, "EEE", e ? { locale: e } : void 0),
-    fullName: $(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: $(Ce(t, 12), at.fullDate),
+    name: O(t, "EEE", e ? { locale: e } : void 0),
+    fullName: O(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: O(Ce(t, 12), at.fullDate),
     weekNumber: Fe(t, { locale: e }),
     year: Lt(t),
-    month: Dt(t),
-    dayOfMonth: qt(t),
+    month: pt(t),
+    dayOfMonth: Jt(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
@@ -387,7 +387,7 @@ const Ae = (t, e, r, n) => {
         }
       )
     }
-  ), f = te.td({
+  ), m = ee.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const Ae = (t, e, r, n) => {
       n,
       i
     )
-  }), m = te.div({
+  }), h = ee.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const Ae = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), h = te.div({
+  }), f = ee.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,12 +419,12 @@ const Ae = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), D = nn(d, s);
+  }), g = nn(d, s);
   return /* @__PURE__ */ o(
-    f,
+    m,
     {
-      onClick: D ? void 0 : (g) => c == null ? void 0 : c(e, i, g),
-      children: /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(h, { children: e.month === n.monthInYear && /* @__PURE__ */ N(ue, { children: [
+      onClick: g ? void 0 : (b) => c == null ? void 0 : c(e, i, b),
+      children: /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(f, { children: e.month === n.monthInYear && /* @__PURE__ */ N(fe, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -500,7 +500,7 @@ const Ae = (t, e, r, n) => {
   day: i,
   ...c
 }) {
-  const a = T(
+  const a = R(
     () => cn(i.date, r, n) ? s : ze(s, ["disabled"]),
     [i.date, s, n, r]
   );
@@ -518,76 +518,76 @@ function an({
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: f,
-  headerRightContent: m,
-  theme: h = Mt,
-  extraDayContent: D,
-  defaultHighlights: g,
+  renderWeekDay: m,
+  headerRightContent: h,
+  theme: f = Mt,
+  extraDayContent: g,
+  defaultHighlights: b,
   showWeekNumber: w
 }) {
-  return /* @__PURE__ */ o(ue, { children: /* @__PURE__ */ N(B, { alignItems: "stretch", children: [
+  return /* @__PURE__ */ o(fe, { children: /* @__PURE__ */ N(B, { alignItems: "stretch", children: [
     /* @__PURE__ */ N(
-      P,
+      H,
       {
-        justifyContent: m ? "space-between" : "center",
+        justifyContent: h ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(P, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
+          /* @__PURE__ */ o(H, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
             tt,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: he
+              rightIcon: me
             }
           ) : /* @__PURE__ */ N(yt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          m && /* @__PURE__ */ o(B, { alignItems: "center", children: m })
+          h && /* @__PURE__ */ o(B, { alignItems: "center", children: h })
         ]
       }
     ),
     /* @__PURE__ */ o("table", { children: /* @__PURE__ */ N("tbody", { children: [
       /* @__PURE__ */ N("tr", { children: [
-        w && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(B, { width: h.width, height: h.height }) }),
-        t.weeks[0].days.map((y) => /* @__PURE__ */ o("td", { children: f ? f(y.name, h, l) : /* @__PURE__ */ o(
+        w && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(B, { width: f.width, height: f.height }) }),
+        t.weeks[0].days.map((p) => /* @__PURE__ */ o("td", { children: m ? m(p.name, f, l) : /* @__PURE__ */ o(
           rn,
           {
-            day: y,
+            day: p,
             onClickWeekDay: l,
-            theme: h
+            theme: f
           }
-        ) }, y.name))
+        ) }, p.name))
       ] }),
-      t.weeks.map((y) => /* @__PURE__ */ N("tr", { children: [
-        w && /* @__PURE__ */ o("td", { children: u ? u(y, h, a) : /* @__PURE__ */ o(
+      t.weeks.map((p) => /* @__PURE__ */ N("tr", { children: [
+        w && /* @__PURE__ */ o("td", { children: u ? u(p, f, a) : /* @__PURE__ */ o(
           sn,
           {
-            week: y,
+            week: p,
             onClickWeek: a,
-            theme: h
+            theme: f
           }
         ) }),
-        y.days.map((b) => /* @__PURE__ */ o(
+        p.days.map((D) => /* @__PURE__ */ o(
           on,
           {
             dayComponent: e,
-            day: b,
-            week: y,
+            day: D,
+            week: p,
             month: t,
-            dayState: r && r[y.weekNumber] && r[y.weekNumber][b.dayOfMonth],
-            userData: n && n[y.weekNumber] && n[y.weekNumber][b.dayOfMonth],
+            dayState: r && r[p.weekNumber] && r[p.weekNumber][D.dayOfMonth],
+            userData: n && n[p.weekNumber] && n[p.weekNumber][D.dayOfMonth],
             onClickDay: c,
-            theme: h,
-            extraDayContent: D,
-            defaultHighlights: g,
+            theme: f,
+            extraDayContent: g,
+            defaultHighlights: b,
             minDate: s,
             maxDate: i
           },
-          b.dateString
+          D.dateString
         ))
-      ] }, y.weekNumber))
+      ] }, p.weekNumber))
     ] }) })
   ] }) });
 }
@@ -603,17 +603,17 @@ function ln({
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: f,
-  headerRightContent: m,
-  extraDayContent: h,
-  defaultHighlights: D,
-  showWeekNumber: g,
+  renderWeekNumber: m,
+  headerRightContent: h,
+  extraDayContent: f,
+  defaultHighlights: g,
+  showWeekNumber: b,
   theme: w = Mt
 }) {
-  const y = T(
+  const p = R(
     () => s ? bt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), b = T(
+  ), D = R(
     () => i ? bt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
@@ -622,35 +622,35 @@ function ln({
     {
       className: wt(
         _e.calendar,
-        g && _e.weekNumberVisible
+        b && _e.weekNumberVisible
       ),
-      children: t.map((p, S) => /* @__PURE__ */ o(or, { children: /* @__PURE__ */ o(P, { gap: 2, children: p.map((I) => /* @__PURE__ */ o(
+      children: t.map((M, k) => /* @__PURE__ */ o(or, { children: /* @__PURE__ */ o(H, { gap: 2, children: M.map((T) => /* @__PURE__ */ o(
         an,
         {
-          month: I,
+          month: T,
           dayComponent: e,
-          userDataPerWeek: r && r[I.monthString],
-          statePerWeek: n && n[I.monthString],
+          userDataPerWeek: r && r[T.monthString],
+          statePerWeek: n && n[T.monthString],
           onClickDay: c,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
           theme: w,
-          renderWeekNumber: f,
+          renderWeekNumber: m,
           renderWeekDay: u,
-          headerRightContent: m,
-          extraDayContent: h,
-          defaultHighlights: D,
-          minDate: y,
-          maxDate: b,
-          showWeekNumber: g ?? !1
+          headerRightContent: h,
+          extraDayContent: f,
+          defaultHighlights: g,
+          minDate: p,
+          maxDate: D,
+          showWeekNumber: b ?? !1
         },
-        I.name
-      )) }) }, S))
+        T.name
+      )) }) }, k))
     }
   );
 }
-function ce(t) {
+function oe(t) {
   const e = dn(t.year, t.month, t.date), { year: r, month: n } = Qr(
     e.year,
     e.month
@@ -683,15 +683,15 @@ const dn = (t, e, r) => {
     };
   if (r)
     return {
-      month: Dt(r),
+      month: pt(r),
       year: Lt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: Dt(n),
+    month: pt(n),
     year: Lt(n)
   };
-}, un = (t, e, r, n, s) => n == null ? [[Qt(t, e, r)]] : s == null ? [Ae(t, e, n, r)] : je(Ae(t, e, n, r), s), qe = (t, e) => `${t.row}-${t.column}-${e}`, fn = (t, e, r, n) => {
+}, un = (t, e, r, n, s) => n == null ? [[Xt(t, e, r)]] : s == null ? [Ae(t, e, n, r)] : je(Ae(t, e, n, r), s), qe = (t, e) => `${t.row}-${t.column}-${e}`, fn = (t, e, r, n) => {
   let s = e;
   for (let i = 0; i < n; i++) {
     s = hn(s, t, n);
@@ -743,7 +743,7 @@ const dn = (t, e, r) => {
   for (const r of e)
     if (Tt[r].code === t.code)
       return r;
-}, Dn = ({
+}, pn = ({
   month: t,
   onClick: e,
   selected: r,
@@ -753,58 +753,58 @@ const dn = (t, e, r) => {
   position: c,
   size: a
 }) => {
-  const l = T(
+  const l = R(
     () => Rt(n) ?? Rt("en-GB"),
     [n]
-  ), d = T(
-    () => vt($(t, "MMM", { locale: l })),
+  ), d = R(
+    () => vt(O(t, "MMM", { locale: l })),
     [l, t]
-  ), u = T(
-    () => vt($(t, "MMMM", { locale: l })),
+  ), u = R(
+    () => vt(O(t, "MMMM", { locale: l })),
     [l, t]
-  ), f = U(null), m = qe(c, i), h = r ? 0 : -1;
+  ), m = U(null), h = qe(c, i), f = r ? 0 : -1;
   rt(() => {
-    var g;
-    (g = f.current) == null || g.focus();
+    var b;
+    (b = m.current) == null || b.focus();
   }, []);
-  const D = M(
-    (g) => {
-      var y;
+  const g = y(
+    (b) => {
+      var p;
       const w = fn(
-        g.key,
+        b.key,
         c,
         i,
         4
       );
-      w && ((y = document.getElementById(w)) == null || y.focus());
+      w && ((p = document.getElementById(w)) == null || p.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(P, { justifyContent: "center", onKeyDown: D, children: r ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(H, { justifyContent: "center", onKeyDown: g, children: r ? /* @__PURE__ */ o(
     It,
     {
-      id: m,
+      id: h,
       "aria-label": u,
       label: d,
       onClick: e,
       "aria-selected": !0,
       autoFocus: s,
-      ref: f,
+      ref: m,
       size: a === "large" ? "large" : "medium",
-      tabIndex: h
+      tabIndex: f
     }
   ) : /* @__PURE__ */ o(
     tt,
     {
-      id: m,
+      id: h,
       label: d,
       "aria-label": u,
       onClick: e,
       size: a === "large" ? "large" : "medium",
-      tabIndex: h
+      tabIndex: f
     }
   ) });
-}, pn = (t, e, r) => {
+}, Dn = (t, e, r) => {
   let n = t.getFullYear(), s = 0, i = 0, c = t;
   const a = {
     yearOrder: [],
@@ -830,7 +830,7 @@ const dn = (t, e, r) => {
     c = Ht(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;
-}, Me = () => T(() => /* @__PURE__ */ new Date(), []), $t = ({
+}, $t = ({
   value: t,
   onValueChange: e,
   firstMonth: r,
@@ -839,39 +839,39 @@ const dn = (t, e, r) => {
   onCancel: i,
   size: c = "medium"
 }) => {
-  const a = we(), l = Me(), d = s > 0 ? s : 12, [u, f] = R(!1), m = pn(r, d, wn(c)), h = T(() => Ht(r, d), [d, r]);
+  const a = ye(), l = Gt(), d = s > 0 ? s : 12, [u, m] = I(!1), h = Dn(r, d, wn(c)), f = R(() => Ht(r, d), [d, r]);
   rt(() => {
-    f(!0);
+    m(!0);
   }, []);
-  const D = M(
-    (g) => {
-      g.key === "Escape" && (i == null || i(), g.preventDefault(), g.stopPropagation());
+  const g = y(
+    (b) => {
+      b.key === "Escape" && (i == null || i(), b.preventDefault(), b.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ o(Q, { gap: 1, maxWidth: bn(c), onKeyDown: D, children: m.yearOrder.map((g, w) => {
-    const { rows: y } = m.years[g];
-    return /* @__PURE__ */ N(be.Fragment, { children: [
-      (w !== 0 || g !== l.getFullYear()) && /* @__PURE__ */ o(Yt, { variant: "h4", children: g }),
-      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: y.map((b) => {
-        const { columns: p } = m.rows[b];
-        return /* @__PURE__ */ o("tr", { children: p.map(({ month: S, position: I }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
-          Dn,
+  return /* @__PURE__ */ o(Q, { gap: 1, maxWidth: bn(c), onKeyDown: g, children: h.yearOrder.map((b, w) => {
+    const { rows: p } = h.years[b];
+    return /* @__PURE__ */ N(we.Fragment, { children: [
+      (w !== 0 || b !== l.getFullYear()) && /* @__PURE__ */ o(Yt, { variant: "h4", children: b }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: p.map((D) => {
+        const { columns: M } = h.rows[D];
+        return /* @__PURE__ */ o("tr", { children: M.map(({ month: k, position: T }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+          pn,
           {
-            month: S,
+            month: k,
             firstAvailableMonth: r,
-            lastAvailableMonth: h,
+            lastAvailableMonth: f,
             localeCode: n,
-            selected: t ? ot(t, S) : !1,
+            selected: t ? ot(t, k) : !1,
             autoFocus: u,
-            onClick: () => e == null ? void 0 : e(S),
+            onClick: () => e == null ? void 0 : e(k),
             monthPickerId: a,
-            position: I,
+            position: T,
             size: c
           }
-        ) }, S.getMonth())) }, b);
+        ) }, k.getMonth())) }, D);
       }) }) })
-    ] }, g);
+    ] }, b);
   }) });
 }, bn = (t) => {
   switch (t) {
@@ -882,7 +882,7 @@ const dn = (t, e, r) => {
     case "large":
       return "448px";
     default:
-      return fe(t, "336px");
+      return he(t, "336px");
   }
 }, wn = (t) => {
   switch (t) {
@@ -893,7 +893,7 @@ const dn = (t, e, r) => {
     case "large":
       return 5;
     default:
-      return fe(t, 4);
+      return he(t, 4);
   }
 }, yn = (t) => [
   {
@@ -917,10 +917,10 @@ const dn = (t, e, r) => {
 ], Mn = ({
   onClickPreset: t
 }) => {
-  const [e, r] = R(0), n = T(() => yn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  const [e, r] = I(0), n = R(() => yn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
   return /* @__PURE__ */ N(Q, { children: [
     /* @__PURE__ */ N(
-      P,
+      H,
       {
         justifyContent: "space-between",
         alignItems: "center",
@@ -949,7 +949,7 @@ const dn = (t, e, r) => {
       }
     ),
     /* @__PURE__ */ o(St, {}),
-    /* @__PURE__ */ o(Q, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ N(be.Fragment, { children: [
+    /* @__PURE__ */ o(Q, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ N(we.Fragment, { children: [
       /* @__PURE__ */ o(
         It,
         {
@@ -963,49 +963,50 @@ const dn = (t, e, r) => {
 }, kn = function({
   locale: e,
   dateInFocus: r,
-  setDateInFocus: n,
-  currentPanel: s,
-  setCurrentPanel: i,
-  renderMonthPicker: c,
-  ...a
+  firstMonthInMonthPicker: n,
+  setDateInFocus: s,
+  currentPanel: i,
+  setCurrentPanel: c,
+  renderMonthPicker: a,
+  ...l
 }) {
-  const l = T(
+  const d = R(
     () => e == null ? "en-GB" : gn(e) ?? "en-GB",
     [e]
-  ), d = M(
+  ), u = Gt(), m = y(
     (f) => {
-      n && n(f), i("calendar");
+      s && s(f), c("calendar");
     },
-    [n, i]
-  ), u = M(() => {
-    i("month");
-  }, [i]);
-  switch (s) {
+    [s, c]
+  ), h = y(() => {
+    c("month");
+  }, [c]);
+  switch (i) {
     case "calendar":
       return /* @__PURE__ */ o(
-        ce,
+        oe,
         {
-          ...a,
+          ...l,
           date: r,
-          onClickMonth: u,
+          onClickMonth: h,
           locale: e
         }
       );
     case "month":
-      return c ? c({
+      return a ? a({
         value: r,
-        onValueChange: d,
+        onValueChange: m,
         locale: e,
-        firstMonth: /* @__PURE__ */ new Date(),
+        firstMonth: n ?? u,
         numMonths: 24,
         dateInFocus: r
       }) : /* @__PURE__ */ o(
         $t,
         {
           value: r,
-          onValueChange: d,
-          localeCode: l,
-          firstMonth: /* @__PURE__ */ new Date(),
+          onValueChange: m,
+          localeCode: d,
+          firstMonth: n ?? u,
           numMonths: 24
         }
       );
@@ -1017,21 +1018,21 @@ const dn = (t, e, r) => {
         It,
         {
           label: "Show calendar",
-          onClick: () => i("calendar")
+          onClick: () => c("calendar")
         }
       ) });
   }
 }, Sn = (t, e, r, n) => {
-  const s = M(() => {
+  const s = y(() => {
     const l = Ht(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), i = M(() => {
+  }, [e, t, r, n]), i = y(() => {
     const l = Mr(t, 1);
     e == null || e(l);
-  }, [e, t]), c = M(() => {
-    const l = ge(t, r ?? n ?? 1);
+  }, [e, t]), c = y(() => {
+    const l = pe(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), a = M(() => {
+  }, [e, t, r, n]), a = y(() => {
     const l = kr(t, 1);
     e == null || e(l);
   }, [e, t]);
@@ -1049,9 +1050,9 @@ const dn = (t, e, r) => {
   nextYear: s
 }) => /* @__PURE__ */ N("div", { children: [
   t,
-  /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ N(P, { gap: 1, children: [
+  /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ N(H, { gap: 1, children: [
     /* @__PURE__ */ o(ft, { onClick: n, leftIcon: ur }),
-    /* @__PURE__ */ o(ft, { onClick: e, leftIcon: Gt }),
+    /* @__PURE__ */ o(ft, { onClick: e, leftIcon: qt }),
     /* @__PURE__ */ o(_t, { num: 2 }),
     /* @__PURE__ */ o(ft, { onClick: r, leftIcon: Pt }),
     /* @__PURE__ */ o(ft, { onClick: s, leftIcon: fr })
@@ -1065,57 +1066,59 @@ function kt({
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
-  setCurrentPanel: i,
-  onSelectPreset: c = Rn,
-  renderMonthPicker: a,
-  ...l
+  firstMonthInMonthPicker: i,
+  setCurrentPanel: c,
+  onSelectPreset: a = Rn,
+  renderMonthPicker: l,
+  ...d
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: f, prevYear: m } = Sn(
+  const { nextMonth: u, prevMonth: m, nextYear: h, prevYear: f } = Sn(
     r,
     n,
-    l.monthsPerRow,
-    l.numMonths
+    d.monthsPerRow,
+    d.numMonths
   );
   switch (In(
     t,
-    l.numMonths
+    d.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ o(
         Tn,
         {
           theme: e,
-          nextMonth: d,
-          prevMonth: u,
-          nextYear: f,
-          prevYear: m,
-          children: /* @__PURE__ */ o(ce, { ...l, theme: e, date: r })
+          nextMonth: u,
+          prevMonth: m,
+          nextYear: h,
+          prevYear: f,
+          children: /* @__PURE__ */ o(oe, { ...d, theme: e, date: r })
         }
       );
     case "header":
       return /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(
         kn,
         {
-          ...l,
+          ...d,
           theme: e,
-          renderMonthPicker: a,
+          renderMonthPicker: l,
           dateInFocus: r,
+          firstMonthInMonthPicker: i,
           setDateInFocus: n,
           currentPanel: s,
-          setCurrentPanel: i,
-          onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ N(P, { alignItems: "center", gap: 1, children: [
+          setCurrentPanel: c,
+          onSelectPreset: a,
+          headerRightContent: /* @__PURE__ */ N(H, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
               ft,
               {
-                onClick: u,
-                leftIcon: Gt
+                onClick: m,
+                leftIcon: qt
               }
             ),
             /* @__PURE__ */ o(
               ft,
               {
-                onClick: d,
+                onClick: u,
                 leftIcon: Pt
               }
             )
@@ -1123,12 +1126,12 @@ function kt({
         }
       ) });
     default:
-      return /* @__PURE__ */ o(ce, { ...l, theme: e, date: r });
+      return /* @__PURE__ */ o(oe, { ...d, theme: e, date: r });
   }
 }
 const In = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
-  startDate: t.startDate ? $(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? $(t.endDate, "yyyy-MM-dd") : void 0
+  startDate: t.startDate ? O(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? O(t.endDate, "yyyy-MM-dd") : void 0
 }), xn = ({
   startDate: t,
   endDate: e
@@ -1146,7 +1149,7 @@ const In = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
   endDate: t.startDate
 } : t, ri = (t) => t.startDate && t.endDate ? En(
   Ze(xn(t))
-) : t, An = (t, e, r, n) => M(
+) : t, An = (t, e, r, n) => y(
   (s) => {
     const i = {
       startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
@@ -1161,8 +1164,8 @@ const In = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), Xt = (t) => {
-  const [e, r] = R("calendar"), n = M(
+), Zt = (t) => {
+  const [e, r] = I("calendar"), n = y(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1181,14 +1184,14 @@ const In = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
   onChangePanel: i,
   initialDateInFocus: c
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Xt(i), [d, u] = R(
+  const { currentPanel: a, setCurrentPanel: l } = Zt(i), [d, u] = I(
     () => c ?? /* @__PURE__ */ new Date()
-  ), f = An(
+  ), m = An(
     e,
     r,
     t,
     n
-  ), m = T(
+  ), h = R(
     () => Bt(
       s,
       e == null ? void 0 : e.startDate,
@@ -1197,8 +1200,8 @@ const In = (t, e) => t || (e || 1) > 1 ? "below" : "header", En = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: f,
-    statePerMonth: m,
+    onClickDay: m,
+    statePerMonth: h,
     currentPanel: a,
     setCurrentPanel: l,
     setDateInFocus: u,
@@ -1210,7 +1213,7 @@ function ni(t) {
   return /* @__PURE__ */ o(kt, { ...t, ...e });
 }
 const si = () => {
-  const [t, e] = R(), [r, n] = R(), [s, i] = R("startDate");
+  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1225,12 +1228,12 @@ const si = () => {
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Xt(n), [c, a] = R(() => e ?? /* @__PURE__ */ new Date()), l = M(
+  const { currentPanel: s, setCurrentPanel: i } = Zt(n), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = y(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = T(
+  ), d = R(
     () => e ? ht(r, e, [
       "selected",
       "singleSelected"
@@ -1257,16 +1260,16 @@ const Ln = ({
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Xt(n), [c, a] = R(() => /* @__PURE__ */ new Date()), l = M(
+  const { currentPanel: s, setCurrentPanel: i } = Zt(n), [c, a] = I(() => /* @__PURE__ */ new Date()), l = y(
     (u) => {
       if (!t)
         return;
-      const f = e && e.find((m) => Y(m, u.date));
-      t(e && f ? e.filter((m) => !Y(m, u.date)) : [...e || [], u.date]);
+      const m = e && e.find((h) => Y(h, u.date));
+      t(e && m ? e.filter((h) => !Y(h, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = T(() => e ? e.reduce(
-    (u, f) => ht(u, f, ["selected"]),
+  ), d = R(() => e ? e.reduce(
+    (u, m) => ht(u, m, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1289,29 +1292,29 @@ const vn = ({
   onChangePanel: n,
   locale: s = De
 }) => {
-  const [i, c] = R(() => {
-    const h = ee(e, s);
-    return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Xt(n), d = M(
-    (h) => {
-      t && t(Ne(ye(h.date, s)));
+  const [i, c] = I(() => {
+    const f = re(e, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: a, setCurrentPanel: l } = Zt(n), d = y(
+    (f) => {
+      t && t(Ne(Me(f.date, s)));
     },
     [s, t]
-  ), u = M(
-    (h) => {
-      t && t(Ne(h));
+  ), u = y(
+    (f) => {
+      t && t(Ne(f));
     },
     [t]
-  ), f = T(() => {
-    const h = ee(e, s);
-    return h ? Cr(r, h) : r;
-  }, [e, s, r]), m = T(() => {
-    const h = ee(e, s);
-    return h ? h.days[0].date : /* @__PURE__ */ new Date();
+  ), m = R(() => {
+    const f = re(e, s);
+    return f ? Cr(r, f) : r;
+  }, [e, s, r]), h = R(() => {
+    const f = re(e, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: f,
-    date: m,
+    statePerMonth: m,
+    date: h,
     dateInFocus: i,
     setDateInFocus: c,
     onClickDay: d,
@@ -1322,22 +1325,22 @@ const vn = ({
 }, Ne = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
-}, ee = (t, e) => {
+}, re = (t, e) => {
   if (!t)
     return;
   const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
   const c = jt(Sr(i, n), { locale: e });
-  return ye(c, e);
+  return Me(c, e);
 };
 function ci(t) {
   const e = vn(t);
   return /* @__PURE__ */ o(kt, { ...t, ...e });
 }
 const Ot = "bottom", Bn = (t, e, r) => {
-  const [n, s] = R(r || !1), i = M(() => (s(!0), !0), [s]), c = M(() => {
+  const [n, s] = I(r || !1), i = y(() => (s(!0), !0), [s]), c = y(() => {
     s(!1), e && e();
-  }, [s, e]), a = M(
+  }, [s, e]), a = y(
     (l) => {
       t && t(l), setTimeout(c, 150);
     },
@@ -1361,34 +1364,34 @@ const Ot = "bottom", Bn = (t, e, r) => {
   variant: l,
   width: d,
   minDate: u,
-  maxDate: f = Ut,
-  disabled: m,
-  portalTarget: h,
-  zIndex: D
+  maxDate: m = Ut,
+  disabled: h,
+  portalTarget: f,
+  zIndex: g
 }) => {
-  const { hideCalendar: g, showingCalendar: w, onSelectDate: y, showCalendar: b } = Bn(a, c, i);
+  const { hideCalendar: b, showingCalendar: w, onSelectDate: p, showCalendar: D } = Bn(a, c, i);
   return /* @__PURE__ */ o(B, { width: d, children: /* @__PURE__ */ o(
     Wt,
     {
       hideArrow: !0,
       open: w,
-      onRequestClose: g,
-      appendTo: h,
-      zIndex: D,
-      renderTrigger: (p) => /* @__PURE__ */ o(B, { ...p, children: /* @__PURE__ */ o(
+      onRequestClose: b,
+      appendTo: f,
+      zIndex: g,
+      renderTrigger: (M) => /* @__PURE__ */ o(B, { ...M, children: /* @__PURE__ */ o(
         mt,
         {
           type: "date",
-          onFocus: b,
-          buttonRight: /* @__PURE__ */ o(hr, { onClick: b, icon: Nt }),
-          value: r ? $(r, t) : "",
+          onFocus: D,
+          buttonRight: /* @__PURE__ */ o(hr, { onClick: D, icon: Nt }),
+          value: r ? O(r, t) : "",
           placeholder: e,
           size: 9,
-          disabled: m,
+          disabled: h,
           autoFocus: i,
           variant: l,
           min: u,
-          max: f
+          max: m
         }
       ) }),
       placement: Ot,
@@ -1396,31 +1399,31 @@ const Ot = "bottom", Bn = (t, e, r) => {
         Ve,
         {
           ...s,
-          onChange: y,
+          onChange: p,
           value: r,
           theme: n,
           minDate: u,
-          maxDate: f
+          maxDate: m
         }
       )
     }
   ) });
 }, Yn = (t, e) => {
-  const r = U(null), n = U(null), [s, i] = R(!1), [c, a] = R(void 0), l = M(() => (a("startDate"), i(!0), !0), [a, i]), d = M(() => (a("endDate"), i(!0), !0), [a, i]), u = M(() => {
+  const r = U(null), n = U(null), [s, i] = I(!1), [c, a] = I(void 0), l = y(() => (a("startDate"), i(!0), !0), [a, i]), d = y(() => (a("endDate"), i(!0), !0), [a, i]), u = y(() => {
     i(!1);
-  }, [i]), f = M(
-    (h) => {
-      var D, g;
+  }, [i]), m = y(
+    (f) => {
+      var g, b;
       c === "startDate" ? (e == null || e({
-        startDate: h.date,
+        startDate: f.date,
         endDate: t == null ? void 0 : t.endDate
-      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), (D = n.current) == null || D.focus())) : c === "endDate" && (e == null || e({
+      }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), (g = n.current) == null || g.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"), (g = r.current) == null || g.focus()));
+        endDate: f.date
+      }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), (b = r.current) == null || b.focus()));
     },
     [c, e, a, u, t]
-  ), m = T(
+  ), h = R(
     () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && V(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
@@ -1433,8 +1436,8 @@ const Ot = "bottom", Bn = (t, e, r) => {
     setFocusedInput: a,
     startDateInputRef: r,
     endDateInputRef: n,
-    onClickDay: f,
-    startDateIsAfterEnd: m
+    onClickDay: m,
+    startDateIsAfterEnd: h
   };
 };
 function ai({
@@ -1449,22 +1452,22 @@ function ai({
   minDate: l,
   maxDate: d = Ut,
   disabled: u,
-  portalTarget: f,
-  zIndex: m
+  portalTarget: m,
+  zIndex: h
 }) {
-  const [h, D] = R("calendar"), {
-    hideCalendar: g,
+  const [f, g] = I("calendar"), {
+    hideCalendar: b,
     showCalendarEndDate: w,
-    showCalendarStartDate: y,
-    showingCalendar: b,
-    focusedInput: p,
-    startDateInputRef: S,
-    endDateInputRef: I,
+    showCalendarStartDate: p,
+    showingCalendar: D,
+    focusedInput: M,
+    startDateInputRef: k,
+    endDateInputRef: T,
     onClickDay: L,
-    startDateIsAfterEnd: x
-  } = Yn(n, s), [A, k] = R(
-    () => (p && (n == null ? void 0 : n[p])) ?? /* @__PURE__ */ new Date()
-  ), _ = T(
+    startDateIsAfterEnd: A
+  } = Yn(n, s), [E, S] = I(
+    () => (M && (n == null ? void 0 : n[M])) ?? /* @__PURE__ */ new Date()
+  ), _ = R(
     () => Bt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
     [n]
   );
@@ -1472,21 +1475,21 @@ function ai({
     Wt,
     {
       hideArrow: !0,
-      appendTo: f,
-      zIndex: m,
-      renderTrigger: (H) => /* @__PURE__ */ N(P, { alignItems: "center", ...H, children: [
+      appendTo: m,
+      zIndex: h,
+      renderTrigger: (P) => /* @__PURE__ */ N(H, { alignItems: "center", ...P, children: [
         /* @__PURE__ */ o(
           mt,
           {
             iconLeft: Nt,
-            onFocus: y,
-            value: n != null && n.startDate ? $(n.startDate, t) : "",
+            onFocus: p,
+            value: n != null && n.startDate ? O(n.startDate, t) : "",
             placeholder: e,
             width: i,
             disabled: u,
-            inputRef: S,
+            inputRef: k,
             size: 9,
-            variant: x ? "error" : void 0
+            variant: A ? "error" : void 0
           }
         ),
         /* @__PURE__ */ o(St, {}),
@@ -1494,7 +1497,7 @@ function ai({
           Pe,
           {
             icon: mr,
-            color: Jt("--lhds-color-ui-500"),
+            color: Qt("--lhds-color-ui-500"),
             size: 14
           }
         ),
@@ -1504,30 +1507,30 @@ function ai({
           {
             iconLeft: Nt,
             onFocus: w,
-            value: n != null && n.endDate ? $(n.endDate, t) : "",
+            value: n != null && n.endDate ? O(n.endDate, t) : "",
             placeholder: r,
             width: i,
             disabled: u,
-            inputRef: I,
+            inputRef: T,
             size: 9,
-            variant: x ? "error" : void 0
+            variant: A ? "error" : void 0
           }
         )
       ] }),
-      open: b,
+      open: D,
       placement: Ot,
-      onRequestClose: g,
+      onRequestClose: b,
       children: /* @__PURE__ */ o(
         kt,
         {
           ...a,
-          dateInFocus: A,
-          setDateInFocus: k,
+          dateInFocus: E,
+          setDateInFocus: S,
           statePerMonth: _,
           theme: c,
           onClickDay: L,
-          currentPanel: h,
-          setCurrentPanel: D,
+          currentPanel: f,
+          setCurrentPanel: g,
           minDate: l,
           maxDate: d
         }
@@ -1547,58 +1550,58 @@ const li = ({
   calendarTheme: l = Mt,
   hideCalenderIcon: d = !1,
   minDate: u,
-  maxDate: f = Ut,
-  variant: m,
-  portalTarget: h,
-  zIndex: D,
-  ...g
+  maxDate: m = Ut,
+  variant: h,
+  portalTarget: f,
+  zIndex: g,
+  ...b
 }) => {
-  const [w, y] = R(!1), b = M(() => {
-    y(!w);
-  }, [y, w]), p = M(() => {
-    y(!1);
-  }, [y]), S = M(
+  const [w, p] = I(!1), D = y(() => {
+    p(!w);
+  }, [p, w]), M = y(() => {
+    p(!1);
+  }, [p]), k = y(
     (_) => {
       s && s(_);
     },
     [s]
-  ), I = M(
+  ), T = y(
     (_) => {
-      _ && (S($(_, r)), e && setTimeout(() => y(!w), 200));
+      _ && (k(O(_, r)), e && setTimeout(() => p(!w), 200));
     },
     [
-      S,
+      k,
       r,
       e,
-      y,
+      p,
       w
     ]
-  ), L = !!c && !/^[-/\\.0-9]+$/.test(c), x = !!c && Tr(bt(c, r, /* @__PURE__ */ new Date())), k = !!c && c.length >= r.length && !x || L;
+  ), L = !!c && !/^[-/\\.0-9]+$/.test(c), A = !!c && Tr(bt(c, r, /* @__PURE__ */ new Date())), S = !!c && c.length >= r.length && !A || L;
   return /* @__PURE__ */ o(B, { width: a, children: /* @__PURE__ */ o(
     Wt,
     {
-      appendTo: h,
-      zIndex: D,
+      appendTo: f,
+      zIndex: g,
       renderTrigger: (_) => /* @__PURE__ */ o(
         mt,
         {
-          ...g,
-          variant: k ? "error" : m,
+          ...b,
+          variant: S ? "error" : h,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ o(P, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+          contentRight: d ? void 0 : /* @__PURE__ */ o(H, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
             tt,
             {
               size: "small",
-              disabled: g.disabled || n,
+              disabled: b.disabled || n,
               leftIcon: Nt,
-              onClick: b
+              onClick: D
             }
           ) }),
-          onValueChange: S,
+          onValueChange: k,
           placeholder: i,
           value: c || "",
           min: u,
-          max: f,
+          max: m,
           size: 10,
           ..._
         }
@@ -1606,15 +1609,15 @@ const li = ({
       hideArrow: !0,
       open: w,
       placement: Ot,
-      onRequestClose: p,
+      onRequestClose: M,
       children: /* @__PURE__ */ o(
         Ve,
         {
           ...t,
-          onChange: I,
-          value: c && x ? bt(c, r, /* @__PURE__ */ new Date()) : void 0,
+          onChange: T,
+          value: c && A ? bt(c, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
-          maxDate: f,
+          maxDate: m,
           theme: l
         }
       )
@@ -1653,7 +1656,7 @@ const li = ({
       throw new Error("Invalid minute string");
   }
 }, Pn = (t) => {
-  if (!oe(t))
+  if (!ae(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
@@ -1687,7 +1690,7 @@ const li = ({
     }
   }
   return { time: t, success: !1 };
-}, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, di = ({
+}, ae = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, di = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
@@ -1696,15 +1699,15 @@ const li = ({
   variant: i,
   ...c
 }) => {
-  const [a, l] = R(() => oe(n)), d = "hh:mm", u = M(() => {
+  const [a, l] = I(() => ae(n)), d = "hh:mm", u = y(() => {
     if (n) {
-      const m = Pn(n);
-      l(m.success), m.success && t && t(m.time);
+      const h = Pn(n);
+      l(h.success), h.success && t && t(h.time);
     }
-  }, [n, t, l]), f = M(
-    (m) => {
-      const h = m.target.value, D = oe(h);
-      l(D && h.length <= d.length), t && t(h);
+  }, [n, t, l]), m = y(
+    (h) => {
+      const f = h.target.value, g = ae(f);
+      l(g && f.length <= d.length), t && t(f);
     },
     [t, l]
   );
@@ -1717,7 +1720,7 @@ const li = ({
       iconLeft: r ? He : void 0,
       value: n,
       placeholder: e ? d : void 0,
-      onChange: f,
+      onChange: m,
       onBlur: u,
       width: s
     }
@@ -1734,83 +1737,83 @@ const li = ({
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: f,
-  onChangeRight: m,
-  valueLeft: h,
-  valueRight: D,
-  minLeft: g,
+  onChangeLeft: m,
+  onChangeRight: h,
+  valueLeft: f,
+  valueRight: g,
+  minLeft: b,
   maxLeft: w,
-  minRight: y,
-  maxRight: b,
-  onClickLeft: p,
-  onClickRight: S,
-  onClickCalendar: I,
+  minRight: p,
+  maxRight: D,
+  onClickLeft: M,
+  onClickRight: k,
+  onClickCalendar: T,
   onClickArrowDown: L,
-  onBlurLeft: x,
-  onBlurRight: A,
-  onFocusLeft: k,
+  onBlurLeft: A,
+  onBlurRight: E,
+  onFocusLeft: S,
   onFocusRight: _,
-  inputRefLeft: H,
-  inputRefRight: E,
+  inputRefLeft: P,
+  inputRefRight: x,
   variant: q,
   variantLeft: F,
-  variantRight: j,
-  onBlur: O,
-  showPresets: K,
+  variantRight: K,
+  onBlur: $,
+  showPresets: z,
   widthLeft: J,
   widthRight: X,
-  disabled: z
+  disabled: G
 }) => {
-  const W = U(0), G = T(
+  const W = U(0), j = R(
     () => Pr((v) => {
-      v === 0 && (O == null || O());
+      v === 0 && ($ == null || $());
     }, 10),
-    [O]
-  ), lt = M(
+    [$]
+  ), lt = y(
     (v) => {
-      W.current++, G(W.current), k && k(v);
+      W.current++, j(W.current), S && S(v);
     },
-    [k, W, G]
-  ), nt = M(
+    [S, W, j]
+  ), nt = y(
     (v) => {
-      W.current++, G(W.current), _ && _(v);
+      W.current++, j(W.current), _ && _(v);
     },
-    [_, W, G]
-  ), st = M(
+    [_, W, j]
+  ), st = y(
     (v) => {
-      W.current--, G(W.current), x && x(v);
+      W.current--, j(W.current), A && A(v);
     },
-    [x, W, G]
-  ), C = M(
+    [A, W, j]
+  ), C = y(
     (v) => {
-      W.current--, G(W.current), A && A(v);
+      W.current--, j(W.current), E && E(v);
     },
-    [A, W, G]
+    [E, W, j]
   );
   return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ N(
     Wr,
     {
       disableContentPaddingRight: !0,
-      disabled: z,
+      disabled: G,
       variant: q,
-      contentRight: /* @__PURE__ */ N(P, { alignItems: "center", children: [
+      contentRight: /* @__PURE__ */ N(H, { alignItems: "center", children: [
         /* @__PURE__ */ o(_t, { num: 0.5, children: /* @__PURE__ */ o(
           tt,
           {
             leftIcon: Nt,
-            onClick: I,
-            disabled: z,
+            onClick: T,
+            disabled: G,
             size: "small"
           }
         ) }),
-        K ? /* @__PURE__ */ N(ue, { children: [
-          /* @__PURE__ */ o(P, { height: "22px", children: /* @__PURE__ */ o(ar, { vertical: !0 }) }),
+        z ? /* @__PURE__ */ N(fe, { children: [
+          /* @__PURE__ */ o(H, { height: "22px", children: /* @__PURE__ */ o(ar, { vertical: !0 }) }),
           /* @__PURE__ */ o(_t, { num: 0.5, children: /* @__PURE__ */ o(
             tt,
             {
-              leftIcon: he,
+              leftIcon: me,
               onClick: L,
-              disabled: z,
+              disabled: G,
               size: "small"
             }
           ) })
@@ -1822,29 +1825,29 @@ const li = ({
           {
             onEsc: r,
             onEnter: n,
-            onClick: p,
-            disabled: z,
+            onClick: M,
+            disabled: G,
             hideBorder: !0,
             placeholder: a,
-            value: h,
+            value: f,
             onValueChange: s,
-            onChange: f,
+            onChange: m,
             onBlur: st,
             onFocus: lt,
-            inputRef: H,
+            inputRef: P,
             variant: F,
             type: d,
             autoFocus: t,
-            min: g,
+            min: b,
             max: w
           }
         ) }),
-        /* @__PURE__ */ o(P, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(H, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
           Pe,
           {
             icon: c,
             size: 12,
-            color: Jt("--lhds-color-ui-500")
+            color: Qt("--lhds-color-ui-500")
           }
         ) }),
         /* @__PURE__ */ o(B, { width: X, children: /* @__PURE__ */ o(
@@ -1852,21 +1855,21 @@ const li = ({
           {
             onEsc: r,
             onEnter: n,
-            onClick: S,
-            disabled: z,
+            onClick: k,
+            disabled: G,
             hideBorder: !0,
             placeholder: l,
-            value: D,
+            value: g,
             onValueChange: i,
-            onChange: m,
+            onChange: h,
             onBlur: C,
             onFocus: nt,
-            inputRef: E,
-            variant: j,
+            inputRef: x,
+            variant: K,
             type: u,
             autoFocus: e,
-            min: y,
-            max: b
+            min: p,
+            max: D
           }
         ) })
       ]
@@ -1934,7 +1937,7 @@ const li = ({
     },
     [n, e, r, s]
   ), /* @__PURE__ */ o(
-    P,
+    H,
     {
       width: "64px",
       justifyContent: "center",
@@ -1974,25 +1977,25 @@ const li = ({
     },
     i
   )) });
-}, Cn = pe(0, 24), jn = pe(0, 60), Kn = ({
+}, Cn = be(0, 24), jn = be(0, 60), Kn = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = U(!0), [n, s] = R(void 0), [i, c] = R(void 0);
+  const r = U(!0), [n, s] = I(void 0), [i, c] = I(void 0);
   rt(() => {
     if (t) {
       const { minute: d, hour: u } = Ct(t);
       s(u), c(d);
     }
   }, [t]);
-  const a = M(
+  const a = y(
     (d) => {
       s(d), e == null || e(
         `${Kt(String(d ?? 0))}:${zt(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), l = M(
+  ), l = y(
     (d) => {
       c(d), e == null || e(
         `${Kt(String(n ?? 0))}:${zt(String(d ?? 0))}`
@@ -2000,7 +2003,7 @@ const li = ({
     },
     [n, e]
   );
-  return /* @__PURE__ */ N(P, { className: er.timePicker, children: [
+  return /* @__PURE__ */ N(H, { className: er.timePicker, children: [
     /* @__PURE__ */ o(
       Le,
       {
@@ -2045,82 +2048,82 @@ const li = ({
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, f) => {
-  const m = M(
-    (b) => {
-      if (!b)
+}, m) => {
+  const h = y(
+    (D) => {
+      if (!D)
         return;
-      const p = new Date(b);
+      const M = new Date(D);
       if (t)
-        p.setHours(t.getHours()), p.setMinutes(t.getMinutes()), e == null || e(p), u(void 0);
+        M.setHours(t.getHours()), M.setMinutes(t.getMinutes()), e == null || e(M), u(void 0);
       else if (a) {
-        const { minute: S, hour: I } = Ct(a);
-        p.setHours(I ?? 0), p.setMinutes(S ?? 0), e == null || e(p), u(void 0);
+        const { minute: k, hour: T } = Ct(a);
+        M.setHours(T ?? 0), M.setMinutes(k ?? 0), e == null || e(M), u(void 0);
       } else
-        u(p);
-      r(p), f.current && (f.current.valueAsDate = new Date(
+        u(M);
+      r(M), m.current && (m.current.valueAsDate = new Date(
         Date.UTC(
-          p.getFullYear(),
-          p.getMonth(),
-          p.getDate()
+          M.getFullYear(),
+          M.getMonth(),
+          M.getDate()
         )
       ));
     },
     [
       t,
-      f,
+      m,
       a,
       e,
       r,
       u
     ]
-  ), h = M(
-    (b) => {
-      if (b)
+  ), f = y(
+    (D) => {
+      if (D)
         if (t) {
-          const p = Ct(b), S = new Date(t);
-          S.setHours(p.hour || 0), S.setMinutes(p.minute || 0), e == null || e(S), l(void 0);
+          const M = Ct(D), k = new Date(t);
+          k.setHours(M.hour || 0), k.setMinutes(M.minute || 0), e == null || e(k), l(void 0);
         } else if (d) {
-          const p = Ct(b), S = new Date(d);
-          S.setHours(p.hour || 0), S.setMinutes(p.minute || 0), e == null || e(S), l(void 0);
+          const M = Ct(D), k = new Date(d);
+          k.setHours(M.hour || 0), k.setMinutes(M.minute || 0), e == null || e(k), l(void 0);
         } else
-          l(b);
+          l(D);
     },
     [e, t, d, l]
-  ), D = M(
-    (b) => {
-      b.target.value[0] !== "0" && m(b.target.valueAsDate);
+  ), g = y(
+    (D) => {
+      D.target.value[0] !== "0" && h(D.target.valueAsDate);
     },
-    [m]
-  ), g = M(
-    (b) => h(b.target.value),
     [h]
-  ), w = M(() => {
+  ), b = y(
+    (D) => f(D.target.value),
+    [f]
+  ), w = y(() => {
     r(t || /* @__PURE__ */ new Date()), c("calendar"), n();
-  }, [t, c, n, r]), y = M(() => {
+  }, [t, c, n, r]), p = y(() => {
     i(void 0), s();
   }, [i, s]);
   return {
-    inputLeftChangeHandler: D,
-    inputRightChangeHandler: g,
-    hideCalendar: y,
+    inputLeftChangeHandler: g,
+    inputRightChangeHandler: b,
+    hideCalendar: p,
     showCalendar: w,
-    onChangeTime: h,
-    onChangeDate: m
+    onChangeTime: f,
+    onChangeDate: h
   };
 }, qn = (t) => {
-  const [e, r] = R(void 0), [n, s] = R(void 0), [i, c, a] = ie(!1), [l, d, u] = ie(!1), [f, m] = R(void 0), [h, D] = R(
+  const [e, r] = I(void 0), [n, s] = I(void 0), [i, c, a] = ce(!1), [l, d, u] = ce(!1), [m, h] = I(void 0), [f, g] = I(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [g, w] = R("calendar");
+  ), [b, w] = I("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
     hideCalendarInternal: a,
-    firstFocusedInput: f,
-    setFirstFocusedInput: m,
-    dateInFocus: h,
-    setDateInFocus: D,
-    currentPanel: g,
+    firstFocusedInput: m,
+    setFirstFocusedInput: h,
+    dateInFocus: f,
+    setDateInFocus: g,
+    currentPanel: b,
     setCurrentPanel: w,
     isTimePickerVisible: l,
     showTimePicker: d,
@@ -2136,29 +2139,29 @@ const li = ({
   showTimePicker: c,
   hideTimePicker: a
 }) => {
-  const l = M(() => {
+  const l = y(() => {
     s || r(), i("calendar"), a();
-  }, [a, s, i, r]), d = M(() => {
+  }, [a, s, i, r]), d = y(() => {
     n(), c();
-  }, [n, c]), u = M(
-    (D) => {
-      t(D.date), n(), c();
+  }, [n, c]), u = y(
+    (g) => {
+      t(g.date), n(), c();
     },
     [t, n, c]
-  ), f = M(() => {
+  ), m = y(() => {
     i("presets"), r();
-  }, [i, r]), m = M(() => {
-    var D;
-    s ? n() : ((D = e.current) == null || D.focus(), i("calendar"), r());
+  }, [i, r]), h = y(() => {
+    var g;
+    s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
   }, [
     s,
     n,
     e,
     i,
     r
-  ]), h = M(
-    (D) => {
-      D.key === "Escape" && n();
+  ]), f = y(
+    (g) => {
+      g.key === "Escape" && n();
     },
     [n]
   );
@@ -2166,9 +2169,9 @@ const li = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: f,
-    onClickCalendarButton: m,
-    onKeyDownHandler: h
+    onClickArrowButton: m,
+    onClickCalendarButton: h,
+    onKeyDownHandler: f
   };
 }, ui = ({
   value: t,
@@ -2182,60 +2185,60 @@ const li = ({
   widthRight: l = 80,
   maxDate: d = Ut,
   variant: u,
-  disabled: f,
-  zIndex: m,
-  appendTo: h
+  disabled: m,
+  zIndex: h,
+  appendTo: f
 }) => {
-  const D = U(null), g = U(null), w = qn(t), {
-    setCurrentPanel: y,
-    currentPanel: b,
-    isCalendarVisible: p,
-    dateInFocus: S,
-    setDateInFocus: I,
+  const g = U(null), b = U(null), w = qn(t), {
+    setCurrentPanel: p,
+    currentPanel: D,
+    isCalendarVisible: M,
+    dateInFocus: k,
+    setDateInFocus: T,
     isTimePickerVisible: L,
-    hideTimePicker: x,
-    localTime: A,
-    localDate: k
+    hideTimePicker: A,
+    localTime: E,
+    localDate: S
   } = w, {
     showCalendar: _,
-    hideCalendar: H,
-    inputLeftChangeHandler: E,
+    hideCalendar: P,
+    inputLeftChangeHandler: x,
     inputRightChangeHandler: q,
     onChangeTime: F,
-    onChangeDate: j
-  } = Gn(t, e, w, D), {
-    onKeyDownHandler: O,
-    onFocusRight: K,
+    onChangeDate: K
+  } = Gn(t, e, w, g), {
+    onKeyDownHandler: $,
+    onFocusRight: z,
     onFocusLeft: J,
     onClickDay: X,
-    onClickCalendarButton: z,
+    onClickCalendarButton: G,
     onClickArrowButton: W
   } = Jn(
-    j,
-    D,
+    K,
+    g,
     _,
-    H,
+    P,
     w
   );
-  zn(t, I, D);
-  const G = T(() => {
-    const v = t || k;
+  zn(t, T, g);
+  const j = R(() => {
+    const v = t || S;
     return v ? ht(void 0, v, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [k, t]), lt = M(() => {
-    H(), x();
-  }, [H, x]), nt = T(
-    () => t ? $n(t) : A,
-    [t, A]
-  ), st = Te(p, 300), C = Te(L, 300);
-  return /* @__PURE__ */ o(B, { onKeyDown: O, children: /* @__PURE__ */ o(
+  }, [S, t]), lt = y(() => {
+    P(), A();
+  }, [P, A]), nt = R(
+    () => t ? $n(t) : E,
+    [t, E]
+  ), st = Te(M, 300), C = Te(L, 300);
+  return /* @__PURE__ */ o(B, { onKeyDown: $, children: /* @__PURE__ */ o(
     Wt,
     {
       hideArrow: !0,
-      zIndex: m,
-      appendTo: h,
+      zIndex: h,
+      appendTo: f,
       renderTrigger: (v) => /* @__PURE__ */ o(B, { ...v, children: /* @__PURE__ */ o(
         tr,
         {
@@ -2243,22 +2246,22 @@ const li = ({
           onEsc: n,
           onEnter: r,
           onBlur: s,
-          disabled: f,
+          disabled: m,
           separatorIcon: He,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: E,
+          onChangeLeft: x,
           onChangeRight: q,
           onClickArrowDown: W,
-          onClickCalendar: z,
+          onClickCalendar: G,
           onFocusLeft: J,
-          onFocusRight: K,
+          onFocusRight: z,
           onClickLeft: J,
-          onClickRight: K,
-          inputRefLeft: D,
-          inputRefRight: g,
+          onClickRight: z,
+          inputRefLeft: g,
+          inputRefRight: b,
           valueRight: nt ?? "",
           widthLeft: a,
           widthRight: l,
@@ -2268,17 +2271,17 @@ const li = ({
         }
       ) }),
       placement: Ot,
-      open: p || L,
+      open: M || L,
       onRequestClose: lt,
       children: (st || C) && /* @__PURE__ */ o(Q, { children: st ? /* @__PURE__ */ o(
         kt,
         {
-          statePerMonth: G,
+          statePerMonth: j,
           onClickDay: X,
-          dateInFocus: S,
-          setDateInFocus: I,
-          currentPanel: b,
-          setCurrentPanel: y,
+          dateInFocus: k,
+          setDateInFocus: T,
+          currentPanel: D,
+          setCurrentPanel: p,
           minDate: c,
           maxDate: d
         }
@@ -2291,7 +2294,7 @@ const li = ({
           }
         ) }),
         /* @__PURE__ */ o(St, {}),
-        /* @__PURE__ */ o(P, { justifyContent: "flex-end", children: /* @__PURE__ */ o(It, { label: "Done", onClick: x }) })
+        /* @__PURE__ */ o(H, { justifyContent: "flex-end", children: /* @__PURE__ */ o(It, { label: "Done", onClick: A }) })
       ] }) : null })
     }
   ) });
@@ -2301,27 +2304,27 @@ const li = ({
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ o(P, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(It, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+  return /* @__PURE__ */ o(H, { justifyContent: "center", children: t === r ? /* @__PURE__ */ o(It, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ o(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
 }, fi = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = R(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = T(() => {
+  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = R(() => {
     const c = n - 11;
-    return je(pe(c, n + 1), 3);
+    return je(be(c, n + 1), 3);
   }, [n]);
   return rt(() => {
     s((c) => Xn(t, c));
-  }, [t]), /* @__PURE__ */ N(P, { children: [
+  }, [t]), /* @__PURE__ */ N(H, { children: [
     /* @__PURE__ */ o(Q, { justifyContent: "center", children: /* @__PURE__ */ o(
       tt,
       {
-        leftIcon: Gt,
+        leftIcon: qt,
         onClick: () => s(n - 3)
       }
     ) }),
-    /* @__PURE__ */ o(Q, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(P, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o(Q, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(H, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
       Qn,
       {
         year: a,
@@ -2392,43 +2395,40 @@ const li = ({
   setFirstFocusedInput: c,
   setCurrentPanel: a
 }) => {
-  const l = M(
-    (m) => {
-      m.target.value[0] !== "0" && (r == null || r({
-        startDate: m.target.valueAsDate ?? void 0,
+  const l = y(
+    (h) => {
+      h.target.value[0] !== "0" && (r == null || r({
+        startDate: h.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
     [r, e]
-  ), d = M(
-    (m) => {
-      m.target.value[0] !== "0" && (r == null || r({
+  ), d = y(
+    (h) => {
+      h.target.value[0] !== "0" && (r == null || r({
         startDate: t,
-        endDate: m.target.valueAsDate ?? void 0
+        endDate: h.target.valueAsDate ?? void 0
       }));
     },
     [r, t]
-  ), u = M(() => {
-    n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
-  }, [
-    t,
-    e,
-    a,
-    s,
-    n
-  ]), f = M(() => {
+  ), u = y(
+    (h) => {
+      h != null ? n(h) : n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
+    },
+    [t, e, a, s, n]
+  ), m = y(() => {
     c(void 0), i();
   }, [c, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: f,
+    hideCalendar: m,
     setDateInFocus: n,
     setCurrentPanel: a,
     showCalendar: u
   };
 }, ts = (t, e) => {
-  const [r, n, s] = ie(!1), [i, c] = R(void 0), [a, l] = R("startDate"), [d, u] = R(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [f, m] = R("calendar");
+  const [r, n, s] = ce(!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, h] = I("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2439,55 +2439,60 @@ const li = ({
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: f,
-    setCurrentPanel: m
+    currentPanel: m,
+    setCurrentPanel: h
   };
 }, es = (t, e, r, n, s, i, c, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: f,
-  setCurrentPanel: m
+  focusedInput: m,
+  setCurrentPanel: h,
+  setDateInFocus: f
 }) => {
-  const h = M(() => {
-    a == null && l("startDate"), u("startDate"), d || i();
+  const g = y(() => {
+    a == null && l("startDate"), u("startDate"), d ? t != null && f(t) : i(t);
   }, [
-    d,
+    a,
     u,
-    i,
+    d,
+    t,
     l,
-    a
-  ]), D = M(() => {
-    a == null && l("endDate"), u("endDate"), d || i();
+    i,
+    f
+  ]), b = y(() => {
+    a == null && l("endDate"), u("endDate"), d ? e != null && f(e) : i(e);
   }, [
-    d,
+    a,
     u,
-    i,
+    d,
+    e,
     l,
-    a
-  ]), g = M(
-    (p) => {
-      var S, I, L, x;
-      f === "startDate" ? e != null && V(p.date, e) ? (r == null || r({
-        startDate: p.date,
+    i,
+    f
+  ]), w = y(
+    (k) => {
+      var T, L, A, E;
+      m === "startDate" ? e != null && V(k.date, e) ? (r == null || r({
+        startDate: k.date,
         endDate: void 0
-      }), u("endDate"), (S = s.current) == null || S.focus()) : (r == null || r({
-        startDate: p.date,
+      }), u("endDate"), (T = s.current) == null || T.focus()) : (r == null || r({
+        startDate: k.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (I = s.current) == null || I.focus()) : setTimeout(c, 50)) : f === "endDate" && (t ? V(t, p.date) ? (r == null || r({
-        startDate: p.date,
+      }), a === "startDate" ? (u("endDate"), (L = s.current) == null || L.focus()) : setTimeout(c, 50)) : m === "endDate" && (t ? V(t, k.date) ? (r == null || r({
+        startDate: k.date,
         endDate: void 0
-      }), u("endDate"), (x = s.current) == null || x.focus()) : (r == null || r({
+      }), u("endDate"), (E = s.current) == null || E.focus()) : (r == null || r({
         startDate: t,
-        endDate: p.date
+        endDate: k.date
       }), setTimeout(c, 50)) : (r == null || r({
         startDate: t,
-        endDate: p.date
-      }), u("startDate"), (L = n.current) == null || L.focus()));
+        endDate: k.date
+      }), u("startDate"), (A = n.current) == null || A.focus()));
     },
     [
-      f,
+      m,
       r,
       e,
       a,
@@ -2497,32 +2502,32 @@ const li = ({
       t,
       n
     ]
-  ), w = M(() => {
-    m("presets"), i();
-  }, [m, i]), y = M(() => {
-    var p;
-    d ? c() : (u("startDate"), l("startDate"), (p = n.current) == null || p.focus(), m("calendar"), i());
+  ), p = y(() => {
+    h("presets"), i();
+  }, [h, i]), D = y(() => {
+    var k;
+    d ? c() : (u("startDate"), l("startDate"), (k = n.current) == null || k.focus(), h("calendar"), i());
   }, [
     d,
     c,
     u,
     l,
     n,
-    m,
+    h,
     i
-  ]), b = M(
-    (p) => {
-      p.key === "Escape" && c();
+  ]), M = y(
+    (k) => {
+      k.key === "Escape" && c();
     },
     [c]
   );
   return {
-    onFocusLeft: h,
-    onFocusRight: D,
-    onClickDay: g,
-    onClickArrowButton: w,
-    onClickCalendarButton: y,
-    onKeyDownHandler: b
+    onFocusLeft: g,
+    onFocusRight: b,
+    onClickDay: w,
+    onClickArrowButton: p,
+    onClickCalendarButton: D,
+    onKeyDownHandler: M
   };
 };
 function hi({
@@ -2537,90 +2542,91 @@ function hi({
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: f,
-  disabled: m,
-  zIndex: h,
-  appendTo: D
+  firstMonthInMonthPicker: m,
+  variant: h,
+  disabled: f,
+  zIndex: g,
+  appendTo: b
 }) {
-  const { startDate: g, endDate: w } = t || {}, y = U(null), b = U(null), p = ts(g, w), {
-    dateInFocus: S,
-    setDateInFocus: I,
-    isCalendarVisible: L,
-    currentPanel: x,
-    setCurrentPanel: A
-  } = p, {
-    showCalendar: k,
-    hideCalendar: _,
-    inputLeftChangeHandler: H,
-    inputRightChangeHandler: E
-  } = Vn(g, w, e, p), {
-    onKeyDownHandler: q,
-    onFocusRight: F,
-    onFocusLeft: j,
-    onClickDay: O,
-    onClickCalendarButton: K,
-    onClickArrowButton: J
+  const { startDate: w, endDate: p } = t || {}, D = U(null), M = U(null), k = ts(w, p), {
+    dateInFocus: T,
+    setDateInFocus: L,
+    isCalendarVisible: A,
+    currentPanel: E,
+    setCurrentPanel: S
+  } = k, {
+    showCalendar: _,
+    hideCalendar: P,
+    inputLeftChangeHandler: x,
+    inputRightChangeHandler: q
+  } = Vn(w, p, e, k), {
+    onKeyDownHandler: F,
+    onFocusRight: K,
+    onFocusLeft: $,
+    onClickDay: z,
+    onClickCalendarButton: J,
+    onClickArrowButton: X
   } = es(
-    g,
     w,
+    p,
     e,
-    y,
-    b,
-    k,
+    D,
+    M,
     _,
-    p
+    P,
+    k
   );
   Zn(
-    g,
     w,
-    I,
-    y,
-    b
+    p,
+    L,
+    D,
+    M
   );
-  const X = T(
-    () => g && w && V(g, w),
-    [g, w]
-  ), z = T(
+  const G = R(
+    () => w && p && V(w, p),
+    [w, p]
+  ), W = R(
     () => Ur(
       l == null ? void 0 : l.statePerMonth,
-      g,
       w,
-      S
+      p,
+      T
     ),
-    [l == null ? void 0 : l.statePerMonth, g, w, S]
+    [l == null ? void 0 : l.statePerMonth, w, p, T]
   );
-  return /* @__PURE__ */ o(B, { onKeyDown: q, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(B, { onKeyDown: F, children: /* @__PURE__ */ o(
     Wt,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      zIndex: h,
-      appendTo: D,
-      renderTrigger: (W) => /* @__PURE__ */ o(B, { ...W, children: /* @__PURE__ */ o(
+      zIndex: g,
+      appendTo: b,
+      renderTrigger: (j) => /* @__PURE__ */ o(B, { ...j, children: /* @__PURE__ */ o(
         tr,
         {
           autoFocusLeft: r,
           onEsc: i,
           onEnter: s,
           onBlur: n,
-          disabled: m,
+          disabled: f,
           separatorIcon: Pt,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: H,
-          onChangeRight: E,
-          onClickArrowDown: J,
-          onClickCalendar: K,
-          onFocusLeft: j,
-          onFocusRight: F,
-          onClickLeft: j,
-          onClickRight: F,
-          inputRefLeft: y,
-          inputRefRight: b,
-          variant: X ? "error" : f,
+          onChangeLeft: x,
+          onChangeRight: q,
+          onClickArrowDown: X,
+          onClickCalendar: J,
+          onFocusLeft: $,
+          onFocusRight: K,
+          onClickLeft: $,
+          onClickRight: K,
+          inputRefLeft: D,
+          inputRefRight: M,
+          variant: G ? "error" : h,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2630,26 +2636,27 @@ function hi({
         }
       ) }),
       placement: Ot,
-      onRequestClose: _,
-      open: L,
+      onRequestClose: P,
+      open: A,
       children: /* @__PURE__ */ o(
         kt,
         {
-          onClickDay: O,
-          dateInFocus: S,
-          setDateInFocus: I,
-          currentPanel: x,
-          setCurrentPanel: A,
+          onClickDay: z,
+          dateInFocus: T,
+          firstMonthInMonthPicker: m,
+          setDateInFocus: L,
+          currentPanel: E,
+          setCurrentPanel: S,
           minDate: c,
           maxDate: a,
           ...l,
-          statePerMonth: z
+          statePerMonth: W
         }
       )
     }
   ) });
 }
-const ae = ({
+const le = ({
   onChange: t,
   onValueChange: e,
   mask: r,
@@ -2661,16 +2668,16 @@ const ae = ({
   showMask: l,
   calendarSize: d,
   onFocus: u,
-  onBlur: f,
-  placeholderWhenBlurred: m,
-  placeholder: h,
-  valueWhenBlurred: D,
-  label: g,
+  onBlur: m,
+  placeholderWhenBlurred: h,
+  placeholder: f,
+  valueWhenBlurred: g,
+  label: b,
   variant: w,
-  ...y
+  ...p
 }) => {
-  const b = U(null), [p, S] = R(!1), { onChange: I } = Or(
-    b,
+  const D = U(null), [M, k] = I(!1), { onChange: T } = Or(
+    D,
     t,
     e,
     r,
@@ -2680,44 +2687,44 @@ const ae = ({
     c,
     a,
     l,
-    p
-  ), L = M(
-    (k) => {
-      u == null || u(k), S(!0);
+    M
+  ), L = y(
+    (S) => {
+      u == null || u(S), k(!0);
     },
     [u]
-  ), x = M(
-    (k) => {
-      f == null || f(k), S(!1);
+  ), A = y(
+    (S) => {
+      m == null || m(S), k(!1);
     },
-    [f]
-  ), A = p ? h : m ?? h;
-  return w === "standard" ? /* @__PURE__ */ o(gr, { text: g ?? "", children: /* @__PURE__ */ o(
+    [m]
+  ), E = M ? f : h ?? f;
+  return w === "standard" ? /* @__PURE__ */ o(gr, { text: b ?? "", children: /* @__PURE__ */ o(
     mt,
     {
-      ...y,
+      ...p,
       "aria-live": "polite",
-      value: (p ? s : D) ?? "",
-      inputRef: b,
-      placeholder: A,
+      value: (M ? s : g) ?? "",
+      inputRef: D,
+      placeholder: E,
       onFocus: L,
-      onBlur: x,
-      onChange: I,
+      onBlur: A,
+      onChange: T,
       width: ve(d),
       alwaysShowPlaceholder: !0
     }
   ) }) : /* @__PURE__ */ o(
     $r,
     {
-      ...y,
-      label: g,
+      ...p,
+      label: b,
       "aria-live": "polite",
-      value: (p ? s : D) ?? "",
-      ref: b,
-      placeholder: A,
+      value: (M ? s : g) ?? "",
+      ref: D,
+      placeholder: E,
       onFocus: L,
-      onBlur: x,
-      onChange: I,
+      onBlur: A,
+      onChange: T,
       width: ve(d),
       size: d === "large" ? "large" : "medium"
     }
@@ -2731,7 +2738,7 @@ const ae = ({
     case "large":
       return "196px";
     default:
-      return fe(t, "168px");
+      return he(t, "168px");
   }
 }, rs = [/[1-2]/, /\d/, /\d/, /\d/], ns = [/[0-1]/, /\d/], ss = [/[0-3]/, /\d/], rr = (t) => cs(t).flatMap(is), is = (t) => {
   switch (t) {
@@ -2760,7 +2767,7 @@ const ae = ({
     day: "dd"
   };
   return r.map((s) => n[s.type] || s.value).join("");
-}, pt = (t, e, r) => {
+}, Dt = (t, e, r) => {
   const n = Qe(
     e,
     (r == null ? void 0 : r.matchLanguage) ?? !1,
@@ -2784,11 +2791,11 @@ const ae = ({
     (r == null ? void 0 : r.matchLanguage) ?? !1,
     (r == null ? void 0 : r.fallbackLocaleCode) ?? Je
   );
-  return $(t, Et(n), {
+  return O(t, Et(n), {
     locale: Rt(n)
   });
-}, le = (t, e) => {
-  const r = pt(t, e);
+}, de = (t, e) => {
+  const r = Dt(t, e);
   if (r != null)
     return At(r, e);
 }, nr = ({
@@ -2803,165 +2810,165 @@ const ae = ({
   placeholderWhenBlurredEndDate: l,
   valueWhenBlurredStartDate: d,
   valueWhenBlurredEndDate: u,
-  variant: f
+  variant: m
 }) => {
-  const { mask: m, placeholder: h } = T(() => {
-    const D = Et(r);
+  const { mask: h, placeholder: f } = R(() => {
+    const g = Et(r);
     return {
-      mask: rr(D),
-      placeholder: D.toLowerCase()
+      mask: rr(g),
+      placeholder: g.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ N(P, { children: [
+  return /* @__PURE__ */ N(H, { children: [
     /* @__PURE__ */ o(
-      ae,
+      le,
       {
-        mask: m,
+        mask: h,
         value: t == null ? void 0 : t.startDate,
-        onValueChange: (D) => {
-          e == null || e({ startDate: D });
+        onValueChange: (g) => {
+          e == null || e({ startDate: g });
         },
-        onBlur: (D) => {
-          const g = le(
-            D.target.value,
+        onBlur: (g) => {
+          const b = de(
+            g.target.value,
             r
           );
-          g && g !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: g }));
+          b && b !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: b }));
         },
         onFocus: i,
         label: n,
         borderRadiusVariant: "onlyLeft",
-        placeholder: h,
+        placeholder: f,
         placeholderWhenBlurred: a,
         valueWhenBlurred: d,
         calendarSize: c,
-        variant: f
+        variant: m
       }
     ),
     /* @__PURE__ */ o(
-      ae,
+      le,
       {
-        mask: m,
+        mask: h,
         value: t == null ? void 0 : t.endDate,
-        onValueChange: (D) => e == null ? void 0 : e({ endDate: D }),
-        onBlur: (D) => {
-          const g = le(
-            D.target.value,
+        onValueChange: (g) => e == null ? void 0 : e({ endDate: g }),
+        onBlur: (g) => {
+          const b = de(
+            g.target.value,
             r
           );
-          g && g !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: g }));
+          b && b !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: b }));
         },
         onFocus: i,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: h,
+        placeholder: f,
         placeholderWhenBlurred: l,
         valueWhenBlurred: u,
         calendarSize: c,
-        variant: f
+        variant: m
       }
     )
   ] });
-}, de = (t, e, r) => {
+}, ue = (t, e, r) => {
   const n = Rr(t, e) ? "" : " y";
-  return r.code.startsWith("en") ? $(t, "eee MMM d" + n, { locale: r }).replace(".", "") : $(t, "eee d MMM" + n, { locale: r }).replace(".", "");
+  return r.code.startsWith("en") ? O(t, "eee MMM d" + n, { locale: r }).replace(".", "") : O(t, "eee d MMM" + n, { locale: r }).replace(".", "");
 }, sr = (t, e, r, n) => {
-  const s = Rt(r), i = we(), c = Me(), a = U(null), l = T(
+  const s = Rt(r), i = ye(), c = Gt(), a = U(null), l = R(
     () => Et(r),
     [r]
-  ), d = T(
+  ), d = R(
     () => {
-      var E;
-      return ((E = t == null ? void 0 : t.startDate) == null ? void 0 : E.length) === l.length ? pt(t.startDate, r) : void 0;
+      var x;
+      return ((x = t == null ? void 0 : t.startDate) == null ? void 0 : x.length) === l.length ? Dt(t.startDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.startDate]
-  ), u = T(
+  ), u = R(
     () => {
-      var E;
-      return ((E = t == null ? void 0 : t.endDate) == null ? void 0 : E.length) === l.length ? pt(t.endDate, r) : void 0;
+      var x;
+      return ((x = t == null ? void 0 : t.endDate) == null ? void 0 : x.length) === l.length ? Dt(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
-  ), f = T(
-    () => d != null ? de(d, c, s) : void 0,
+  ), m = R(
+    () => d != null ? ue(d, c, s) : void 0,
     [s, d, c]
-  ), m = T(
-    () => u != null ? de(u, c, s) : void 0,
+  ), h = R(
+    () => u != null ? ue(u, c, s) : void 0,
     [s, u, c]
-  ), [h, D] = R(
+  ), [f, g] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), g = M(
-    (E) => {
-      ot(E, c) || V(E, c) ? D(E) : D(c);
+  ), b = y(
+    (x) => {
+      ot(x, c) || V(x, c) ? g(x) : g(c);
     },
     [c]
-  ), w = T(
-    () => Qt(
-      h.getFullYear(),
-      h.getMonth(),
+  ), w = R(
+    () => Xt(
+      f.getFullYear(),
+      f.getMonth(),
       s
     ),
-    [s, h]
-  ), y = T(() => vt($(h, "MMMM yyyy", { locale: s })), [s, h]), b = T(() => ot(c, h), [c, h]), [p, S] = R(), [I, L] = R("calendar"), x = M(
-    (E) => {
-      var j, O;
-      const q = ((j = E == null ? void 0 : E.startDate) == null ? void 0 : j.length) === l.length ? pt(E.startDate, r) : void 0, F = ((O = E == null ? void 0 : E.endDate) == null ? void 0 : O.length) === l.length ? pt(E.endDate, r) : void 0;
-      q ? g(q) : F && g(F), e == null || e({
+    [s, f]
+  ), p = R(() => vt(O(f, "MMMM yyyy", { locale: s })), [s, f]), D = R(() => ot(c, f), [c, f]), [M, k] = I(), [T, L] = I("calendar"), A = y(
+    (x) => {
+      var K, $;
+      const q = ((K = x == null ? void 0 : x.startDate) == null ? void 0 : K.length) === l.length ? Dt(x.startDate, r) : void 0, F = (($ = x == null ? void 0 : x.endDate) == null ? void 0 : $.length) === l.length ? Dt(x.endDate, r) : void 0;
+      q ? b(q) : F && b(F), e == null || e({
         ...t,
-        ...E
+        ...x
       });
     },
     [
       l.length,
       r,
       e,
-      g,
+      b,
       t
     ]
-  ), A = T(
-    () => ot(c, h) || ct(h, c),
-    [c, h]
-  ), k = T(
+  ), E = R(
+    () => ot(c, f) || ct(f, c),
+    [c, f]
+  ), S = R(
     () => (d && u && (Y(d, u) || ct(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: M(
-      (E) => !Y(E, c) && ct(E, c),
+    isDateDisabled: y(
+      (x) => !Y(x, c) && ct(x, c),
       [c]
     ),
-    onClickDate: (E) => {
-      E.getFullYear() === h.getFullYear() && E.getMonth() === h.getMonth() && (d && u == null ? ct(E, d) ? e == null || e({
-        startDate: At(E, r),
+    onClickDate: (x) => {
+      x.getFullYear() === f.getFullYear() && x.getMonth() === f.getMonth() && (d && u == null ? ct(x, d) ? e == null || e({
+        startDate: At(x, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: At(E, r)
+        endDate: At(x, r)
       }) : e == null || e({
-        startDate: At(E, r),
+        startDate: At(x, r),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: x,
-    isValidDateRange: k,
-    prevMonthDisabled: A,
+    onValueChangeByInputs: A,
+    isValidDateRange: S,
+    prevMonthDisabled: E,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: y,
-    visiblePanel: I,
+    monthPickerButtonLabel: p,
+    visiblePanel: T,
     setVisiblePanel: L,
-    setVisibleMonth: D,
+    setVisibleMonth: g,
     visibleMonthData: w,
-    todayIsInVisibleMonth: b,
-    hoverDate: p,
-    setHoverDate: S,
+    todayIsInVisibleMonth: D,
+    hoverDate: M,
+    setHoverDate: k,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
-    visibleMonth: h,
-    valueWhenBlurredStartDate: f,
-    valueWhenBlurredEndDate: m
+    visibleMonth: f,
+    valueWhenBlurredStartDate: m,
+    valueWhenBlurredEndDate: h
   };
-}, Zt = ({
+}, Vt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
   monthPickerButtonLabel: r,
@@ -2973,14 +2980,14 @@ const ae = ({
   prevMonthDisabled: l,
   calendarSize: d,
   previousMonthButtonTestId: u,
-  nextMonthButtonTestId: f
-}) => /* @__PURE__ */ N(P, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  nextMonthButtonTestId: m
+}) => /* @__PURE__ */ N(H, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ o(
     tt,
     {
       "aria-live": "polite",
       label: r,
-      rightIcon: n === "calendar" ? he : Dr,
+      rightIcon: n === "calendar" ? me : pr,
       onClick: () => s(
         n === "calendar" ? "month-picker" : "calendar"
       ),
@@ -2988,12 +2995,12 @@ const ae = ({
       size: d === "small" ? "medium" : "large"
     }
   ),
-  /* @__PURE__ */ N(P, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ N(H, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
       ft,
       {
-        leftIcon: Gt,
-        onClick: () => c(ge(a, 1)),
+        leftIcon: qt,
+        onClick: () => c(pe(a, 1)),
         disabled: l,
         "aria-label": t,
         size: d === "small" ? "medium" : "large",
@@ -3007,11 +3014,11 @@ const ae = ({
         onClick: () => c(Ht(a, 1)),
         "aria-label": e,
         size: d === "small" ? "medium" : "large",
-        "data-testid": f
+        "data-testid": m
       }
     )
   ] })
-] }), os = "_travelDateCell_h6vcn_1", as = "_small_h6vcn_4", ls = "_medium_h6vcn_9", ds = "_large_h6vcn_14", us = "_outline_h6vcn_26", fs = "_contentWrapper_h6vcn_39", hs = "_disabled_h6vcn_60", ms = "_isToday_h6vcn_63", gs = "_isSelectionStart_h6vcn_67", Ds = "_isSelectionEnd_h6vcn_68", ps = "_hover_h6vcn_83", bs = "_startSelected_h6vcn_86", ws = "_endSelected_h6vcn_86", et = {
+] }), os = "_travelDateCell_h6vcn_1", as = "_small_h6vcn_4", ls = "_medium_h6vcn_9", ds = "_large_h6vcn_14", us = "_outline_h6vcn_26", fs = "_contentWrapper_h6vcn_39", hs = "_disabled_h6vcn_60", ms = "_isToday_h6vcn_63", gs = "_isSelectionStart_h6vcn_67", ps = "_isSelectionEnd_h6vcn_68", Ds = "_hover_h6vcn_83", bs = "_startSelected_h6vcn_86", ws = "_endSelected_h6vcn_86", et = {
   travelDateCell: os,
   small: as,
   medium: ls,
@@ -3021,11 +3028,11 @@ const ae = ({
   disabled: hs,
   isToday: ms,
   isSelectionStart: gs,
-  isSelectionEnd: Ds,
-  hover: ps,
+  isSelectionEnd: ps,
+  hover: Ds,
   startSelected: bs,
   endSelected: ws
-}, dt = Jt("--lhds-color-red-100"), ys = (t, e, r, n, s, i) => {
+}, dt = Qt("--lhds-color-red-100"), ys = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
@@ -3080,7 +3087,7 @@ const ae = ({
 }, Ms = (t, e) => {
   switch (e) {
     case "PageUp":
-      return ge(t, 1);
+      return pe(t, 1);
     case "PageDown":
       return Ht(t, 1);
     case "Home":
@@ -3098,12 +3105,12 @@ const ae = ({
     default:
       return;
   }
-}, re = (t, e) => $(Ce(t, 12), at.fullDate) + e, ks = "_travelDateCellBackground_1k07m_1", Ss = "_small_1k07m_2", Ts = "_medium_1k07m_7", Rs = "_large_1k07m_12", Ft = {
+}, ne = (t, e) => O(Ce(t, 12), at.fullDate) + e, ks = "_travelDateCellBackground_1k07m_1", Ss = "_small_1k07m_2", Ts = "_medium_1k07m_7", Rs = "_large_1k07m_12", Ft = {
   travelDateCellBackground: ks,
   small: Ss,
   medium: Ts,
   large: Rs
-}, Is = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ N(P, { children: [
+}, Is = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ N(H, { children: [
   /* @__PURE__ */ o(
     B,
     {
@@ -3130,83 +3137,83 @@ const ae = ({
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: f,
-  calendarId: m,
-  isDateDisabled: h,
-  size: D,
-  dateTestId: g
+  todayIsInVisibleMonth: m,
+  calendarId: h,
+  isDateDisabled: f,
+  size: g,
+  dateTestId: b
 }) => {
-  const w = M(
-    async (x) => {
-      var k;
-      const A = Ms(n.date, x.key);
-      A && !h(A) && (a(A), ot(n.date, A) ? (k = document.getElementById(re(A, m))) == null || k.focus() : (r(A), setTimeout(() => {
+  const w = y(
+    async (A) => {
+      var S;
+      const E = Ms(n.date, A.key);
+      E && !f(E) && (a(E), ot(n.date, E) ? (S = document.getElementById(ne(E, h))) == null || S.focus() : (r(E), setTimeout(() => {
         var _;
-        (_ = document.getElementById(re(A, m))) == null || _.focus();
-      }, 10))), (x.key === "Enter" || x.code === "Space") && t(n.date);
+        (_ = document.getElementById(ne(E, h))) == null || _.focus();
+      }, 10))), (A.key === "Enter" || A.code === "Space") && t(n.date);
     },
     [
-      m,
-      n.date,
       h,
+      n.date,
+      f,
       r,
       t,
       a
     ]
-  ), y = n.month === e.getMonth(), b = h(n.date), p = i ? Y(i, n.date) : !1, S = c ? Y(c, n.date) : !1, I = Y(n.date, u), L = ys(
+  ), p = n.month === e.getMonth(), D = f(n.date), M = i ? Y(i, n.date) : !1, k = c ? Y(c, n.date) : !1, T = Y(n.date, u), L = ys(
     n.date,
     i,
     c,
     d,
-    y,
+    p,
     s
   );
   return /* @__PURE__ */ N(
     "td",
     {
-      className: wt(et.travelDateCell, et[D]),
-      onClick: b ? void 0 : () => t(n.date),
-      onMouseOver: b ? void 0 : () => y && a(n.date),
-      onMouseOut: b ? void 0 : () => y && l(n.date),
-      tabIndex: b ? void 0 : xs(
+      className: wt(et.travelDateCell, et[g]),
+      onClick: D ? void 0 : () => t(n.date),
+      onMouseOver: D ? void 0 : () => p && a(n.date),
+      onMouseOut: D ? void 0 : () => p && l(n.date),
+      tabIndex: D ? void 0 : xs(
         n,
         i,
-        I,
+        T,
         e,
-        f
+        m
       ),
-      id: b ? void 0 : re(n.date, m),
-      onKeyDown: b ? void 0 : w,
-      ...b ? void 0 : { "aria-selected": p || S },
-      "data-testid": g == null ? void 0 : g(n.date),
+      id: D ? void 0 : ne(n.date, h),
+      onKeyDown: D ? void 0 : w,
+      ...D ? void 0 : { "aria-selected": M || k },
+      "data-testid": b == null ? void 0 : b(n.date),
       children: [
         /* @__PURE__ */ o("div", { className: et.outline }),
         /* @__PURE__ */ o(
           Is,
           {
-            calendarSize: D,
+            calendarSize: g,
             bgColorLeft: L.left,
             bgColorRight: L.right
           }
         ),
-        y && /* @__PURE__ */ o(
+        p && /* @__PURE__ */ o(
           "div",
           {
             className: wt(
               et.contentWrapper,
-              I ? et.isToday : void 0,
+              T ? et.isToday : void 0,
               i ? et.startSelected : void 0,
               c ? et.endSelected : void 0,
               d && Y(d, n.date) ? et.hover : void 0,
-              p && et.isSelectionStart,
-              S && et.isSelectionEnd,
-              b && et.disabled
+              M && et.isSelectionStart,
+              k && et.isSelectionEnd,
+              D && et.disabled
             ),
             children: /* @__PURE__ */ o(
               yt,
               {
                 variant: "bold",
-                color: b ? Jt("--lhds-color-ui-500") : void 0,
+                color: D ? Qt("--lhds-color-ui-500") : void 0,
                 children: n.dayOfMonth
               }
             )
@@ -3220,7 +3227,7 @@ const ae = ({
   return (e && i ? Y(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
 }, As = "_travelCalendar_18pjj_1", _s = {
   travelCalendar: As
-}, Vt = ({
+}, te = ({
   visibleMonthData: t,
   onClickDate: e,
   setHoverDate: r,
@@ -3232,44 +3239,44 @@ const ae = ({
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: f,
-  todayIsInVisibleMonth: m,
-  size: h = "medium",
-  multiSelectable: D,
-  dateTestId: g
+  isDateDisabled: m,
+  todayIsInVisibleMonth: h,
+  size: f = "medium",
+  multiSelectable: g,
+  dateTestId: b
 }) => /* @__PURE__ */ o(
   "table",
   {
     className: _s.travelCalendar,
     role: "grid",
-    ...D ? { "aria-multiselectable": !0 } : void 0,
+    ...g ? { "aria-multiselectable": !0 } : void 0,
     children: /* @__PURE__ */ N("tbody", { children: [
       /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((w) => /* @__PURE__ */ o("th", { abbr: w.fullName, children: /* @__PURE__ */ o(yt, { children: w.name }) }, w.name)) }),
-      t.weeks.map((w) => /* @__PURE__ */ o(be.Fragment, { children: /* @__PURE__ */ o("tr", { children: w.days.map((y) => /* @__PURE__ */ o(
+      t.weeks.map((w) => /* @__PURE__ */ o(we.Fragment, { children: /* @__PURE__ */ o("tr", { children: w.days.map((p) => /* @__PURE__ */ o(
         Es,
         {
-          size: h,
-          onClick: (b) => e(b),
+          size: f,
+          onClick: (D) => e(D),
           visibleMonth: s,
           onChangeVisibleMonth: n,
           isValidDateRange: i,
-          day: y,
-          onStartHover: (b) => r(b),
-          onEndHover: (b) => r((p) => p && Y(p, b) ? void 0 : p),
+          day: p,
+          onStartHover: (D) => r(D),
+          onEndHover: (D) => r((M) => M && Y(M, D) ? void 0 : M),
           selectedStartDate: c,
           selectedEndDate: a,
           hoverDate: l,
           today: d,
-          todayIsInVisibleMonth: m,
+          todayIsInVisibleMonth: h,
           calendarId: u,
-          isDateDisabled: f,
-          dateTestId: g
+          isDateDisabled: m,
+          dateTestId: b
         },
-        y.dateString
+        p.dateString
       )) }, w.weekNumber) }, w.weekNumber))
     ] })
   }
-), Ns = "_travelDateRangeInput_1j7rp_1", Ls = "_overlay_1j7rp_2", vs = "_calendarVisible_1j7rp_6", ne = {
+), Ns = "_travelDateRangeInput_1j7rp_1", Ls = "_overlay_1j7rp_2", vs = "_calendarVisible_1j7rp_6", se = {
   travelDateRangeInput: Ns,
   overlay: Ls,
   calendarVisible: vs
@@ -3285,82 +3292,82 @@ const ae = ({
   placeholderWhenBlurredStartDate: l,
   placeholderWhenBlurredEndDate: d,
   heading: u,
-  headingLevel: f,
-  numMonthsInMonthPicker: m = 12,
-  firstMonthInMonthPicker: h = /* @__PURE__ */ new Date(),
-  zIndex: D = 1e3,
-  zIndexWhenClosed: g,
+  headingLevel: m,
+  numMonthsInMonthPicker: h = 12,
+  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
+  zIndex: g = 1e3,
+  zIndexWhenClosed: b,
   onHideCalendar: w,
-  renderBelowCalendar: y,
-  size: b = "medium",
-  dateTestId: p,
-  previousMonthButtonTestId: S,
-  nextMonthButtonTestId: I,
+  renderBelowCalendar: p,
+  size: D = "medium",
+  dateTestId: M,
+  previousMonthButtonTestId: k,
+  nextMonthButtonTestId: T,
   textInputVariant: L = "standard"
 }) => {
-  const [x, A] = R(!1), [k, _] = R(!1), [H, E] = R({
+  const [A, E] = I(!1), [S, _] = I(!1), [P, x] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), q = b === "large" ? "8.8rem" : "6.6rem", F = U(!1), j = M(() => {
+  }), q = D === "large" ? "8.8rem" : "6.6rem", F = U(!1), K = y(() => {
     F.current = !0, _(!0), setTimeout(() => {
-      A(!0);
+      E(!0);
     }, 10);
-  }, []), O = M(() => {
-    k && (A(!1), F.current = !1, w == null || w(), setTimeout(() => {
+  }, []), $ = y(() => {
+    S && (E(!1), F.current = !1, w == null || w(), setTimeout(() => {
       F.current || _(!1);
     }, 120));
-  }, [k, w]), K = U(null), J = U(null);
-  Ye(K, O), Ke(() => {
+  }, [S, w]), z = U(null), J = U(null);
+  Ye(z, $), Ke(() => {
     var xt, ke;
     const v = (xt = J.current) == null ? void 0 : xt.offsetWidth, it = (ke = J.current) == null ? void 0 : ke.offsetHeight;
-    v != null && it != null && (H.height !== it || H.width !== v) && E({ width: v, height: it });
-  }, [H.height, H.width]);
+    v != null && it != null && (P.height !== it || P.width !== v) && x({ width: v, height: it });
+  }, [P.height, P.width]);
   const X = sr(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: z,
+    visiblePanel: G,
     visibleMonth: W,
-    onValueChangeByInputs: G,
+    onValueChangeByInputs: j,
     setVisibleMonth: lt,
     setVisiblePanel: nt,
     monthPickerButtonRef: st
-  } = X, C = M(
+  } = X, C = y(
     (v) => {
-      v.key === "Escape" && O();
+      v.key === "Escape" && $();
     },
-    [O]
+    [$]
   );
   return /* @__PURE__ */ N(
     B,
     {
       position: "relative",
-      className: ne.travelDateRangeInput,
-      ref: K,
+      className: se.travelDateRangeInput,
+      ref: z,
       onKeyDown: C,
-      height: H.height,
-      width: H.width,
+      height: P.height,
+      width: P.width,
       children: [
         /* @__PURE__ */ o(
           B,
           {
             position: "absolute",
             ref: J,
-            zIndex: k ? D : g,
+            zIndex: S ? g : b,
             children: /* @__PURE__ */ o(
               nr,
               {
                 ...X,
                 value: t,
-                onValueChange: G,
+                onValueChange: j,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: j,
-                calendarSize: b,
+                onFocus: K,
+                calendarSize: D,
                 placeholderWhenBlurredStartDate: l,
                 placeholderWhenBlurredEndDate: d,
                 variant: L
@@ -3368,14 +3375,14 @@ const ae = ({
             )
           }
         ),
-        k && /* @__PURE__ */ o(
+        S && /* @__PURE__ */ o(
           B,
           {
             position: "absolute",
-            zIndex: D - 1,
+            zIndex: g - 1,
             left: "-2.4rem",
             top: u ? "-8.0rem" : "-2.4rem",
-            className: wt(ne.overlay, x && ne.calendarVisible),
+            className: wt(se.overlay, A && se.calendarVisible),
             children: /* @__PURE__ */ o(
               B,
               {
@@ -3383,35 +3390,35 @@ const ae = ({
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(We, { gap: 3, children: [
-                  u && /* @__PURE__ */ o(Yt, { variant: "h2", as: f, children: u }),
+                  u && /* @__PURE__ */ o(Yt, { variant: "h2", as: m, children: u }),
                   /* @__PURE__ */ o(B, { height: q }),
                   /* @__PURE__ */ o(
-                    Zt,
+                    Vt,
                     {
                       ...X,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: b,
-                      previousMonthButtonTestId: S,
-                      nextMonthButtonTestId: I
+                      calendarSize: D,
+                      previousMonthButtonTestId: k,
+                      nextMonthButtonTestId: T
                     }
                   ),
-                  z === "calendar" && /* @__PURE__ */ o(
-                    Vt,
+                  G === "calendar" && /* @__PURE__ */ o(
+                    te,
                     {
                       ...X,
-                      size: b,
+                      size: D,
                       multiSelectable: !0,
-                      dateTestId: p
+                      dateTestId: M
                     }
                   ),
-                  z === "month-picker" && /* @__PURE__ */ o(
+                  G === "month-picker" && /* @__PURE__ */ o(
                     $t,
                     {
-                      firstMonth: h,
-                      numMonths: m,
+                      firstMonth: f,
+                      numMonths: h,
                       value: W,
-                      size: b,
+                      size: D,
                       localeCode: s,
                       onValueChange: (v) => {
                         var it;
@@ -3423,7 +3430,7 @@ const ae = ({
                       }
                     }
                   ),
-                  y == null ? void 0 : y({ hideCalendar: O })
+                  p == null ? void 0 : p({ hideCalendar: $ })
                 ] })
               }
             )
@@ -3432,7 +3439,7 @@ const ae = ({
       ]
     }
   );
-}, Bs = "_travelDateInput_hmfbf_1", Ys = "_overlay_hmfbf_2", Ps = "_calendarVisible_hmfbf_6", se = {
+}, Bs = "_travelDateInput_hmfbf_1", Ys = "_overlay_hmfbf_2", Ps = "_calendarVisible_hmfbf_6", ie = {
   travelDateInput: Bs,
   overlay: Ys,
   calendarVisible: Ps
@@ -3447,22 +3454,22 @@ const ae = ({
   valueWhenBlurred: a,
   variant: l
 }) => {
-  const { mask: d, placeholder: u } = T(() => {
-    const f = Et(n);
+  const { mask: d, placeholder: u } = R(() => {
+    const m = Et(n);
     return {
-      mask: rr(f),
-      placeholder: f.toLowerCase()
+      mask: rr(m),
+      placeholder: m.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
-    ae,
+  return /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(
+    le,
     {
       mask: d,
       value: t,
       onValueChange: e,
-      onBlur: (f) => {
-        const m = le(f.target.value, n);
-        m && m !== t && (e == null || e(m));
+      onBlur: (m) => {
+        const h = de(m.target.value, n);
+        h && h !== t && (e == null || e(h));
       },
       onFocus: s,
       label: r,
@@ -3474,62 +3481,62 @@ const ae = ({
     }
   ) });
 }, cr = (t, e, r, n) => {
-  const s = Rt(r), i = we(), c = Me(), a = U(null), l = T(
+  const s = Rt(r), i = ye(), c = Gt(), a = U(null), l = R(
     () => Et(r),
     [r]
-  ), d = T(
-    () => (t == null ? void 0 : t.length) === l.length ? pt(t, r) : void 0,
+  ), d = R(
+    () => (t == null ? void 0 : t.length) === l.length ? Dt(t, r) : void 0,
     [l.length, r, t]
-  ), u = T(
-    () => d != null ? de(d, c, s) : void 0,
+  ), u = R(
+    () => d != null ? ue(d, c, s) : void 0,
     [s, d, c]
-  ), [f, m] = R(
+  ), [m, h] = I(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), h = M(
-    (k) => {
-      ot(k, c) || V(k, c) ? m(k) : m(c);
+  ), f = y(
+    (S) => {
+      ot(S, c) || V(S, c) ? h(S) : h(c);
     },
     [c]
-  ), D = T(
-    () => Qt(
-      f.getFullYear(),
-      f.getMonth(),
+  ), g = R(
+    () => Xt(
+      m.getFullYear(),
+      m.getMonth(),
       s
     ),
-    [s, f]
-  ), g = T(() => vt($(f, "MMMM yyyy", { locale: s })), [s, f]), w = T(() => ot(c, f), [c, f]), [y, b] = R(), [p, S] = R("calendar"), I = M(
-    (k) => {
-      const _ = (k == null ? void 0 : k.length) === l.length ? pt(k, r) : void 0;
-      _ && h(_), e == null || e(k);
+    [s, m]
+  ), b = R(() => vt(O(m, "MMMM yyyy", { locale: s })), [s, m]), w = R(() => ot(c, m), [c, m]), [p, D] = I(), [M, k] = I("calendar"), T = y(
+    (S) => {
+      const _ = (S == null ? void 0 : S.length) === l.length ? Dt(S, r) : void 0;
+      _ && f(_), e == null || e(S);
     },
-    [l.length, r, e, h]
-  ), L = T(
-    () => ot(c, f) || ct(f, c),
-    [c, f]
+    [l.length, r, e, f]
+  ), L = R(
+    () => ot(c, m) || ct(m, c),
+    [c, m]
   );
   return {
-    isDateDisabled: M(
-      (k) => !Y(k, c) && ct(k, c),
+    isDateDisabled: y(
+      (S) => !Y(S, c) && ct(S, c),
       [c]
     ),
-    onClickDate: (k) => {
-      e == null || e(At(k, r));
+    onClickDate: (S) => {
+      e == null || e(At(S, r));
     },
-    onValueChangeByInputs: I,
+    onValueChangeByInputs: T,
     prevMonthDisabled: L,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: g,
-    visiblePanel: p,
-    setVisiblePanel: S,
-    setVisibleMonth: m,
-    visibleMonthData: D,
+    monthPickerButtonLabel: b,
+    visiblePanel: M,
+    setVisiblePanel: k,
+    setVisibleMonth: h,
+    visibleMonthData: g,
     todayIsInVisibleMonth: w,
-    hoverDate: y,
-    setHoverDate: b,
+    hoverDate: p,
+    setHoverDate: D,
     selectedDate: d,
     today: c,
-    visibleMonth: f,
+    visibleMonth: m,
     valueWhenBlurred: u
   };
 }, gi = ({
@@ -3544,36 +3551,36 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
-  zIndex: m = 1e3,
-  zIndexWhenClosed: h,
-  onHideCalendar: D,
-  renderBelowCalendar: g,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  zIndex: h = 1e3,
+  zIndexWhenClosed: f,
+  onHideCalendar: g,
+  renderBelowCalendar: b,
   size: w = "medium",
-  dateTestId: y,
-  previousMonthButtonTestId: b,
-  nextMonthButtonTestId: p,
-  textInputVariant: S = "standard"
+  dateTestId: p,
+  previousMonthButtonTestId: D,
+  nextMonthButtonTestId: M,
+  textInputVariant: k = "standard"
 }) => {
-  const [I, L] = R(!1), [x, A] = R(!1), [k, _] = R({
+  const [T, L] = I(!1), [A, E] = I(!1), [S, _] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), H = w === "large" ? "8.8rem" : "6.6rem", E = U(!1), q = M(() => {
-    E.current = !0, A(!0), setTimeout(() => {
+  }), P = w === "large" ? "8.8rem" : "6.6rem", x = U(!1), q = y(() => {
+    x.current = !0, E(!0), setTimeout(() => {
       L(!0);
     }, 10);
-  }, []), F = M(() => {
-    x && (L(!1), E.current = !1, D == null || D(), setTimeout(() => {
-      E.current || A(!1);
+  }, []), F = y(() => {
+    A && (L(!1), x.current = !1, g == null || g(), setTimeout(() => {
+      x.current || E(!1);
     }, 120));
-  }, [x, D]), j = U(null), O = U(null);
-  Ye(j, F), Ke(() => {
+  }, [A, g]), K = U(null), $ = U(null);
+  Ye(K, F), Ke(() => {
     var it, xt;
-    const C = (it = O.current) == null ? void 0 : it.offsetWidth, v = (xt = O.current) == null ? void 0 : xt.offsetHeight;
-    C != null && v != null && (k.height !== v || k.width !== C) && _({ width: C, height: v });
-  }, [k.height, k.width]);
-  const K = cr(
+    const C = (it = $.current) == null ? void 0 : it.offsetWidth, v = (xt = $.current) == null ? void 0 : xt.offsetHeight;
+    C != null && v != null && (S.height !== v || S.width !== C) && _({ width: C, height: v });
+  }, [S.height, S.width]);
+  const z = cr(
     t,
     e,
     n,
@@ -3581,12 +3588,12 @@ const ae = ({
   ), {
     visiblePanel: J,
     visibleMonth: X,
-    onValueChangeByInputs: z,
+    onValueChangeByInputs: G,
     selectedDate: W,
-    setVisibleMonth: G,
+    setVisibleMonth: j,
     setVisiblePanel: lt,
     monthPickerButtonRef: nt
-  } = K, st = M(
+  } = z, st = y(
     (C) => {
       C.key === "Escape" && F();
     },
@@ -3596,42 +3603,42 @@ const ae = ({
     B,
     {
       position: "relative",
-      className: se.travelDateInput,
-      ref: j,
+      className: ie.travelDateInput,
+      ref: K,
       onKeyDown: st,
-      height: k.height,
-      width: k.width,
+      height: S.height,
+      width: S.width,
       children: [
         /* @__PURE__ */ o(
           B,
           {
             position: "absolute",
-            ref: O,
-            zIndex: x ? m : h,
+            ref: $,
+            zIndex: A ? h : f,
             children: /* @__PURE__ */ o(
               ir,
               {
-                ...K,
+                ...z,
                 value: t,
-                onValueChange: z,
+                onValueChange: G,
                 localeCode: n,
                 label: r,
                 onFocus: q,
                 calendarSize: w,
                 placeholderWhenBlurred: a,
-                variant: S
+                variant: k
               }
             )
           }
         ),
-        x && /* @__PURE__ */ o(
+        A && /* @__PURE__ */ o(
           B,
           {
             position: "absolute",
-            zIndex: m - 1,
+            zIndex: h - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: wt(se.overlay, I && se.calendarVisible),
+            className: wt(ie.overlay, T && ie.calendarVisible),
             children: /* @__PURE__ */ o(
               B,
               {
@@ -3640,41 +3647,41 @@ const ae = ({
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(We, { gap: 3, children: [
                   l && /* @__PURE__ */ o(Yt, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ o(B, { height: H }),
+                  /* @__PURE__ */ o(B, { height: P }),
                   /* @__PURE__ */ o(
-                    Zt,
+                    Vt,
                     {
-                      ...K,
+                      ...z,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: c,
                       calendarSize: w,
-                      previousMonthButtonTestId: b,
-                      nextMonthButtonTestId: p
+                      previousMonthButtonTestId: D,
+                      nextMonthButtonTestId: M
                     }
                   ),
                   J === "calendar" && /* @__PURE__ */ o(
-                    Vt,
+                    te,
                     {
-                      ...K,
+                      ...z,
                       size: w,
                       isValidDateRange: !!W,
                       selectedStartDate: W,
                       selectedEndDate: W,
                       multiSelectable: !1,
-                      dateTestId: y
+                      dateTestId: p
                     }
                   ),
                   J === "month-picker" && /* @__PURE__ */ o(
                     $t,
                     {
-                      firstMonth: f,
+                      firstMonth: m,
                       numMonths: u,
                       value: X,
                       size: w,
                       localeCode: n,
                       onValueChange: (C) => {
                         var v;
-                        G(C), lt("calendar"), (v = nt.current) == null || v.focus();
+                        j(C), lt("calendar"), (v = nt.current) == null || v.focus();
                       },
                       onCancel: () => {
                         var C;
@@ -3682,7 +3689,7 @@ const ae = ({
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: F })
+                  b == null ? void 0 : b({ hideCalendar: F })
                 ] })
               }
             )
@@ -3691,7 +3698,7 @@ const ae = ({
       ]
     }
   );
-}, Di = ({
+}, pi = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3703,85 +3710,85 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
-  dateTestId: m,
-  size: h = "medium",
-  previousMonthButtonTestId: D,
-  nextMonthButtonTestId: g,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  dateTestId: h,
+  size: f = "medium",
+  previousMonthButtonTestId: g,
+  nextMonthButtonTestId: b,
   textInputVariant: w = "standard"
 }) => {
-  const y = cr(
+  const p = cr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: b,
-    visibleMonth: p,
-    onValueChangeByInputs: S,
-    setVisibleMonth: I,
+    visiblePanel: D,
+    visibleMonth: M,
+    onValueChangeByInputs: k,
+    setVisibleMonth: T,
     setVisiblePanel: L,
-    monthPickerButtonRef: x,
-    selectedDate: A
-  } = y;
+    monthPickerButtonRef: A,
+    selectedDate: E
+  } = p;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
     l && /* @__PURE__ */ o(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
       ir,
       {
-        ...y,
+        ...p,
         value: t,
-        onValueChange: S,
+        onValueChange: k,
         localeCode: n,
         label: r,
-        calendarSize: h,
+        calendarSize: f,
         placeholderWhenBlurred: a,
         variant: w
       }
     ),
     /* @__PURE__ */ o(
-      Zt,
+      Vt,
       {
-        ...y,
+        ...p,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: c,
-        calendarSize: h,
-        previousMonthButtonTestId: D,
-        nextMonthButtonTestId: g
+        calendarSize: f,
+        previousMonthButtonTestId: g,
+        nextMonthButtonTestId: b
       }
     ),
-    b === "calendar" && /* @__PURE__ */ o(
-      Vt,
+    D === "calendar" && /* @__PURE__ */ o(
+      te,
       {
-        ...y,
-        size: h,
-        selectedStartDate: A,
-        selectedEndDate: A,
-        isValidDateRange: !!A,
+        ...p,
+        size: f,
+        selectedStartDate: E,
+        selectedEndDate: E,
+        isValidDateRange: !!E,
         multiSelectable: !1,
-        dateTestId: m
+        dateTestId: h
       }
     ),
-    b === "month-picker" && /* @__PURE__ */ o(
+    D === "month-picker" && /* @__PURE__ */ o(
       $t,
       {
-        firstMonth: f,
+        firstMonth: m,
         numMonths: u,
-        value: p,
+        value: M,
         localeCode: n,
-        size: h,
-        onValueChange: (k) => {
+        size: f,
+        onValueChange: (S) => {
           var _;
-          I(k), L("calendar"), (_ = x.current) == null || _.focus();
+          T(S), L("calendar"), (_ = A.current) == null || _.focus();
         },
         onCancel: () => {
-          var k;
-          L("calendar"), (k = x.current) == null || k.focus();
+          var S;
+          L("calendar"), (S = A.current) == null || S.focus();
         }
       }
     )
   ] });
-}, pi = ({
+}, Di = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3793,87 +3800,87 @@ const ae = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
-  size: m = "medium",
-  dateTestId: h,
-  previousMonthButtonTestId: D,
-  nextMonthButtonTestId: g,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  size: h = "medium",
+  dateTestId: f,
+  previousMonthButtonTestId: g,
+  nextMonthButtonTestId: b,
   placeholderWhenBlurredStartDate: w,
-  placeholderWhenBlurredEndDate: y,
-  textInputVariant: b = "standard"
+  placeholderWhenBlurredEndDate: p,
+  textInputVariant: D = "standard"
 }) => {
-  const p = sr(
+  const M = sr(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: S,
-    visibleMonth: I,
+    visiblePanel: k,
+    visibleMonth: T,
     onValueChangeByInputs: L,
-    setVisibleMonth: x,
-    setVisiblePanel: A,
-    monthPickerButtonRef: k
-  } = p;
+    setVisibleMonth: A,
+    setVisiblePanel: E,
+    monthPickerButtonRef: S
+  } = M;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
     l && /* @__PURE__ */ o(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
       nr,
       {
-        ...p,
+        ...M,
         value: t,
         onValueChange: L,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
-        calendarSize: m,
+        calendarSize: h,
         placeholderWhenBlurredStartDate: w,
-        placeholderWhenBlurredEndDate: y,
-        variant: b
+        placeholderWhenBlurredEndDate: p,
+        variant: D
       }
     ),
     /* @__PURE__ */ o(
-      Zt,
+      Vt,
       {
-        ...p,
+        ...M,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: a,
-        calendarSize: m,
-        previousMonthButtonTestId: D,
-        nextMonthButtonTestId: g
+        calendarSize: h,
+        previousMonthButtonTestId: g,
+        nextMonthButtonTestId: b
       }
     ),
-    S === "calendar" && /* @__PURE__ */ o(
-      Vt,
+    k === "calendar" && /* @__PURE__ */ o(
+      te,
       {
-        ...p,
-        size: m,
+        ...M,
+        size: h,
         multiSelectable: !0,
-        dateTestId: h
+        dateTestId: f
       }
     ),
-    S === "month-picker" && /* @__PURE__ */ o(
+    k === "month-picker" && /* @__PURE__ */ o(
       $t,
       {
-        firstMonth: f,
+        firstMonth: m,
         numMonths: u,
-        value: I,
-        size: m,
+        value: T,
+        size: h,
         localeCode: s,
         onValueChange: (_) => {
-          var H;
-          x(_), A("calendar"), (H = k.current) == null || H.focus();
+          var P;
+          A(_), E("calendar"), (P = S.current) == null || P.focus();
         },
         onCancel: () => {
           var _;
-          A("calendar"), (_ = k.current) == null || _.focus();
+          E("calendar"), (_ = S.current) == null || _.focus();
         }
       }
     )
   ] });
 };
 export {
-  ce as Calendar,
+  oe as Calendar,
   Ge as CalendarDay,
   oi as DateInput,
   ni as DateRangeCalendar,
@@ -3888,9 +3895,9 @@ export {
   Ve as SingleDateCalendar,
   ci as SingleWeekCalendar,
   di as TimeTextInput,
-  Di as TravelDateCalendar,
+  pi as TravelDateCalendar,
   gi as TravelDateInput,
-  pi as TravelDateRangeCalendar,
+  Di as TravelDateRangeCalendar,
   mi as TravelDateRangeInput,
   zr as WeekDay,
   rn as WeekDayCell,
@@ -3920,15 +3927,15 @@ export {
   ei as getDefaultLocaleForFormatting,
   gn as getLocaleCodeForLocale,
   Rt as getLocaleForLocaleCode,
-  Qt as getMonthInYear,
+  Xt as getMonthInYear,
   Ae as getMonthsInYear,
   Qe as getSupportedLocaleCode,
   mn as getSupportedLocaleCodeMatchingLanguage,
-  ye as getWeekForDate,
+  Me as getWeekForDate,
   Gr as getWeeksForMonth,
   Xe as isDateRangeInvalid,
-  pt as parseLocalizedDateString,
-  le as reformatLocalizedDateString,
+  Dt as parseLocalizedDateString,
+  de as reformatLocalizedDateString,
   Qs as setDayStateValue,
   Xs as setDayStateValueFunction,
   xn as stringsToDateRange,