@stenajs-webui/calendar 23.10.0 → 23.11.0

package/dist/index.es.js

@@ -1,46 +1,46 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_hknk7_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-blue);--swui-calendar-wrapper-selected-background: var(--modern-blue);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-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_hknk7_1 table{border-spacing:0 4px}._calendar_hknk7_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_hknk7_1._weekNumberVisible_hknk7_41 tr td:nth-child(2),._calendar_hknk7_1:not(._weekNumberVisible_hknk7_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_hknk7_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_1t2af_1{position:relative}._travelDateCell_1t2af_1._smaller_1t2af_4{width:40px;height:40px}._travelDateCell_1t2af_1._small_1t2af_4{width:44px;height:44px}._travelDateCell_1t2af_1._medium_1t2af_14{width:48px;height:48px}._travelDateCell_1t2af_1._large_1t2af_19{width:56px;height:28px}._travelDateCell_1t2af_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_1t2af_1:focus{outline:none}._travelDateCell_1t2af_1:focus-visible ._outline_1t2af_31{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);inset:0;z-index:10}._travelDateCell_1t2af_1:focus-visible ._contentWrapper_1t2af_44._contentWrapper_1t2af_44._contentWrapper_1t2af_44{border-color:transparent}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44{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;inset:0}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._disabled_1t2af_65{cursor:not-allowed}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isToday_1t2af_68{border-color:var(--lhds-color-ui-400)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72,._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionEnd_1t2af_73{border-color:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72{background:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionStart_1t2af_72 span{color:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._isSelectionEnd_1t2af_73:not(._isSelectionStart_1t2af_72){background:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88{border-color:var(--selection-background-color)}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88._startSelected_1t2af_91:not(._endSelected_1t2af_91):not(._isSelectionStart_1t2af_72){background:#fff}._travelDateCell_1t2af_1 ._contentWrapper_1t2af_44._hover_1t2af_88._startSelected_1t2af_91:not(._endSelected_1t2af_91):not(._isSelectionStart_1t2af_72) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_45q5d_1._smaller_45q5d_2{width:20px;height:40px}._travelDateCellBackground_45q5d_1._small_45q5d_2{width:22px;height:44px}._travelDateCellBackground_45q5d_1._medium_45q5d_12{width:24px;height:48px}._travelDateCellBackground_45q5d_1._large_45q5d_17{width:28px;height:56px}._travelCalendar_ib2y4_1{border-spacing:0 4px;width:-webkit-fit-content;width:fit-content;--selection-background-color: var( --travel-calendar-selection-background-color, var(--modern-blue) );--selection-range-background-color: var( --travel-calendar-selection-range-background-color, var(--himmel) )}._travelCalendar_ib2y4_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(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { jsx as s, jsxs as M, Fragment as vt } from "react/jsx-runtime";
-import { Box as L, Text as De, Clickable as rr, Row as $, Spacing as Ar, useToday as Me, Column as Z, Heading as He, exhaustSwitchCase as yt, Space as Ce, Indent as Ae, SeparatorLine as Fr, parseIntElseUndefined as Nt, useBoolean as ft, useDelayedFalse as Et, useOnClickOutside as nr } from "@stenajs-webui/core";
-import { FlatButton as Q, stenaAngleDown as wt, PrimaryButton as Ie, stenaAngleLeft as Pr, stenaAngleRight as Yr, SecondaryButton as fe, stenaAngleLeftDouble as Hr, stenaArrowLeft as Xe, stenaArrowRight as We, stenaAngleRightDouble as Wr, TextInputButton as Or, stenaCalendar as Fe, Icon as ar, stenaArrowWideRight as $r, stenaClock as or, Label as Ur, BaseButton as zr, stenaBellFilled as Vr, MenuButton as jr, stenaAngleUp as qr, CardBody as sr } from "@stenajs-webui/elements";
-import { isAfter as G, eachDayOfInterval as ir, isSameDay as P, endOfMonth as lr, startOfMonth as cr, min as dr, addDays as re, max as ur, subDays as ve, format as q, getISOWeek as Dt, getDate as et, startOfWeek as Ge, addWeeks as Kr, getMonth as ye, getYear as Pe, getWeek as _r, getISODay as Gr, addHours as fr, isBefore as Re, parse as we, addMonths as Oe, isSameMonth as ge, addYears as Jr, subMonths as kt, subYears as Zr, setWeek as Qr, isValid as Xr, isSameYear as en, intlFormat as hr, isWithinInterval as tn } from "date-fns";
-import { enGB as Je, pl as Lt, fr as At, es as Ft, cs as Pt, fi as Yt, et as Ht, it as Wt, lt as Ot, lv as $t, da as Ut, sv as zt, nb as Vt, de as jt, nl as qt, nlBE as rn, deAT as nn, enIE as an, enUS as on } from "date-fns/locale";
-import { last as sn, chunk as gr, debounce as ln, padStart as cn, range as xt } from "lodash-es";
-import * as Ct from "react";
-import { useMemo as S, useRef as O, useEffect as oe, useCallback as b, useId as St, useState as x, forwardRef as Bt, createContext as dn, useLayoutEffect as pr } from "react";
-import se from "classnames";
-import lt from "@emotion/styled";
-import { TextInput as pe, TextInputBox as un, LabelledTextInput as _n } from "@stenajs-webui/forms";
+import { jsx as s, jsxs as T, Fragment as yt } from "react/jsx-runtime";
+import { Box as L, Text as De, Clickable as nr, Row as z, Spacing as Pr, useToday as Ie, Column as Z, Heading as He, exhaustSwitchCase as wt, Space as Se, Indent as Ae, SeparatorLine as Yr, parseIntElseUndefined as Et, useBoolean as ht, useDelayedFalse as Lt, useOnClickOutside as ar } from "@stenajs-webui/core";
+import { FlatButton as Q, stenaAngleDown as Dt, PrimaryButton as Re, stenaAngleLeft as Hr, stenaAngleRight as Wr, SecondaryButton as fe, stenaAngleLeftDouble as Or, stenaArrowLeft as tt, stenaArrowRight as We, stenaAngleRightDouble as $r, TextInputButton as Ur, stenaCalendar as Fe, Icon as or, stenaArrowWideRight as zr, stenaClock as sr, Label as Vr, BaseButton as jr, stenaBellFilled as qr, MenuButton as Kr, stenaAngleUp as Gr, CardBody as ir } from "@stenajs-webui/elements";
+import { isAfter as G, eachDayOfInterval as lr, isSameDay as F, endOfMonth as cr, startOfMonth as dr, min as ur, addDays as te, max as _r, subDays as ve, format as j, getISOWeek as kt, getDate as rt, startOfWeek as Ze, addWeeks as Jr, getMonth as ye, getYear as Pe, getWeek as fr, getISODay as Zr, addHours as hr, isBefore as Te, parse as we, addMonths as Oe, isSameMonth as ge, addYears as Qr, subMonths as xt, subYears as Xr, setWeek as en, isValid as tn, isSameYear as rn, intlFormat as gr, isWithinInterval as nn } from "date-fns";
+import { enGB as Qe, pl as At, fr as Ft, es as Pt, cs as Yt, fi as Ht, et as Wt, it as Ot, lt as $t, lv as Ut, da as zt, sv as Vt, nb as jt, de as qt, nl as Kt, nlBE as an, deAT as on, enIE as sn, enUS as ln } from "date-fns/locale";
+import { last as cn, chunk as pr, debounce as dn, padStart as un, range as Ct } from "lodash-es";
+import * as St from "react";
+import { useMemo as I, useRef as $, useEffect as ae, useCallback as v, useId as Bt, useState as C, forwardRef as Mt, createContext as _n, useLayoutEffect as mr } from "react";
+import oe from "classnames";
+import ct from "@emotion/styled";
+import { TextInput as pe, TextInputBox as fn, LabelledTextInput as hn } from "@stenajs-webui/forms";
 import { ControlledPopover as $e } from "@stenajs-webui/tooltip";
-import { cssColor as Mt } from "@stenajs-webui/theme";
-import { useMaskedInput as fn } from "@stenajs-webui/input-mask";
-import { useMediaQuery as je } from "react-responsive";
-const ue = {
+import { cssColor as It } from "@stenajs-webui/theme";
+import { useMaskedInput as gn } from "@stenajs-webui/input-mask";
+import { useMediaQuery as Ke } from "react-responsive";
+const de = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL"
 }, Ye = (e = {}, t, r) => {
   if (t && r && G(r, t))
-    return ir({ start: t, end: r }).reduce(
+    return lr({ start: t, end: r }).reduce(
       (a, o) => {
-        const i = P(o, t), l = P(o, r);
+        const i = F(o, t), l = F(o, r);
         return he(a, o, i ? ["selected", "selectedStart", "range"] : l ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       e
     );
   let n = e;
   return t && (n = he(n, t, ["selected", "singleSelected"])), r && (n = he(n, r, ["selected", "singleSelected"])), n;
-}, hn = (e = {}, t, r, n) => gn(
+}, pn = (e = {}, t, r, n) => mn(
   e,
   t,
   r,
-  cr(n),
-  lr(n)
-), gn = (e = {}, t, r, n, a) => t && r ? Ye(
+  dr(n),
+  cr(n)
+), mn = (e = {}, t, r, n, a) => t && r ? Ye(
   e,
-  ur([t, ve(n, 1)]),
-  dr([r, re(a, 1)])
-) : Ye(e, t, r), Ao = (e, t, r) => {
-  const n = q(t, ue.yearAndMonth), a = Dt(t), o = et(t);
+  _r([t, ve(n, 1)]),
+  ur([r, te(a, 1)])
+) : Ye(e, t, r), Po = (e, t, r) => {
+  const n = j(t, de.yearAndMonth), a = kt(t), o = rt(t);
   return {
     ...e,
     [n]: {
@@ -54,8 +54,8 @@ const ue = {
       }
     }
   };
-}, Fo = (e, t, r) => {
-  const n = q(t, ue.yearAndMonth), a = Dt(t), o = et(t);
+}, Yo = (e, t, r) => {
+  const n = j(t, de.yearAndMonth), a = kt(t), o = rt(t);
   return {
     ...e,
     [n]: {
@@ -72,21 +72,21 @@ const ue = {
     }
   };
 }, he = (e, t, r) => {
-  const n = t.getMonth() + 1, a = `${t.getFullYear()}-${n < 10 ? "0" : ""}${n}`, o = Dt(t), i = et(t), l = e && e[a] && e[a][o] && e[a][o][i];
+  const n = t.getMonth() + 1, a = `${t.getFullYear()}-${n < 10 ? "0" : ""}${n}`, o = kt(t), i = rt(t), l = e && e[a] && e[a][o] && e[a][o][i];
   return {
     ...e,
     [a]: {
       ...e && e[a],
       [o]: {
         ...e && e[a] && e[a][o],
-        [i]: mr(l, r)
+        [i]: br(l, r)
       }
     }
   };
-}, mr = (e, t) => ({
+}, br = (e, t) => ({
   ...e,
   highlights: [...e?.highlights ?? [], ...t]
-}), Po = (e, t, r) => {
+}), Ho = (e, t, r) => {
   const n = t.days[0].date, a = n.getMonth() + 1, o = `${n.getFullYear()}-${a < 10 ? "0" : ""}${a}`, i = t.weekNumber;
   let l = e;
   t.days.forEach((f) => {
@@ -103,77 +103,77 @@ const ue = {
       [i]: u
     }
   };
-}, pn = (e, t) => {
+}, bn = (e, t) => {
   if (!t.days.length)
     return { ...e };
-  const r = t.days[0].date, n = sn(t.days)?.date;
+  const r = t.days[0].date, n = cn(t.days)?.date;
   return {
     ...Ye(e, r, n)
   };
-}, mn = (e, t) => S(() => e ? he(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), tt = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
-var bn = /* @__PURE__ */ ((e) => (e[e.JANUARY = 0] = "JANUARY", e[e.FEBRUARY = 1] = "FEBRUARY", e[e.MARCH = 2] = "MARCH", e[e.APRIL = 3] = "APRIL", e[e.MAY = 4] = "MAY", e[e.JUNE = 5] = "JUNE", e[e.JULY = 6] = "JULY", e[e.AUGUST = 7] = "AUGUST", e[e.SEPTEMBER = 8] = "SEPTEMBER", e[e.OCTOBER = 9] = "OCTOBER", e[e.NOVEMBER = 10] = "NOVEMBER", e[e.DECEMBER = 11] = "DECEMBER", e))(bn || {}), vn = /* @__PURE__ */ ((e) => (e[e.SUNDAY = 0] = "SUNDAY", e[e.MONDAY = 1] = "MONDAY", e[e.TUESDAY = 2] = "TUESDAY", e[e.WEDNESDAY = 3] = "WEDNESDAY", e[e.THURSDAY = 4] = "THURSDAY", e[e.FRIDAY = 5] = "FRIDAY", e[e.SATURDAY = 6] = "SATURDAY", e))(vn || {});
-const Kt = (e, t, r, n) => {
+}, vn = (e, t) => I(() => e ? he(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), nt = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
+var yn = /* @__PURE__ */ ((e) => (e[e.JANUARY = 0] = "JANUARY", e[e.FEBRUARY = 1] = "FEBRUARY", e[e.MARCH = 2] = "MARCH", e[e.APRIL = 3] = "APRIL", e[e.MAY = 4] = "MAY", e[e.JUNE = 5] = "JUNE", e[e.JULY = 6] = "JULY", e[e.AUGUST = 7] = "AUGUST", e[e.SEPTEMBER = 8] = "SEPTEMBER", e[e.OCTOBER = 9] = "OCTOBER", e[e.NOVEMBER = 10] = "NOVEMBER", e[e.DECEMBER = 11] = "DECEMBER", e))(yn || {}), wn = /* @__PURE__ */ ((e) => (e[e.SUNDAY = 0] = "SUNDAY", e[e.MONDAY = 1] = "MONDAY", e[e.TUESDAY = 2] = "TUESDAY", e[e.WEDNESDAY = 3] = "WEDNESDAY", e[e.THURSDAY = 4] = "THURSDAY", e[e.FRIDAY = 5] = "FRIDAY", e[e.SATURDAY = 6] = "SATURDAY", e))(wn || {});
+const Gt = (e, t, r, n) => {
   const a = [];
   for (let o = 0; o < r; o++)
-    a.push(rt(e, t + o, n));
+    a.push(at(e, t + o, n));
   return a;
-}, rt = (e, t, r) => {
+}, at = (e, t, r) => {
   if (isNaN(e) || isNaN(t))
     throw new Error("getMonthInYear() received NaN.");
   const n = e + Math.floor(t / 12), a = t % 12, o = new Date(n, a, 1);
   return {
-    monthString: q(o, ue.yearAndMonth),
-    name: tt(
-      q(o, ue.fullMonthName, { locale: r })
+    monthString: j(o, de.yearAndMonth),
+    name: nt(
+      j(o, de.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: a,
-    weeks: yn(n, a, r)
+    weeks: Dn(n, a, r)
   };
-}, yn = (e, t, r, n = !0) => {
-  const a = new Date(e, t, 1), o = Ge(a, { locale: r }), i = [];
+}, Dn = (e, t, r, n = !0) => {
+  const a = new Date(e, t, 1), o = Ze(a, { locale: r }), i = [];
   for (let l = 0; l < 6; l++) {
-    const c = It(Kr(o, l), r);
+    const c = Rt(Jr(o, l), r);
     if (l > 0 && c.startMonth !== t && !n)
       return i;
     i.push(c);
   }
   return i;
-}, It = (e, t) => {
-  const r = ye(re(e, 7)) !== ye(e);
+}, Rt = (e, t) => {
+  const r = ye(te(e, 7)) !== ye(e);
   return {
-    weekNumber: _r(e, { locale: t }),
+    weekNumber: fr(e, { locale: t }),
     startMonth: ye(e),
     startYear: Pe(e),
-    endMonth: ye(re(e, 6)),
-    endYear: Pe(re(e, 6)),
-    days: Dn(e, t),
+    endMonth: ye(te(e, 6)),
+    endYear: Pe(te(e, 6)),
+    days: xn(e, t),
     isLastWeekOfMonth: r
   };
-}, wn = (e, t) => {
-  const r = Gr(e);
+}, kn = (e, t) => {
+  const r = Zr(e);
   return {
     date: e,
-    name: q(e, "EEE", t ? { locale: t } : void 0),
-    fullName: q(e, "EEEE", t ? { locale: t } : void 0),
-    dateString: q(fr(e, 12), ue.fullDate),
-    weekNumber: _r(e, { locale: t }),
+    name: j(e, "EEE", t ? { locale: t } : void 0),
+    fullName: j(e, "EEEE", t ? { locale: t } : void 0),
+    dateString: j(hr(e, 12), de.fullDate),
+    weekNumber: fr(e, { locale: t }),
     year: Pe(e),
     month: ye(e),
-    dayOfMonth: et(e),
+    dayOfMonth: rt(e),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: P(cr(e), e),
-    isLastDayOfMonth: P(lr(e), e)
+    isFirstDayOfMonth: F(dr(e), e),
+    isLastDayOfMonth: F(cr(e), e)
   };
-}, Dn = (e, t) => ir({
+}, xn = (e, t) => lr({
   start: e,
-  end: re(e, 6)
-}).map((r) => wn(r, t)), kn = (e, t) => t > 11 ? { year: e + Math.floor(t / 12), month: t % 12 } : t < 0 ? { year: e + Math.floor(t / 12), month: 12 + t % 12 } : { year: e, month: t }, xn = "_calendar_hknk7_1", Cn = "_weekNumberVisible_hknk7_41", Gt = {
-  calendar: xn,
-  weekNumberVisible: Cn
-}, Sn = (e, t, r) => !!(t && t.indexOf(r) >= 0 || e && e.highlights && e.highlights.indexOf(r) >= 0), _e = (e, t, r, n, a) => {
+  end: te(e, 6)
+}).map((r) => kn(r, t)), Cn = (e, t) => t > 11 ? { year: e + Math.floor(t / 12), month: t % 12 } : t < 0 ? { year: e + Math.floor(t / 12), month: 12 + t % 12 } : { year: e, month: t }, Sn = "_calendar_hknk7_1", Bn = "_weekNumberVisible_hknk7_41", Jt = {
+  calendar: Sn,
+  weekNumberVisible: Bn
+}, Mn = (e, t, r) => !!(t && t.indexOf(r) >= 0 || e && e.highlights && e.highlights.indexOf(r) >= 0), _e = (e, t, r, n, a) => {
   if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -181,14 +181,14 @@ const Kt = (e, t, r, n) => {
   if (r.length === 0)
     return a;
   for (let o = 0; o < r.length; o++)
-    if (typeof r[o] == "boolean" && r[o] || typeof r[o] == "string" && Sn(
+    if (typeof r[o] == "boolean" && r[o] || typeof r[o] == "string" && Mn(
       e,
       t,
       r[o]
     ))
       return n[o];
   return a;
-}, Bn = ({
+}, In = ({
   selectedBackground: e,
   todayBackground: t,
   rangeBackground: r,
@@ -261,7 +261,7 @@ const Kt = (e, t, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Mn = ({
+}), Rn = ({
   selectedColor: e,
   disabledColor: t,
   inOtherMonthColor: r,
@@ -295,12 +295,12 @@ const Kt = (e, t, r, n) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: Bn({
+    tdStyle: In({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Mn({
+    textProps: Rn({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -309,11 +309,11 @@ const Kt = (e, t, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Yo = {
+}, Wo = {
   ...ke,
   width: "37px",
   height: "37px"
-}, In = ({
+}, Tn = ({
   onClickWeekDay: e,
   day: t,
   theme: r
@@ -336,7 +336,7 @@ const Kt = (e, t, r, n) => {
     }
   );
   return e ? /* @__PURE__ */ s(
-    rr,
+    nr,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (a) => e(t.dayOfWeek, a),
@@ -344,7 +344,7 @@ const Kt = (e, t, r, n) => {
       children: n
     }
   ) : n;
-}, br = function({
+}, vr = function({
   day: t,
   week: r,
   month: n,
@@ -378,7 +378,7 @@ const Kt = (e, t, r, n) => {
         }
       )
     }
-  ), h = lt.td({
+  ), h = ct.td({
     ...l.CalendarDay.tdStyle && l.CalendarDay.tdStyle(
       d,
       a,
@@ -387,7 +387,7 @@ const Kt = (e, t, r, n) => {
       n,
       o
     )
-  }), _ = lt.div({
+  }), _ = ct.div({
     ...l.CalendarDay.innerWrapperStyle && l.CalendarDay.innerWrapperStyle(
       d,
       a,
@@ -398,7 +398,7 @@ const Kt = (e, t, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), m = lt.div({
+  }), p = ct.div({
     ...l.CalendarDay.cellWrapperStyle && l.CalendarDay.cellWrapperStyle(
       d,
       a,
@@ -410,12 +410,12 @@ const Kt = (e, t, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), y = Rn(d, a);
+  }), y = Nn(d, a);
   return /* @__PURE__ */ s(
     h,
     {
-      onClick: y ? void 0 : (D) => i?.(t, o, D),
-      children: /* @__PURE__ */ s(_, { children: /* @__PURE__ */ s(m, { children: (t.month === n.monthInYear || u) && /* @__PURE__ */ M(vt, { children: [
+      onClick: y ? void 0 : (w) => i?.(t, o, w),
+      children: /* @__PURE__ */ s(_, { children: /* @__PURE__ */ s(p, { children: (t.month === n.monthInYear || u) && /* @__PURE__ */ T(yt, { children: [
         c && /* @__PURE__ */ s(
           c,
           {
@@ -431,13 +431,13 @@ const Kt = (e, t, r, n) => {
       ] }) }) })
     }
   );
-}, Rn = (e, t) => !!_e(
+}, Nn = (e, t) => !!_e(
   t,
   e,
   ["enabled", "disabled"],
   [!1, !0],
   !1
-), Tn = ({
+), En = ({
   onClickWeek: e,
   theme: t,
   week: r,
@@ -445,7 +445,7 @@ const Kt = (e, t, r, n) => {
   backgroundColor: a,
   prefix: o
 }) => {
-  const i = /* @__PURE__ */ M(
+  const i = /* @__PURE__ */ T(
     L,
     {
       width: t.width,
@@ -454,7 +454,7 @@ const Kt = (e, t, r, n) => {
       alignItems: "center",
       children: [
         n && /* @__PURE__ */ s(L, { position: "absolute", children: n }),
-        /* @__PURE__ */ s(L, { position: "absolute", children: /* @__PURE__ */ M(
+        /* @__PURE__ */ s(L, { position: "absolute", children: /* @__PURE__ */ T(
           De,
           {
             color: e ? t.WeekNumber.clickableTextColor : t.WeekNumber.textColor,
@@ -473,7 +473,7 @@ const Kt = (e, t, r, n) => {
       background: a || t.WeekNumber.backgroundColor,
       position: "relative",
       children: e ? /* @__PURE__ */ s(
-        rr,
+        nr,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
           onClick: (l) => e(r, l),
@@ -483,7 +483,7 @@ const Kt = (e, t, r, n) => {
       ) : i
     }
   );
-}, Nn = (e, t, r) => t && Re(e, t) ? P(e, t) : r && G(e, r) ? P(e, r) : !0, En = function({
+}, Ln = (e, t, r) => t && Te(e, t) ? F(e, t) : r && G(e, r) ? F(e, r) : !0, An = function({
   dayComponent: t,
   minDate: r,
   maxDate: n,
@@ -491,15 +491,15 @@ const Kt = (e, t, r, n) => {
   day: o,
   ...i
 }) {
-  const l = S(
-    () => Nn(o.date, r, n) ? a : mr(a, ["disabled"]),
+  const l = I(
+    () => Ln(o.date, r, n) ? a : br(a, ["disabled"]),
     [o.date, a, n, r]
   );
   return /* @__PURE__ */ s(t, { day: o, ...i, dayState: l });
 };
-function Ln({
+function Fn({
   month: e,
-  dayComponent: t = br,
+  dayComponent: t = vr,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: a,
@@ -512,25 +512,25 @@ function Ln({
   renderWeekDay: f,
   headerRightContent: h,
   theme: _ = ke,
-  extraDayContent: m,
+  extraDayContent: p,
   defaultHighlights: y,
-  showWeekNumber: D
+  showWeekNumber: w
 }) {
-  return /* @__PURE__ */ s(vt, { children: /* @__PURE__ */ M(L, { alignItems: "stretch", children: [
-    /* @__PURE__ */ M(
-      $,
+  return /* @__PURE__ */ s(yt, { children: /* @__PURE__ */ T(L, { alignItems: "stretch", children: [
+    /* @__PURE__ */ T(
+      z,
       {
         justifyContent: h ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ s($, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ s(
+          /* @__PURE__ */ s(z, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ s(
             Q,
             {
               onClick: () => d(e),
               label: e.name + " " + String(e.year),
-              rightIcon: wt
+              rightIcon: Dt
             }
-          ) : /* @__PURE__ */ M(De, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ T(De, { whiteSpace: "nowrap", children: [
             e.name,
             " ",
             e.year
@@ -539,52 +539,52 @@ function Ln({
         ]
       }
     ),
-    /* @__PURE__ */ s("table", { children: /* @__PURE__ */ M("tbody", { children: [
-      /* @__PURE__ */ M("tr", { children: [
-        D && /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(L, { width: _.width, height: _.height }) }),
-        e.weeks[0].days.map((w) => /* @__PURE__ */ s("td", { children: f ? f(w.name, _, c) : /* @__PURE__ */ s(
-          In,
+    /* @__PURE__ */ s("table", { children: /* @__PURE__ */ T("tbody", { children: [
+      /* @__PURE__ */ T("tr", { children: [
+        w && /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(L, { width: _.width, height: _.height }) }),
+        e.weeks[0].days.map((D) => /* @__PURE__ */ s("td", { children: f ? f(D.name, _, c) : /* @__PURE__ */ s(
+          Tn,
           {
-            day: w,
+            day: D,
             onClickWeekDay: c,
             theme: _
           }
-        ) }, w.name))
+        ) }, D.name))
       ] }),
-      e.weeks.map((w) => /* @__PURE__ */ M("tr", { children: [
-        D && /* @__PURE__ */ s("td", { children: u ? u(w, _, l) : /* @__PURE__ */ s(
-          Tn,
+      e.weeks.map((D) => /* @__PURE__ */ T("tr", { children: [
+        w && /* @__PURE__ */ s("td", { children: u ? u(D, _, l) : /* @__PURE__ */ s(
+          En,
           {
-            week: w,
+            week: D,
             onClickWeek: l,
             theme: _
           }
         ) }),
-        w.days.map((p) => /* @__PURE__ */ s(
-          En,
+        D.days.map((g) => /* @__PURE__ */ s(
+          An,
           {
             dayComponent: t,
-            day: p,
-            week: w,
+            day: g,
+            week: D,
             month: e,
-            dayState: r && r[w.weekNumber] && r[w.weekNumber][p.dayOfMonth],
-            userData: n && n[w.weekNumber] && n[w.weekNumber][p.dayOfMonth],
+            dayState: r && r[D.weekNumber] && r[D.weekNumber][g.dayOfMonth],
+            userData: n && n[D.weekNumber] && n[D.weekNumber][g.dayOfMonth],
             onClickDay: i,
             theme: _,
-            extraDayContent: m,
+            extraDayContent: p,
             defaultHighlights: y,
             minDate: a,
             maxDate: o
           },
-          p.dateString
+          g.dateString
         ))
-      ] }, w.weekNumber))
+      ] }, D.weekNumber))
     ] }) })
   ] }) });
 }
-function An({
+function Pn({
   monthRows: e,
-  dayComponent: t = br,
+  dayComponent: t = vr,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: a,
@@ -597,26 +597,26 @@ function An({
   renderWeekNumber: f,
   headerRightContent: h,
   extraDayContent: _,
-  defaultHighlights: m,
+  defaultHighlights: p,
   showWeekNumber: y,
-  theme: D = ke
+  theme: w = ke
 }) {
-  const w = S(
+  const D = I(
     () => a ? we(a, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [a]
-  ), p = S(
+  ), g = I(
     () => o ? we(o, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [o]
   );
   return /* @__PURE__ */ s(
     "div",
     {
-      className: se(
-        Gt.calendar,
-        y && Gt.weekNumberVisible
+      className: oe(
+        Jt.calendar,
+        y && Jt.weekNumberVisible
       ),
-      children: e.map((v, g) => /* @__PURE__ */ s(Ar, { children: /* @__PURE__ */ s($, { gap: 2, children: v.map((k) => /* @__PURE__ */ s(
-        Ln,
+      children: e.map((b, m) => /* @__PURE__ */ s(Pr, { children: /* @__PURE__ */ s(z, { gap: 2, children: b.map((k) => /* @__PURE__ */ s(
+        Fn,
         {
           month: k,
           dayComponent: t,
@@ -626,37 +626,37 @@ function An({
           onClickWeekDay: l,
           onClickWeek: c,
           onClickMonth: d,
-          theme: D,
+          theme: w,
           renderWeekNumber: f,
           renderWeekDay: u,
           headerRightContent: h,
           extraDayContent: _,
-          defaultHighlights: m,
-          minDate: w,
-          maxDate: p,
+          defaultHighlights: p,
+          minDate: D,
+          maxDate: g,
           showWeekNumber: y ?? !1
         },
         k.name
-      )) }) }, g))
+      )) }) }, m))
     }
   );
 }
-function ht(e) {
-  const t = Fn(e.year, e.month, e.date), { year: r, month: n } = kn(
+function gt(e) {
+  const t = Yn(e.year, e.month, e.date), { year: r, month: n } = Cn(
     t.year,
     t.month
-  ), a = Pn(
+  ), a = Hn(
     r,
     n,
-    e.locale ?? Je,
+    e.locale ?? Qe,
     e.numMonths,
     e.monthsPerRow
-  ), o = mn(
+  ), o = vn(
     e.highlightToday,
     e.statePerMonth
   );
   return /* @__PURE__ */ s(
-    An,
+    Pn,
     {
       year: r,
       month: n,
@@ -666,7 +666,7 @@ function ht(e) {
     }
   );
 }
-const Fn = (e, t, r) => {
+const Yn = (e, t, r) => {
   if (t && e)
     return {
       month: t,
@@ -682,75 +682,75 @@ const Fn = (e, t, r) => {
     month: ye(n),
     year: Pe(n)
   };
-}, Pn = (e, t, r, n, a) => n == null ? [[rt(e, t, r)]] : a == null ? [Kt(e, t, n, r)] : gr(Kt(e, t, n, r), a), vr = (e, t) => `${e.row}-${e.column}-${t}`, Yn = (e, t, r, n) => {
+}, Hn = (e, t, r, n, a) => n == null ? [[at(e, t, r)]] : a == null ? [Gt(e, t, n, r)] : pr(Gt(e, t, n, r), a), yr = (e, t) => `${e.row}-${e.column}-${t}`, Wn = (e, t, r, n) => {
   let a = t;
   for (let o = 0; o < n; o++) {
-    a = Hn(a, e, n);
-    const i = vr(a, r);
+    a = On(a, e, n);
+    const i = yr(a, r);
     if (document.getElementById(i))
       return i;
   }
-}, Hn = (e, t, r) => {
+}, On = (e, t, r) => {
   let n = e.row, a = e.column;
   return t === "ArrowLeft" ? a-- : t === "ArrowUp" ? n-- : t === "ArrowRight" ? a++ : t === "ArrowDown" && n++, a < 0 && (a = r - 1, n--), a > r - 1 && (a = 0, n++), {
     column: a,
     row: n
   };
-}, Se = {
-  en: Je,
-  "en-US": on,
-  "en-GB": Je,
-  "en-IE": an,
-  "de-AT": nn,
-  "nl-BE": rn,
-  "nl-NL": qt,
-  "de-DE": jt,
-  "nb-NO": Vt,
-  "sv-SE": zt,
-  "da-DK": Ut,
-  "lv-LV": $t,
-  "lt-LT": Ot,
-  "it-IT": Wt,
-  "et-EE": Ht,
-  "fi-FI": Yt,
-  "cs-CZ": Pt,
-  "es-ES": Ft,
-  "fr-FR": At,
-  "pl-PL": Lt,
-  nl: qt,
-  de: jt,
-  nb: Vt,
-  sv: zt,
-  da: Ut,
-  lv: $t,
-  lt: Ot,
-  it: Wt,
-  et: Ht,
-  fi: Yt,
-  cs: Pt,
-  es: Ft,
-  fr: At,
-  pl: Lt
-}, yr = "en-GB", Ho = "sv", wr = (e, t, r) => {
-  if (Se[e])
+}, Be = {
+  en: Qe,
+  "en-US": ln,
+  "en-GB": Qe,
+  "en-IE": sn,
+  "de-AT": on,
+  "nl-BE": an,
+  "nl-NL": Kt,
+  "de-DE": qt,
+  "nb-NO": jt,
+  "sv-SE": Vt,
+  "da-DK": zt,
+  "lv-LV": Ut,
+  "lt-LT": $t,
+  "it-IT": Ot,
+  "et-EE": Wt,
+  "fi-FI": Ht,
+  "cs-CZ": Yt,
+  "es-ES": Pt,
+  "fr-FR": Ft,
+  "pl-PL": At,
+  nl: Kt,
+  de: qt,
+  nb: jt,
+  sv: Vt,
+  da: zt,
+  lv: Ut,
+  lt: $t,
+  it: Ot,
+  et: Wt,
+  fi: Ht,
+  cs: Yt,
+  es: Pt,
+  fr: Ft,
+  pl: At
+}, wr = "en-GB", Oo = "sv", Dr = (e, t, r) => {
+  if (Be[e])
     return e;
   if (t) {
-    const n = Wn(e);
+    const n = $n(e);
     if (n)
       return n;
   }
   return r;
-}, Be = (e) => Se[e], Wn = (e) => {
-  const [t] = e.split("-"), r = Object.keys(Se);
+}, Me = (e) => Be[e], $n = (e) => {
+  const [t] = e.split("-"), r = Object.keys(Be);
   for (const n of r)
     if (n.startsWith(t))
       return n;
-}, Wo = () => Se.sv, On = (e) => {
-  const t = Object.keys(Se);
+}, $o = () => Be.sv, Un = (e) => {
+  const t = Object.keys(Be);
   for (const r of t)
-    if (Se[r].code === e.code)
+    if (Be[r].code === e.code)
       return r;
-}, $n = ({
+}, zn = ({
   month: e,
   onClick: t,
   selected: r,
@@ -760,33 +760,33 @@ const Fn = (e, t, r) => {
   position: i,
   size: l
 }) => {
-  const c = S(
-    () => Be(n) ?? Be("en-GB"),
+  const c = I(
+    () => Me(n) ?? Me("en-GB"),
     [n]
-  ), d = S(
-    () => tt(q(e, "LLL", { locale: c })),
+  ), d = I(
+    () => nt(j(e, "LLL", { locale: c })),
     [c, e]
-  ), u = S(
-    () => q(e, "LLLL", { locale: c }),
+  ), u = I(
+    () => j(e, "LLLL", { locale: c }),
     [c, e]
-  ), f = O(null), h = vr(i, o), _ = r ? 0 : -1;
-  oe(() => {
+  ), f = $(null), h = yr(i, o), _ = r ? 0 : -1;
+  ae(() => {
     f.current?.focus();
   }, []);
-  const m = b(
+  const p = v(
     (y) => {
-      const D = Yn(
+      const w = Wn(
         y.key,
         i,
         o,
         4
       );
-      D && document.getElementById(D)?.focus();
+      w && document.getElementById(w)?.focus();
     },
     [o, i]
   );
-  return /* @__PURE__ */ s($, { justifyContent: "center", onKeyDown: m, children: r ? /* @__PURE__ */ s(
-    Ie,
+  return /* @__PURE__ */ s(z, { justifyContent: "center", onKeyDown: p, children: r ? /* @__PURE__ */ s(
+    Re,
     {
       id: h,
       "aria-label": u,
@@ -809,7 +809,7 @@ const Fn = (e, t, r) => {
       tabIndex: _
     }
   ) });
-}, Un = (e, t, r) => {
+}, Vn = (e, t, r) => {
   let n = e.getFullYear(), a = 0, o = 0, i = e;
   const l = {
     yearOrder: [],
@@ -844,41 +844,41 @@ const Fn = (e, t, r) => {
   onCancel: o,
   size: i = "medium"
 }) => {
-  const l = St(), c = Me(), d = a > 0 ? a : 12, [u, f] = x(!1), h = Un(r, d, Vn(i)), _ = S(() => Oe(r, d), [d, r]);
-  oe(() => {
+  const l = Bt(), c = Ie(), d = a > 0 ? a : 12, [u, f] = C(!1), h = Vn(r, d, qn(i)), _ = I(() => Oe(r, d), [d, r]);
+  ae(() => {
     f(!0);
   }, []);
-  const m = b(
+  const p = v(
     (y) => {
       y.key === "Escape" && (o?.(), y.preventDefault(), y.stopPropagation());
     },
     [o]
   );
-  return /* @__PURE__ */ s(Z, { gap: 1, maxWidth: zn(i), onKeyDown: m, children: h.yearOrder.map((y, D) => {
-    const { rows: w } = h.years[y];
-    return /* @__PURE__ */ M(Ct.Fragment, { children: [
-      (D !== 0 || y !== c.getFullYear()) && /* @__PURE__ */ s(He, { variant: "h4", children: y }),
-      /* @__PURE__ */ s("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ s("tbody", { children: w.map((p) => {
-        const { columns: v } = h.rows[p];
-        return /* @__PURE__ */ s("tr", { children: v.map(({ month: g, position: k }) => /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(
-          $n,
+  return /* @__PURE__ */ s(Z, { gap: 1, maxWidth: jn(i), onKeyDown: p, children: h.yearOrder.map((y, w) => {
+    const { rows: D } = h.years[y];
+    return /* @__PURE__ */ T(St.Fragment, { children: [
+      (w !== 0 || y !== c.getFullYear()) && /* @__PURE__ */ s(He, { variant: "h4", children: y }),
+      /* @__PURE__ */ s("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ s("tbody", { children: D.map((g) => {
+        const { columns: b } = h.rows[g];
+        return /* @__PURE__ */ s("tr", { children: b.map(({ month: m, position: k }) => /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(
+          zn,
           {
-            month: g,
+            month: m,
             firstAvailableMonth: r,
             lastAvailableMonth: _,
             localeCode: n,
-            selected: e ? ge(e, g) : !1,
+            selected: e ? ge(e, m) : !1,
             autoFocus: u,
-            onClick: () => t?.(g),
+            onClick: () => t?.(m),
             monthPickerId: l,
             position: k,
             size: i
           }
-        ) }, g.getMonth())) }, p);
+        ) }, m.getMonth())) }, g);
       }) }) })
     ] }, y);
   }) });
-}, zn = (e) => {
+}, jn = (e) => {
   switch (e) {
     case "smaller":
       return "280px";
@@ -889,9 +889,9 @@ const Fn = (e, t, r) => {
     case "large":
       return "448px";
     default:
-      return yt(e, "336px");
+      return wt(e, "336px");
   }
-}, Vn = (e) => {
+}, qn = (e) => {
   switch (e) {
     case "smaller":
     case "small":
@@ -900,9 +900,9 @@ const Fn = (e, t, r) => {
     case "large":
       return 4;
     default:
-      return yt(e, 4);
+      return wt(e, 4);
   }
-}, jn = (e) => [
+}, Kn = (e) => [
   {
     label: "Past",
     presets: [
@@ -915,19 +915,19 @@ const Fn = (e, t, r) => {
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: e, endDate: re(e, 2) },
-      { label: "Next 7 days", startDate: e, endDate: re(e, 6) },
-      { label: "Next 30 days", startDate: e, endDate: re(e, 29) },
-      { label: "Next 45 days", startDate: e, endDate: re(e, 44) }
+      { label: "Next 3 days", startDate: e, endDate: te(e, 2) },
+      { label: "Next 7 days", startDate: e, endDate: te(e, 6) },
+      { label: "Next 30 days", startDate: e, endDate: te(e, 29) },
+      { label: "Next 45 days", startDate: e, endDate: te(e, 44) }
     ]
   }
-], qn = ({
+], Gn = ({
   onClickPreset: e
 }) => {
-  const [t, r] = x(0), n = S(() => jn(/* @__PURE__ */ new Date()), []), a = n[t] ?? n[0];
-  return /* @__PURE__ */ M(Z, { children: [
-    /* @__PURE__ */ M(
-      $,
+  const [t, r] = C(0), n = I(() => Kn(/* @__PURE__ */ new Date()), []), a = n[t] ?? n[0];
+  return /* @__PURE__ */ T(Z, { children: [
+    /* @__PURE__ */ T(
+      z,
       {
         justifyContent: "space-between",
         alignItems: "center",
@@ -937,7 +937,7 @@ const Fn = (e, t, r) => {
             Q,
             {
               size: "small",
-              leftIcon: Pr,
+              leftIcon: Hr,
               disabled: t === 0,
               onClick: () => r(t - 1)
             }
@@ -947,7 +947,7 @@ const Fn = (e, t, r) => {
             Q,
             {
               size: "small",
-              leftIcon: Yr,
+              leftIcon: Wr,
               disabled: t === n.length - 1,
               onClick: () => r(t + 1)
             }
@@ -955,19 +955,19 @@ const Fn = (e, t, r) => {
         ]
       }
     ),
-    /* @__PURE__ */ s(Ce, {}),
-    /* @__PURE__ */ s(Z, { alignItems: "center", children: a.presets.map((o) => /* @__PURE__ */ M(Ct.Fragment, { children: [
+    /* @__PURE__ */ s(Se, {}),
+    /* @__PURE__ */ s(Z, { alignItems: "center", children: a.presets.map((o) => /* @__PURE__ */ T(St.Fragment, { children: [
       /* @__PURE__ */ s(
-        Ie,
+        Re,
         {
           label: o.label,
           onClick: () => e(o)
         }
       ),
-      /* @__PURE__ */ s(Ce, {})
+      /* @__PURE__ */ s(Se, {})
     ] }, o.label)) })
   ] });
-}, Kn = function({
+}, Jn = function({
   locale: t,
   dateInFocus: r,
   setDateInFocus: n,
@@ -978,21 +978,21 @@ const Fn = (e, t, r) => {
   numMonthsInMonthPicker: c,
   ...d
 }) {
-  const u = S(
-    () => t == null ? "en-GB" : On(t) ?? "en-GB",
+  const u = I(
+    () => t == null ? "en-GB" : Un(t) ?? "en-GB",
     [t]
-  ), f = Me(), h = b(
-    (m) => {
-      n && n(m), o("calendar");
+  ), f = Ie(), h = v(
+    (p) => {
+      n && n(p), o("calendar");
     },
     [n, o]
-  ), _ = b(() => {
+  ), _ = v(() => {
     o("month");
   }, [o]);
   switch (a) {
     case "calendar":
       return /* @__PURE__ */ s(
-        ht,
+        gt,
         {
           ...d,
           date: r,
@@ -1019,29 +1019,29 @@ const Fn = (e, t, r) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ s(qn, { onClickPreset: () => {
+      return /* @__PURE__ */ s(Gn, { onClickPreset: () => {
       } });
     default:
       return /* @__PURE__ */ s(L, { children: /* @__PURE__ */ s(
-        Ie,
+        Re,
         {
           label: "Show calendar",
           onClick: () => o("calendar")
         }
       ) });
   }
-}, Gn = (e, t, r, n) => {
-  const a = b(() => {
+}, Zn = (e, t, r, n) => {
+  const a = v(() => {
     const c = Oe(e, r ?? n ?? 1);
     t?.(c);
-  }, [t, e, r, n]), o = b(() => {
-    const c = Jr(e, 1);
+  }, [t, e, r, n]), o = v(() => {
+    const c = Qr(e, 1);
     t?.(c);
-  }, [t, e]), i = b(() => {
-    const c = kt(e, r ?? n ?? 1);
+  }, [t, e]), i = v(() => {
+    const c = xt(e, r ?? n ?? 1);
     t?.(c);
-  }, [t, e, r, n]), l = b(() => {
-    const c = Zr(e, 1);
+  }, [t, e, r, n]), l = v(() => {
+    const c = Xr(e, 1);
     t?.(c);
   }, [t, e]);
   return {
@@ -1050,23 +1050,23 @@ const Fn = (e, t, r) => {
     nextYear: o,
     prevYear: l
   };
-}, Jn = ({
+}, Qn = ({
   children: e,
   prevMonth: t,
   nextMonth: r,
   prevYear: n,
   nextYear: a
-}) => /* @__PURE__ */ M("div", { children: [
+}) => /* @__PURE__ */ T("div", { children: [
   e,
-  /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ M($, { gap: 1, children: [
-    /* @__PURE__ */ s(fe, { onClick: n, leftIcon: Hr }),
-    /* @__PURE__ */ s(fe, { onClick: t, leftIcon: Xe }),
+  /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ T(z, { gap: 1, children: [
+    /* @__PURE__ */ s(fe, { onClick: n, leftIcon: Or }),
+    /* @__PURE__ */ s(fe, { onClick: t, leftIcon: tt }),
     /* @__PURE__ */ s(Ae, { num: 2 }),
     /* @__PURE__ */ s(fe, { onClick: r, leftIcon: We }),
-    /* @__PURE__ */ s(fe, { onClick: a, leftIcon: Wr })
+    /* @__PURE__ */ s(fe, { onClick: a, leftIcon: $r })
   ] }) }),
-  /* @__PURE__ */ s(Ce, {})
-] }), Zn = () => {
+  /* @__PURE__ */ s(Se, {})
+] }), Xn = () => {
 };
 function xe({
   monthSwitcherPlacement: e,
@@ -1075,37 +1075,37 @@ function xe({
   setDateInFocus: n,
   currentPanel: a,
   setCurrentPanel: o,
-  onSelectPreset: i = Zn,
+  onSelectPreset: i = Xn,
   renderMonthPicker: l,
   firstMonthInMonthPicker: c,
   numMonthsInMonthPicker: d,
   ...u
 }) {
-  const { nextMonth: f, prevMonth: h, nextYear: _, prevYear: m } = Gn(
+  const { nextMonth: f, prevMonth: h, nextYear: _, prevYear: p } = Zn(
     r,
     n,
     u.monthsPerRow,
     u.numMonths
   );
-  switch (Qn(
+  switch (ea(
     e,
     u.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ s(
-        Jn,
+        Qn,
         {
           theme: t,
           nextMonth: f,
           prevMonth: h,
           nextYear: _,
-          prevYear: m,
-          children: /* @__PURE__ */ s(ht, { ...u, theme: t, date: r })
+          prevYear: p,
+          children: /* @__PURE__ */ s(gt, { ...u, theme: t, date: r })
         }
       );
     case "header":
       return /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(
-        Kn,
+        Jn,
         {
           ...u,
           theme: t,
@@ -1117,12 +1117,12 @@ function xe({
           onSelectPreset: i,
           firstMonthInMonthPicker: c,
           numMonthsInMonthPicker: d,
-          headerRightContent: /* @__PURE__ */ M($, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ T(z, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ s(
               fe,
               {
                 onClick: h,
-                leftIcon: Xe
+                leftIcon: tt
               }
             ),
             /* @__PURE__ */ s(
@@ -1136,13 +1136,13 @@ function xe({
         }
       ) });
     default:
-      return /* @__PURE__ */ s(ht, { ...u, theme: t, date: r });
+      return /* @__PURE__ */ s(gt, { ...u, theme: t, date: r });
   }
 }
-const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
-  startDate: e.startDate ? q(e.startDate, "yyyy-MM-dd") : void 0,
-  endDate: e.endDate ? q(e.endDate, "yyyy-MM-dd") : void 0
-}), ea = ({
+const ea = (e, t) => e || (t || 1) > 1 ? "below" : "header", ta = (e) => ({
+  startDate: e.startDate ? j(e.startDate, "yyyy-MM-dd") : void 0,
+  endDate: e.endDate ? j(e.endDate, "yyyy-MM-dd") : void 0
+}), ra = ({
   startDate: e,
   endDate: t
 }) => {
@@ -1151,21 +1151,21 @@ const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
     startDate: e ? we(e, "yyyy-MM-dd", r) : void 0,
     endDate: t ? we(t, "yyyy-MM-dd", r) : void 0
   };
-}, Dr = ({
+}, kr = ({
   startDate: e,
   endDate: t
-}) => !!(e && t && !P(e, t) && G(e, t)), kr = (e) => Dr(e) ? {
+}) => !!(e && t && !F(e, t) && G(e, t)), xr = (e) => kr(e) ? {
   startDate: e.endDate,
   endDate: e.startDate
-} : e, Oo = (e) => e.startDate && e.endDate ? Xn(
-  kr(ea(e))
-) : e, ta = (e, t, r, n) => b(
+} : e, Uo = (e) => e.startDate && e.endDate ? ta(
+  xr(ra(e))
+) : e, na = (e, t, r, n) => v(
   (a) => {
     const o = {
       startDate: r === "startDate" ? a.date : e?.startDate,
       endDate: r === "endDate" ? a.date : e?.endDate
     };
-    Dr(o) || n(r === "startDate" ? "endDate" : "startDate"), t?.(kr(o));
+    kr(o) || n(r === "startDate" ? "endDate" : "startDate"), t?.(xr(o));
   },
   [
     r,
@@ -1174,8 +1174,8 @@ const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
     e?.endDate,
     e?.startDate
   ]
-), nt = (e) => {
-  const [t, r] = x("calendar"), n = b(
+), ot = (e) => {
+  const [t, r] = C("calendar"), n = v(
     (a) => {
       r(a), e?.(a);
     },
@@ -1185,7 +1185,7 @@ const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
     currentPanel: t,
     setCurrentPanel: n
   };
-}, ra = ({
+}, aa = ({
   focusedInput: e,
   value: t,
   onValueChange: r,
@@ -1194,14 +1194,14 @@ const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
   onChangePanel: o,
   initialDateInFocus: i
 }) => {
-  const { currentPanel: l, setCurrentPanel: c } = nt(o), [d, u] = x(
+  const { currentPanel: l, setCurrentPanel: c } = ot(o), [d, u] = C(
     () => i ?? /* @__PURE__ */ new Date()
-  ), f = ta(
+  ), f = na(
     t,
     r,
     e,
     n
-  ), h = S(
+  ), h = I(
     () => Ye(
       a,
       t?.startDate,
@@ -1218,12 +1218,12 @@ const Qn = (e, t) => e || (t || 1) > 1 ? "below" : "header", Xn = (e) => ({
     dateInFocus: d
   };
 };
-function $o(e) {
-  const t = ra(e);
+function zo(e) {
+  const t = aa(e);
   return /* @__PURE__ */ s(xe, { ...e, ...t });
 }
-const Uo = () => {
-  const [e, t] = x(), [r, n] = x(), [a, o] = x("startDate");
+const Vo = () => {
+  const [e, t] = C(), [r, n] = C(), [a, o] = C("startDate");
   return {
     startDate: e,
     setStartDate: t,
@@ -1232,18 +1232,18 @@ const Uo = () => {
     focusedInput: a,
     setFocusedInput: o
   };
-}, na = ({
+}, oa = ({
   onChange: e,
   value: t,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: a, setCurrentPanel: o } = nt(n), [i, l] = x(() => t ?? /* @__PURE__ */ new Date()), c = b(
+  const { currentPanel: a, setCurrentPanel: o } = ot(n), [i, l] = C(() => t ?? /* @__PURE__ */ new Date()), c = v(
     (u) => {
       e && e(u.date);
     },
     [e]
-  ), d = S(
+  ), d = I(
     () => t ? he(r, t, [
       "selected",
       "singleSelected"
@@ -1260,28 +1260,28 @@ const Uo = () => {
     setDateInFocus: l
   };
 };
-function xr(e) {
-  const t = na(e);
+function Cr(e) {
+  const t = oa(e);
   return /* @__PURE__ */ s(xe, { ...e, ...t });
 }
-const aa = ({
+const sa = ({
   onChange: e,
   value: t,
   statePerMonth: r,
   onChangePanel: n,
   initialDateInFocus: a
 }) => {
-  const { currentPanel: o, setCurrentPanel: i } = nt(n), [l, c] = x(
+  const { currentPanel: o, setCurrentPanel: i } = ot(n), [l, c] = C(
     a ?? /* @__PURE__ */ new Date()
-  ), d = b(
+  ), d = v(
     (f) => {
       if (!e)
         return;
-      const h = t && t.find((_) => P(_, f.date));
-      e(t && h ? t.filter((_) => !P(_, f.date)) : [...t || [], f.date]);
+      const h = t && t.find((_) => F(_, f.date));
+      e(t && h ? t.filter((_) => !F(_, f.date)) : [...t || [], f.date]);
     },
     [e, t]
-  ), u = S(() => t ? t.reduce(
+  ), u = I(() => t ? t.reduce(
     (f, h) => he(f, h, ["selected"]),
     r
   ) : r, [r, t]);
@@ -1294,35 +1294,35 @@ const aa = ({
     setDateInFocus: c
   };
 };
-function zo(e) {
-  const t = aa(e);
+function jo(e) {
+  const t = sa(e);
   return /* @__PURE__ */ s(xe, { ...e, ...t });
 }
-const oa = ({
+const ia = ({
   onChange: e,
   value: t,
   statePerMonth: r,
   onChangePanel: n,
-  locale: a = Je
+  locale: a = Qe
 }) => {
-  const [o, i] = x(() => {
-    const _ = ct(t, a);
+  const [o, i] = C(() => {
+    const _ = dt(t, a);
     return _ ? _.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: l, setCurrentPanel: c } = nt(n), d = b(
+  }), { currentPanel: l, setCurrentPanel: c } = ot(n), d = v(
     (_) => {
-      e && e(Jt(It(_.date, a)));
+      e && e(Zt(Rt(_.date, a)));
     },
     [a, e]
-  ), u = b(
+  ), u = v(
     (_) => {
-      e && e(Jt(_));
+      e && e(Zt(_));
     },
     [e]
-  ), f = S(() => {
-    const _ = ct(t, a);
-    return _ ? pn(r, _) : r;
-  }, [t, a, r]), h = S(() => {
-    const _ = ct(t, a);
+  ), f = I(() => {
+    const _ = dt(t, a);
+    return _ ? bn(r, _) : r;
+  }, [t, a, r]), h = I(() => {
+    const _ = dt(t, a);
     return _ ? _.days[0].date : /* @__PURE__ */ new Date();
   }, [a, t]);
   return {
@@ -1335,25 +1335,25 @@ const oa = ({
     currentPanel: l,
     setCurrentPanel: c
   };
-}, Jt = (e) => {
+}, Zt = (e) => {
   if (e)
     return `${e.endYear}-${e.weekNumber}`;
-}, ct = (e, t) => {
+}, dt = (e, t) => {
   if (!e)
     return;
   const r = e.split("-"), n = parseInt(r[1], 10), a = parseInt(r[0], 10), o = /* @__PURE__ */ new Date();
   o.setFullYear(a);
-  const i = Ge(Qr(o, n), { locale: t });
-  return It(i, t);
+  const i = Ze(en(o, n), { locale: t });
+  return Rt(i, t);
 };
-function Vo(e) {
-  const t = oa(e);
+function qo(e) {
+  const t = ia(e);
   return /* @__PURE__ */ s(xe, { ...e, ...t });
 }
-const ze = "bottom", sa = (e, t, r) => {
-  const [n, a] = x(r || !1), o = b(() => (a(!0), !0), [a]), i = b(() => {
+const ze = "bottom", la = (e, t, r) => {
+  const [n, a] = C(r || !1), o = v(() => (a(!0), !0), [a]), i = v(() => {
     a(!1), t && t();
-  }, [a, t]), l = b(
+  }, [a, t]), l = v(
     (c) => {
       e && e(c), setTimeout(i, 150);
     },
@@ -1365,8 +1365,8 @@ const ze = "bottom", sa = (e, t, r) => {
     showingCalendar: n,
     onSelectDate: l
   };
-}, Ve = "2999-12-31", jo = ({
-  displayFormat: e = ue.fullDate,
+}, Ve = "2999-12-31", Ko = ({
+  displayFormat: e = de.fullDate,
   placeholder: t = "Enter date",
   value: r,
   calendarTheme: n = ke,
@@ -1380,24 +1380,24 @@ const ze = "bottom", sa = (e, t, r) => {
   maxDate: f = Ve,
   disabled: h,
   portalTarget: _,
-  zIndex: m
+  zIndex: p
 }) => {
-  const { hideCalendar: y, showingCalendar: D, onSelectDate: w, showCalendar: p } = sa(l, i, o);
+  const { hideCalendar: y, showingCalendar: w, onSelectDate: D, showCalendar: g } = la(l, i, o);
   return /* @__PURE__ */ s(L, { width: d, children: /* @__PURE__ */ s(
     $e,
     {
       hideArrow: !0,
-      open: D,
+      open: w,
       onRequestClose: y,
       appendTo: _,
-      zIndex: m,
-      renderTrigger: (v) => /* @__PURE__ */ s(L, { ...v, children: /* @__PURE__ */ s(
+      zIndex: p,
+      renderTrigger: (b) => /* @__PURE__ */ s(L, { ...b, children: /* @__PURE__ */ s(
         pe,
         {
           type: "date",
-          onFocus: p,
-          buttonRight: /* @__PURE__ */ s(Or, { onClick: p, icon: Fe }),
-          value: r ? q(r, e) : "",
+          onFocus: g,
+          buttonRight: /* @__PURE__ */ s(Ur, { onClick: g, icon: Fe }),
+          value: r ? j(r, e) : "",
           placeholder: t,
           size: 9,
           disabled: h,
@@ -1409,10 +1409,10 @@ const ze = "bottom", sa = (e, t, r) => {
       ) }),
       placement: ze,
       children: /* @__PURE__ */ s(
-        xr,
+        Cr,
         {
           ...a,
-          onChange: w,
+          onChange: D,
           value: r,
           theme: n,
           minDate: u,
@@ -1421,10 +1421,10 @@ const ze = "bottom", sa = (e, t, r) => {
       )
     }
   ) });
-}, ia = (e, t) => {
-  const r = O(null), n = O(null), [a, o] = x(!1), [i, l] = x(void 0), c = b(() => (l("startDate"), o(!0), !0), [l, o]), d = b(() => (l("endDate"), o(!0), !0), [l, o]), u = b(() => {
+}, ca = (e, t) => {
+  const r = $(null), n = $(null), [a, o] = C(!1), [i, l] = C(void 0), c = v(() => (l("startDate"), o(!0), !0), [l, o]), d = v(() => (l("endDate"), o(!0), !0), [l, o]), u = v(() => {
     o(!1);
-  }, [o]), f = b(
+  }, [o]), f = v(
     (_) => {
       i === "startDate" ? (t?.({
         startDate: _.date,
@@ -1435,7 +1435,7 @@ const ze = "bottom", sa = (e, t, r) => {
       }), e?.startDate ? setTimeout(u, 150) : (l("startDate"), r.current?.focus()));
     },
     [i, t, l, u, e]
-  ), h = S(
+  ), h = I(
     () => e?.startDate && e?.endDate && G(e.startDate, e.endDate),
     [e?.startDate, e?.endDate]
   );
@@ -1452,8 +1452,8 @@ const ze = "bottom", sa = (e, t, r) => {
     startDateIsAfterEnd: h
   };
 };
-function qo({
-  displayFormat: e = ue.fullDate,
+function Go({
+  displayFormat: e = de.fullDate,
   placeholderStartDate: t = "Start date",
   placeholderEndDate: r = "End date",
   value: n,
@@ -1467,19 +1467,19 @@ function qo({
   portalTarget: f,
   zIndex: h
 }) {
-  const [_, m] = x("calendar"), {
+  const [_, p] = C("calendar"), {
     hideCalendar: y,
-    showCalendarEndDate: D,
-    showCalendarStartDate: w,
-    showingCalendar: p,
-    focusedInput: v,
-    startDateInputRef: g,
+    showCalendarEndDate: w,
+    showCalendarStartDate: D,
+    showingCalendar: g,
+    focusedInput: b,
+    startDateInputRef: m,
     endDateInputRef: k,
-    onClickDay: T,
-    startDateIsAfterEnd: I
-  } = ia(n, a), [E, C] = x(
-    () => (v && n?.[v]) ?? /* @__PURE__ */ new Date()
-  ), B = S(
+    onClickDay: x,
+    startDateIsAfterEnd: S
+  } = ca(n, a), [N, B] = C(
+    () => (b && n?.[b]) ?? /* @__PURE__ */ new Date()
+  ), R = I(
     () => Ye(void 0, n?.startDate, n?.endDate),
     [n]
   );
@@ -1489,60 +1489,60 @@ function qo({
       hideArrow: !0,
       appendTo: f,
       zIndex: h,
-      renderTrigger: (A) => /* @__PURE__ */ M($, { alignItems: "center", ...A, children: [
+      renderTrigger: (A) => /* @__PURE__ */ T(z, { alignItems: "center", ...A, children: [
         /* @__PURE__ */ s(
           pe,
           {
             iconLeft: Fe,
-            onFocus: w,
-            value: n?.startDate ? q(n.startDate, e) : "",
+            onFocus: D,
+            value: n?.startDate ? j(n.startDate, e) : "",
             placeholder: t,
             width: o,
             disabled: u,
-            inputRef: g,
+            inputRef: m,
             size: 9,
-            variant: I ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ s(Ce, {}),
+        /* @__PURE__ */ s(Se, {}),
         /* @__PURE__ */ s(
-          ar,
+          or,
           {
-            icon: $r,
-            color: Mt("--lhds-color-ui-500"),
+            icon: zr,
+            color: It("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ s(Ce, {}),
+        /* @__PURE__ */ s(Se, {}),
         /* @__PURE__ */ s(
           pe,
           {
             iconLeft: Fe,
-            onFocus: D,
-            value: n?.endDate ? q(n.endDate, e) : "",
+            onFocus: w,
+            value: n?.endDate ? j(n.endDate, e) : "",
             placeholder: r,
             width: o,
             disabled: u,
             inputRef: k,
             size: 9,
-            variant: I ? "error" : void 0
+            variant: S ? "error" : void 0
           }
         )
       ] }),
-      open: p,
+      open: g,
       placement: ze,
       onRequestClose: y,
       children: /* @__PURE__ */ s(
         xe,
         {
           ...l,
-          dateInFocus: E,
-          setDateInFocus: C,
-          statePerMonth: B,
+          dateInFocus: N,
+          setDateInFocus: B,
+          statePerMonth: R,
           theme: i,
-          onClickDay: T,
+          onClickDay: x,
           currentPanel: _,
-          setCurrentPanel: m,
+          setCurrentPanel: p,
           minDate: c,
           maxDate: d
         }
@@ -1550,10 +1550,10 @@ function qo({
     }
   );
 }
-const Ko = ({
+const Jo = ({
   calendarProps: e,
   closeOnCalendarSelectDate: t = !0,
-  dateFormat: r = ue.fullDate,
+  dateFormat: r = de.fullDate,
   disableCalender: n = !1,
   onValueChange: a,
   placeholder: o = "yyyy-mm-dd",
@@ -1565,70 +1565,70 @@ const Ko = ({
   maxDate: f = Ve,
   variant: h,
   portalTarget: _,
-  zIndex: m,
+  zIndex: p,
   ...y
 }) => {
-  const [D, w] = x(!1), p = b(() => {
-    w(!D);
-  }, [w, D]), v = b(() => {
-    w(!1);
-  }, [w]), g = b(
-    (B) => {
-      a && a(B);
+  const [w, D] = C(!1), g = v(() => {
+    D(!w);
+  }, [D, w]), b = v(() => {
+    D(!1);
+  }, [D]), m = v(
+    (R) => {
+      a && a(R);
     },
     [a]
-  ), k = b(
-    (B) => {
-      B && (g(q(B, r)), t && setTimeout(() => w(!D), 200));
+  ), k = v(
+    (R) => {
+      R && (m(j(R, r)), t && setTimeout(() => D(!w), 200));
     },
     [
-      g,
+      m,
       r,
       t,
-      w,
-      D
+      D,
+      w
     ]
-  ), T = !!i && !/^[-/\\.0-9]+$/.test(i), I = !!i && Xr(we(i, r, /* @__PURE__ */ new Date())), C = !!i && i.length >= r.length && !I || T;
+  ), x = !!i && !/^[-/\\.0-9]+$/.test(i), S = !!i && tn(we(i, r, /* @__PURE__ */ new Date())), B = !!i && i.length >= r.length && !S || x;
   return /* @__PURE__ */ s(L, { width: l, children: /* @__PURE__ */ s(
     $e,
     {
       appendTo: _,
-      zIndex: m,
-      renderTrigger: ({ ref: B, ...A }) => /* @__PURE__ */ s(
+      zIndex: p,
+      renderTrigger: ({ ref: R, ...A }) => /* @__PURE__ */ s(
         pe,
         {
           ...y,
-          variant: C ? "error" : h,
+          variant: B ? "error" : h,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ s($, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ s(
+          contentRight: d ? void 0 : /* @__PURE__ */ s(z, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ s(
             Q,
             {
               size: "small",
               disabled: y.disabled || n,
               leftIcon: Fe,
-              onClick: p
+              onClick: g
             }
           ) }),
-          onValueChange: g,
+          onValueChange: m,
           placeholder: o,
           value: i || "",
           min: u,
           max: f,
           size: 10,
-          inputRef: B,
+          inputRef: R,
           ...A
         }
       ),
       hideArrow: !0,
-      open: D,
+      open: w,
       placement: ze,
-      onRequestClose: v,
+      onRequestClose: b,
       children: /* @__PURE__ */ s(
-        xr,
+        Cr,
         {
           ...e,
           onChange: k,
-          value: i && I ? we(i, r, /* @__PURE__ */ new Date()) : void 0,
+          value: i && S ? we(i, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
           maxDate: f,
           theme: c
@@ -1636,7 +1636,7 @@ const Ko = ({
       )
     }
   ) });
-}, Ze = (e) => {
+}, Xe = (e) => {
   if (e === "")
     return "00";
   const t = parseInt(e, 10);
@@ -1652,7 +1652,7 @@ const Ko = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, Qe = (e) => {
+}, et = (e) => {
   if (e === "")
     return "00";
   const t = parseInt(e, 10);
@@ -1668,13 +1668,13 @@ const Ko = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, la = (e) => {
-  if (!gt(e))
+}, da = (e) => {
+  if (!pt(e))
     return { time: e, success: !1 };
   const t = e && e.split(/-|:|,|;|[/]|[.]| /);
   if (t && t.length === 2)
     try {
-      const r = Ze(t[0]), n = Qe(t[1]);
+      const r = Xe(t[0]), n = et(t[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: e, success: !1 };
@@ -1703,7 +1703,7 @@ const Ko = ({
     }
   }
   return { time: e, success: !1 };
-}, gt = (e) => e ? /^[-:.,/; 0-9]+$/.test(e) : !0, Go = ({
+}, pt = (e) => e ? /^[-:.,/; 0-9]+$/.test(e) : !0, Zo = ({
   onValueChange: e,
   showPlaceholder: t = !0,
   useIcon: r = !0,
@@ -1712,15 +1712,15 @@ const Ko = ({
   variant: o,
   ...i
 }) => {
-  const [l, c] = x(() => gt(n)), d = "hh:mm", u = b(() => {
+  const [l, c] = C(() => pt(n)), d = "hh:mm", u = v(() => {
     if (n) {
-      const h = la(n);
+      const h = da(n);
       c(h.success), h.success && e && e(h.time);
     }
-  }, [n, e, c]), f = b(
+  }, [n, e, c]), f = v(
     (h) => {
-      const _ = h.target.value, m = gt(_);
-      c(m && _.length <= d.length), e && e(_);
+      const _ = h.target.value, p = pt(_);
+      c(p && _.length <= d.length), e && e(_);
     },
     [e, c]
   );
@@ -1730,7 +1730,7 @@ const Ko = ({
       ...i,
       type: "time",
       variant: l ? o : "error",
-      iconLeft: r ? or : void 0,
+      iconLeft: r ? sr : void 0,
       value: n,
       placeholder: t ? d : void 0,
       onChange: f,
@@ -1738,7 +1738,7 @@ const Ko = ({
       width: a
     }
   );
-}, Cr = ({
+}, Sr = ({
   autoFocusLeft: e,
   autoFocusRight: t,
   onEsc: r,
@@ -1753,142 +1753,142 @@ const Ko = ({
   onChangeLeft: f,
   onChangeRight: h,
   valueLeft: _,
-  valueRight: m,
+  valueRight: p,
   minLeft: y,
-  maxLeft: D,
-  minRight: w,
-  maxRight: p,
-  onClickLeft: v,
-  onClickRight: g,
+  maxLeft: w,
+  minRight: D,
+  maxRight: g,
+  onClickLeft: b,
+  onClickRight: m,
   onClickCalendar: k,
-  onClickArrowDown: T,
-  onBlurLeft: I,
-  onBlurRight: E,
-  onFocusLeft: C,
-  onFocusRight: B,
+  onClickArrowDown: x,
+  onBlurLeft: S,
+  onBlurRight: N,
+  onFocusLeft: B,
+  onFocusRight: R,
   inputRefLeft: A,
-  inputRefRight: F,
-  variant: N,
-  variantLeft: j,
+  inputRefRight: H,
+  variant: E,
+  variantLeft: P,
   variantRight: K,
   onBlur: J,
-  showPresets: R,
-  widthLeft: Y,
-  widthRight: z,
-  disabled: H
+  showPresets: M,
+  widthLeft: q,
+  widthRight: U,
+  disabled: V
 }) => {
-  const W = O(0), U = S(
-    () => ln((V) => {
-      V === 0 && J?.();
+  const W = $(0), Y = I(
+    () => dn((O) => {
+      O === 0 && J?.();
     }, 10),
     [J]
-  ), X = b(
-    (V) => {
-      W.current++, U(W.current), C && C(V);
+  ), X = v(
+    (O) => {
+      W.current++, Y(W.current), B && B(O);
     },
-    [C, W, U]
-  ), ie = b(
-    (V) => {
-      W.current++, U(W.current), B && B(V);
+    [B, W, Y]
+  ), re = v(
+    (O) => {
+      W.current++, Y(W.current), R && R(O);
     },
-    [B, W, U]
-  ), ee = b(
-    (V) => {
-      W.current--, U(W.current), I && I(V);
+    [R, W, Y]
+  ), se = v(
+    (O) => {
+      W.current--, Y(W.current), S && S(O);
     },
-    [I, W, U]
-  ), ne = b(
-    (V) => {
-      W.current--, U(W.current), E && E(V);
+    [S, W, Y]
+  ), ue = v(
+    (O) => {
+      W.current--, Y(W.current), N && N(O);
     },
-    [E, W, U]
+    [N, W, Y]
   );
-  return /* @__PURE__ */ s(L, { children: /* @__PURE__ */ M(
-    un,
+  return /* @__PURE__ */ s(L, { children: /* @__PURE__ */ T(
+    fn,
     {
       disableContentPaddingRight: !0,
-      disabled: H,
-      variant: N,
-      contentRight: /* @__PURE__ */ M($, { alignItems: "center", children: [
+      disabled: V,
+      variant: E,
+      contentRight: /* @__PURE__ */ T(z, { alignItems: "center", children: [
         /* @__PURE__ */ s(Ae, { num: 0.5, children: /* @__PURE__ */ s(
           Q,
           {
             leftIcon: Fe,
             onClick: k,
-            disabled: H,
+            disabled: V,
             size: "small"
           }
         ) }),
-        R ? /* @__PURE__ */ M(vt, { children: [
-          /* @__PURE__ */ s($, { height: "22px", children: /* @__PURE__ */ s(Fr, { vertical: !0 }) }),
+        M ? /* @__PURE__ */ T(yt, { children: [
+          /* @__PURE__ */ s(z, { height: "22px", children: /* @__PURE__ */ s(Yr, { vertical: !0 }) }),
           /* @__PURE__ */ s(Ae, { num: 0.5, children: /* @__PURE__ */ s(
             Q,
             {
-              leftIcon: wt,
-              onClick: T,
-              disabled: H,
+              leftIcon: Dt,
+              onClick: x,
+              disabled: V,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ s(L, { width: Y, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(L, { width: q, children: /* @__PURE__ */ s(
           pe,
           {
             onEsc: r,
             onEnter: n,
-            onClick: v,
-            disabled: H,
+            onClick: b,
+            disabled: V,
             hideBorder: !0,
             placeholder: l,
             value: _,
             onValueChange: a,
             onChange: f,
-            onBlur: ee,
+            onBlur: se,
             onFocus: X,
             inputRef: A,
-            variant: j,
+            variant: P,
             type: d,
             autoFocus: e,
             min: y,
-            max: D
+            max: w
           }
         ) }),
-        /* @__PURE__ */ s($, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-          ar,
+        /* @__PURE__ */ s(z, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+          or,
           {
             icon: i,
             size: 12,
-            color: Mt("--lhds-color-ui-500")
+            color: It("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ s(L, { width: z, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ s(L, { width: U, children: /* @__PURE__ */ s(
           pe,
           {
             onEsc: r,
             onEnter: n,
-            onClick: g,
-            disabled: H,
+            onClick: m,
+            disabled: V,
             hideBorder: !0,
             placeholder: c,
-            value: m,
+            value: p,
             onValueChange: o,
             onChange: h,
-            onBlur: ne,
-            onFocus: ie,
-            inputRef: F,
+            onBlur: ue,
+            onFocus: re,
+            inputRef: H,
             variant: K,
             type: u,
             autoFocus: t,
-            min: w,
-            max: p
+            min: D,
+            max: g
           }
         ) })
       ]
     }
   ) });
-}, ca = (e) => {
+}, ua = (e) => {
   if (e == null)
     throw new Error("Time is not set.");
   if (e === "")
@@ -1910,38 +1910,38 @@ const Ko = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, da = (e) => {
+}, _a = (e) => {
   try {
-    return ca(e), !0;
+    return ua(e), !0;
   } catch {
     return !1;
   }
-}, Ke = (e) => {
-  if (e && da(e)) {
+}, Je = (e) => {
+  if (e && _a(e)) {
     const t = e.split(":");
     return {
-      hour: Nt(t[0]),
-      minute: Nt(t[1])
+      hour: Et(t[0]),
+      minute: Et(t[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, ua = (e) => `${Ze(String(e.getHours()))}:${Qe(
+}, fa = (e) => `${Xe(String(e.getHours()))}:${et(
   String(e.getMinutes())
-)}`, _a = "_timePicker_1w05d_1", fa = "_timePickerColumn_1w05d_6", Sr = {
-  timePicker: _a,
-  timePickerColumn: fa
-}, ha = ({
+)}`, ha = "_timePicker_1w05d_1", ga = "_timePickerColumn_1w05d_6", Br = {
+  timePicker: ha,
+  timePickerColumn: ga
+}, pa = ({
   onClick: e,
   item: t,
   selected: r,
   columnRef: n,
   canScrollRef: a
 }) => {
-  const o = O(null);
-  return oe(
+  const o = $(null);
+  return ae(
     function() {
       if (r && n.current && o.current && a.current) {
         const l = o.current.scrollHeight * Math.max(t - 2, 0);
@@ -1950,7 +1950,7 @@ const Ko = ({
     },
     [n, t, r, a]
   ), /* @__PURE__ */ s(
-    $,
+    z,
     {
       width: "64px",
       justifyContent: "center",
@@ -1958,9 +1958,9 @@ const Ko = ({
       indent: 0.5,
       ref: o,
       children: r ? /* @__PURE__ */ s(
-        Ie,
+        Re,
         {
-          label: cn(String(t), 2, "0"),
+          label: un(String(t), 2, "0"),
           onClick: () => e && e(t)
         }
       ) : /* @__PURE__ */ s(
@@ -1972,15 +1972,15 @@ const Ko = ({
       )
     }
   );
-}, Zt = ({
+}, Qt = ({
   onClick: e,
   items: t,
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const a = O(null);
-  return /* @__PURE__ */ s(Z, { className: Sr.timePickerColumn, ref: a, children: t.map((o) => /* @__PURE__ */ s(
-    ha,
+  const a = $(null);
+  return /* @__PURE__ */ s(Z, { className: Br.timePickerColumn, ref: a, children: t.map((o) => /* @__PURE__ */ s(
+    pa,
     {
       item: o,
       onClick: e,
@@ -1990,37 +1990,37 @@ const Ko = ({
     },
     o
   )) });
-}, ga = xt(0, 24), pa = xt(0, 60), ma = ({
+}, ma = Ct(0, 24), ba = Ct(0, 60), va = ({
   value: e,
   onValueChange: t
 }) => {
-  const r = O(!0), [n, a] = x(void 0), [o, i] = x(void 0);
-  oe(() => {
+  const r = $(!0), [n, a] = C(void 0), [o, i] = C(void 0);
+  ae(() => {
     if (e) {
-      const { minute: d, hour: u } = Ke(e);
+      const { minute: d, hour: u } = Je(e);
       a(u), i(d);
     }
   }, [e]);
-  const l = b(
+  const l = v(
     (d) => {
       a(d), t?.(
-        `${Ze(String(d ?? 0))}:${Qe(String(o ?? 0))}`
+        `${Xe(String(d ?? 0))}:${et(String(o ?? 0))}`
       );
     },
     [o, t]
-  ), c = b(
+  ), c = v(
     (d) => {
       i(d), t?.(
-        `${Ze(String(n ?? 0))}:${Qe(String(d ?? 0))}`
+        `${Xe(String(n ?? 0))}:${et(String(d ?? 0))}`
       );
     },
     [n, t]
   );
-  return /* @__PURE__ */ M($, { className: Sr.timePicker, children: [
+  return /* @__PURE__ */ T(z, { className: Br.timePicker, children: [
     /* @__PURE__ */ s(
-      Zt,
+      Qt,
       {
-        items: ga,
+        items: ma,
         onClick: l,
         selectedItem: n,
         canScrollRef: r
@@ -2028,22 +2028,22 @@ const Ko = ({
     ),
     /* @__PURE__ */ s(Ae, {}),
     /* @__PURE__ */ s(
-      Zt,
+      Qt,
       {
-        items: pa,
+        items: ba,
         onClick: c,
         selectedItem: o,
         canScrollRef: r
       }
     )
   ] });
-}, ba = (e, t, r) => {
-  oe(
+}, ya = (e, t, r) => {
+  ae(
     function() {
       e && t(e);
     },
     [e, t]
-  ), oe(
+  ), ae(
     function() {
       r.current && (e ? r.current.valueAsDate = new Date(
         Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())
@@ -2051,7 +2051,7 @@ const Ko = ({
     },
     [e, r]
   );
-}, va = (e, t, {
+}, wa = (e, t, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: a,
@@ -2062,23 +2062,23 @@ const Ko = ({
   localDate: d,
   setLocalDate: u
 }, f) => {
-  const h = b(
-    (p) => {
-      if (!p)
+  const h = v(
+    (g) => {
+      if (!g)
         return;
-      const v = new Date(p);
+      const b = new Date(g);
       if (e)
-        v.setHours(e.getHours()), v.setMinutes(e.getMinutes()), t?.(v), u(void 0);
+        b.setHours(e.getHours()), b.setMinutes(e.getMinutes()), t?.(b), u(void 0);
       else if (l) {
-        const { minute: g, hour: k } = Ke(l);
-        v.setHours(k ?? 0), v.setMinutes(g ?? 0), t?.(v), u(void 0);
+        const { minute: m, hour: k } = Je(l);
+        b.setHours(k ?? 0), b.setMinutes(m ?? 0), t?.(b), u(void 0);
       } else
-        u(v);
-      r(v), f.current && (f.current.valueAsDate = new Date(
+        u(b);
+      r(b), f.current && (f.current.valueAsDate = new Date(
         Date.UTC(
-          v.getFullYear(),
-          v.getMonth(),
-          v.getDate()
+          b.getFullYear(),
+          b.getMonth(),
+          b.getDate()
         )
       ));
     },
@@ -2090,44 +2090,44 @@ const Ko = ({
       r,
       u
     ]
-  ), _ = b(
-    (p) => {
-      if (p)
+  ), _ = v(
+    (g) => {
+      if (g)
         if (e) {
-          const v = Ke(p), g = new Date(e);
-          g.setHours(v.hour || 0), g.setMinutes(v.minute || 0), t?.(g), c(void 0);
+          const b = Je(g), m = new Date(e);
+          m.setHours(b.hour || 0), m.setMinutes(b.minute || 0), t?.(m), c(void 0);
         } else if (d) {
-          const v = Ke(p), g = new Date(d);
-          g.setHours(v.hour || 0), g.setMinutes(v.minute || 0), t?.(g), c(void 0);
+          const b = Je(g), m = new Date(d);
+          m.setHours(b.hour || 0), m.setMinutes(b.minute || 0), t?.(m), c(void 0);
         } else
-          c(p);
+          c(g);
     },
     [t, e, d, c]
-  ), m = b(
-    (p) => {
-      p.target.value[0] !== "0" && h(p.target.valueAsDate);
+  ), p = v(
+    (g) => {
+      g.target.value[0] !== "0" && h(g.target.valueAsDate);
     },
     [h]
-  ), y = b(
-    (p) => _(p.target.value),
+  ), y = v(
+    (g) => _(g.target.value),
     [_]
-  ), D = b(() => {
+  ), w = v(() => {
     r(e || /* @__PURE__ */ new Date()), i("calendar"), n();
-  }, [e, i, n, r]), w = b(() => {
+  }, [e, i, n, r]), D = v(() => {
     o(void 0), a();
   }, [o, a]);
   return {
-    inputLeftChangeHandler: m,
+    inputLeftChangeHandler: p,
     inputRightChangeHandler: y,
-    hideCalendar: w,
-    showCalendar: D,
+    hideCalendar: D,
+    showCalendar: w,
     onChangeTime: _,
     onChangeDate: h
   };
-}, ya = (e) => {
-  const [t, r] = x(void 0), [n, a] = x(void 0), [o, i, l] = ft(!1), [c, d, u] = ft(!1), [f, h] = x(void 0), [_, m] = x(
+}, Da = (e) => {
+  const [t, r] = C(void 0), [n, a] = C(void 0), [o, i, l] = ht(!1), [c, d, u] = ht(!1), [f, h] = C(void 0), [_, p] = C(
     () => e ?? /* @__PURE__ */ new Date()
-  ), [y, D] = x("calendar");
+  ), [y, w] = C("calendar");
   return {
     isCalendarVisible: o,
     showCalendarInternal: i,
@@ -2135,9 +2135,9 @@ const Ko = ({
     firstFocusedInput: f,
     setFirstFocusedInput: h,
     dateInFocus: _,
-    setDateInFocus: m,
+    setDateInFocus: p,
     currentPanel: y,
-    setCurrentPanel: D,
+    setCurrentPanel: w,
     isTimePickerVisible: c,
     showTimePicker: d,
     hideTimePicker: u,
@@ -2146,24 +2146,24 @@ const Ko = ({
     localTime: n,
     setLocalTime: a
   };
-}, wa = (e, t, r, n, {
+}, ka = (e, t, r, n, {
   isCalendarVisible: a,
   setCurrentPanel: o,
   showTimePicker: i,
   hideTimePicker: l
 }) => {
-  const c = b(() => {
+  const c = v(() => {
     a || r(), o("calendar"), l();
-  }, [l, a, o, r]), d = b(() => {
+  }, [l, a, o, r]), d = v(() => {
     n(), i();
-  }, [n, i]), u = b(
-    (m) => {
-      e(m.date), n(), i();
+  }, [n, i]), u = v(
+    (p) => {
+      e(p.date), n(), i();
     },
     [e, n, i]
-  ), f = b(() => {
+  ), f = v(() => {
     o("presets"), r();
-  }, [o, r]), h = b(() => {
+  }, [o, r]), h = v(() => {
     a ? n() : (t.current?.focus(), o("calendar"), r());
   }, [
     a,
@@ -2171,9 +2171,9 @@ const Ko = ({
     t,
     o,
     r
-  ]), _ = b(
-    (m) => {
-      m.key === "Escape" && n();
+  ]), _ = v(
+    (p) => {
+      p.key === "Escape" && n();
     },
     [n]
   );
@@ -2185,7 +2185,7 @@ const Ko = ({
     onClickCalendarButton: h,
     onKeyDownHandler: _
   };
-}, Jo = ({
+}, Qo = ({
   value: e,
   onValueChange: t,
   onEnter: r,
@@ -2201,80 +2201,80 @@ const Ko = ({
   zIndex: h,
   appendTo: _
 }) => {
-  const m = O(null), y = O(null), D = ya(e), {
-    setCurrentPanel: w,
-    currentPanel: p,
-    isCalendarVisible: v,
-    dateInFocus: g,
+  const p = $(null), y = $(null), w = Da(e), {
+    setCurrentPanel: D,
+    currentPanel: g,
+    isCalendarVisible: b,
+    dateInFocus: m,
     setDateInFocus: k,
-    isTimePickerVisible: T,
-    hideTimePicker: I,
-    localTime: E,
-    localDate: C
-  } = D, {
-    showCalendar: B,
+    isTimePickerVisible: x,
+    hideTimePicker: S,
+    localTime: N,
+    localDate: B
+  } = w, {
+    showCalendar: R,
     hideCalendar: A,
-    inputLeftChangeHandler: F,
-    inputRightChangeHandler: N,
-    onChangeTime: j,
+    inputLeftChangeHandler: H,
+    inputRightChangeHandler: E,
+    onChangeTime: P,
     onChangeDate: K
-  } = va(e, t, D, m), {
+  } = wa(e, t, w, p), {
     onKeyDownHandler: J,
-    onFocusRight: R,
-    onFocusLeft: Y,
-    onClickDay: z,
-    onClickCalendarButton: H,
+    onFocusRight: M,
+    onFocusLeft: q,
+    onClickDay: U,
+    onClickCalendarButton: V,
     onClickArrowButton: W
-  } = wa(
+  } = ka(
     K,
-    m,
-    B,
+    p,
+    R,
     A,
-    D
+    w
   );
-  ba(e, k, m);
-  const U = S(() => {
-    const V = e || C;
-    return V ? he(void 0, V, [
+  ya(e, k, p);
+  const Y = I(() => {
+    const O = e || B;
+    return O ? he(void 0, O, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [C, e]), X = b(() => {
-    A(), I();
-  }, [A, I]), ie = S(
-    () => e ? ua(e) : E,
-    [e, E]
-  ), ee = Et(v, 300), ne = Et(T, 300);
+  }, [B, e]), X = v(() => {
+    A(), S();
+  }, [A, S]), re = I(
+    () => e ? fa(e) : N,
+    [e, N]
+  ), se = Lt(b, 300), ue = Lt(x, 300);
   return /* @__PURE__ */ s(L, { onKeyDown: J, children: /* @__PURE__ */ s(
     $e,
     {
       hideArrow: !0,
       zIndex: h,
       appendTo: _,
-      renderTrigger: (V) => /* @__PURE__ */ s(L, { ...V, children: /* @__PURE__ */ s(
-        Cr,
+      renderTrigger: (O) => /* @__PURE__ */ s(L, { ...O, children: /* @__PURE__ */ s(
+        Sr,
         {
           autoFocusLeft: o,
           onEsc: n,
           onEnter: r,
           onBlur: a,
           disabled: f,
-          separatorIcon: or,
+          separatorIcon: sr,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: F,
-          onChangeRight: N,
+          onChangeLeft: H,
+          onChangeRight: E,
           onClickArrowDown: W,
-          onClickCalendar: H,
-          onFocusLeft: Y,
-          onFocusRight: R,
-          onClickLeft: Y,
-          onClickRight: R,
-          inputRefLeft: m,
+          onClickCalendar: V,
+          onFocusLeft: q,
+          onFocusRight: M,
+          onClickLeft: q,
+          onClickRight: M,
+          inputRefLeft: p,
           inputRefRight: y,
-          valueRight: ie ?? "",
+          valueRight: re ?? "",
           widthLeft: l,
           widthRight: c,
           minLeft: i,
@@ -2283,61 +2283,61 @@ const Ko = ({
         }
       ) }),
       placement: ze,
-      open: v || T,
+      open: b || x,
       onRequestClose: X,
-      children: (ee || ne) && /* @__PURE__ */ s(Z, { children: ee ? /* @__PURE__ */ s(
+      children: (se || ue) && /* @__PURE__ */ s(Z, { children: se ? /* @__PURE__ */ s(
         xe,
         {
-          statePerMonth: U,
-          onClickDay: z,
-          dateInFocus: g,
+          statePerMonth: Y,
+          onClickDay: U,
+          dateInFocus: m,
           setDateInFocus: k,
-          currentPanel: p,
-          setCurrentPanel: w,
+          currentPanel: g,
+          setCurrentPanel: D,
           minDate: i,
           maxDate: d
         }
-      ) : ne ? /* @__PURE__ */ M(Z, { children: [
+      ) : ue ? /* @__PURE__ */ T(Z, { children: [
         /* @__PURE__ */ s(Z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ s(
-          ma,
+          va,
           {
-            value: ie ?? "",
-            onValueChange: j
+            value: re ?? "",
+            onValueChange: P
           }
         ) }),
-        /* @__PURE__ */ s(Ce, {}),
-        /* @__PURE__ */ s($, { justifyContent: "flex-end", children: /* @__PURE__ */ s(Ie, { label: "Done", onClick: I }) })
+        /* @__PURE__ */ s(Se, {}),
+        /* @__PURE__ */ s(z, { justifyContent: "flex-end", children: /* @__PURE__ */ s(Re, { label: "Done", onClick: S }) })
       ] }) : null })
     }
   ) });
-}, Da = ({
+}, xa = ({
   value: e,
   onValueChange: t,
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ s($, { justifyContent: "center", children: e === r ? /* @__PURE__ */ s(Ie, { label: n, onClick: () => t?.(r) }) : /* @__PURE__ */ s(Q, { label: n, onClick: () => t?.(r) }) });
-}, Zo = ({
+  return /* @__PURE__ */ s(z, { justifyContent: "center", children: e === r ? /* @__PURE__ */ s(Re, { label: n, onClick: () => t?.(r) }) : /* @__PURE__ */ s(Q, { label: n, onClick: () => t?.(r) }) });
+}, Xo = ({
   value: e,
   onValueChange: t,
   initialLastYear: r
 }) => {
-  const [n, a] = x(() => e ? e + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), o = S(() => {
+  const [n, a] = C(() => e ? e + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), o = I(() => {
     const i = n - 11;
-    return gr(xt(i, n + 1), 3);
+    return pr(Ct(i, n + 1), 3);
   }, [n]);
-  return oe(() => {
-    a((i) => ka(e, i));
-  }, [e]), /* @__PURE__ */ M($, { children: [
+  return ae(() => {
+    a((i) => Ca(e, i));
+  }, [e]), /* @__PURE__ */ T(z, { children: [
     /* @__PURE__ */ s(Z, { justifyContent: "center", children: /* @__PURE__ */ s(
       Q,
       {
-        leftIcon: Xe,
+        leftIcon: tt,
         onClick: () => a(n - 3)
       }
     ) }),
-    /* @__PURE__ */ s(Z, { gap: 1, children: o.map((i) => /* @__PURE__ */ s($, { gap: 1, children: i.map((l) => /* @__PURE__ */ s(
-      Da,
+    /* @__PURE__ */ s(Z, { gap: 1, children: o.map((i) => /* @__PURE__ */ s(z, { gap: 1, children: i.map((l) => /* @__PURE__ */ s(
+      xa,
       {
         year: l,
         onValueChange: t,
@@ -2353,7 +2353,7 @@ const Ko = ({
       }
     ) })
   ] });
-}, ka = (e, t) => {
+}, Ca = (e, t) => {
   if (e == null)
     return t;
   if (e > t) {
@@ -2366,18 +2366,18 @@ const Ko = ({
     return t - o;
   }
   return t;
-}, xa = (e, t, r, n, a) => {
-  oe(
+}, Sa = (e, t, r, n, a) => {
+  ae(
     function() {
       e && r(e);
     },
     [e, r]
-  ), oe(
+  ), ae(
     function() {
       t && r(t);
     },
     [t, r]
-  ), oe(
+  ), ae(
     function() {
       n.current && (e ? n.current.valueAsDate = new Date(
         Date.UTC(
@@ -2388,7 +2388,7 @@ const Ko = ({
       ) : n.current.valueAsDate = null);
     },
     [e, n]
-  ), oe(
+  ), ae(
     function() {
       a.current && (t ? a.current.valueAsDate = new Date(
         Date.UTC(
@@ -2400,14 +2400,14 @@ const Ko = ({
     },
     [t, a]
   );
-}, Ca = (e, t, r, {
+}, Ba = (e, t, r, {
   setDateInFocus: n,
   showCalendarInternal: a,
   hideCalendarInternal: o,
   setFirstFocusedInput: i,
   setCurrentPanel: l
 }) => {
-  const c = b(
+  const c = v(
     (h) => {
       h.target.value[0] !== "0" && r?.({
         startDate: h.target.valueAsDate ?? void 0,
@@ -2415,7 +2415,7 @@ const Ko = ({
       });
     },
     [r, t]
-  ), d = b(
+  ), d = v(
     (h) => {
       h.target.value[0] !== "0" && r?.({
         startDate: e,
@@ -2423,12 +2423,12 @@ const Ko = ({
       });
     },
     [r, e]
-  ), u = b(
+  ), u = v(
     (h) => {
       h != null ? n(h) : n(e || t || /* @__PURE__ */ new Date()), l("calendar"), a();
     },
     [e, t, l, a, n]
-  ), f = b(() => {
+  ), f = v(() => {
     i(void 0), o();
   }, [i, o]);
   return {
@@ -2439,8 +2439,8 @@ const Ko = ({
     setCurrentPanel: l,
     showCalendar: u
   };
-}, Sa = (e, t) => {
-  const [r, n, a] = ft(!1), [o, i] = x(void 0), [l, c] = x("startDate"), [d, u] = x(() => (l === "startDate" ? e : l === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [f, h] = x("calendar");
+}, Ma = (e, t) => {
+  const [r, n, a] = ht(!1), [o, i] = C(void 0), [l, c] = C("startDate"), [d, u] = C(() => (l === "startDate" ? e : l === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [f, h] = C("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2454,7 +2454,7 @@ const Ko = ({
     currentPanel: f,
     setCurrentPanel: h
   };
-}, Ba = (e, t, r, n, a, o, i, {
+}, Ia = (e, t, r, n, a, o, i, {
   firstFocusedInput: l,
   setFirstFocusedInput: c,
   isCalendarVisible: d,
@@ -2463,7 +2463,7 @@ const Ko = ({
   setCurrentPanel: h,
   setDateInFocus: _
 }) => {
-  const m = b(() => {
+  const p = v(() => {
     l == null && c("startDate"), u("startDate"), d ? e != null && _(e) : o(e);
   }, [
     l,
@@ -2473,7 +2473,7 @@ const Ko = ({
     c,
     o,
     _
-  ]), y = b(() => {
+  ]), y = v(() => {
     l == null && c("endDate"), u("endDate"), d ? t != null && _(t) : o(t);
   }, [
     l,
@@ -2483,23 +2483,23 @@ const Ko = ({
     c,
     o,
     _
-  ]), D = b(
-    (g) => {
-      f === "startDate" ? t != null && G(g.date, t) ? (r?.({
-        startDate: g.date,
+  ]), w = v(
+    (m) => {
+      f === "startDate" ? t != null && G(m.date, t) ? (r?.({
+        startDate: m.date,
         endDate: void 0
       }), u("endDate"), a.current?.focus()) : (r?.({
-        startDate: g.date,
+        startDate: m.date,
         endDate: t
-      }), l === "startDate" ? (u("endDate"), a.current?.focus()) : setTimeout(i, 50)) : f === "endDate" && (e ? G(e, g.date) ? (r?.({
-        startDate: g.date,
+      }), l === "startDate" ? (u("endDate"), a.current?.focus()) : setTimeout(i, 50)) : f === "endDate" && (e ? G(e, m.date) ? (r?.({
+        startDate: m.date,
         endDate: void 0
       }), u("endDate"), a.current?.focus()) : (r?.({
         startDate: e,
-        endDate: g.date
+        endDate: m.date
       }), setTimeout(i, 50)) : (r?.({
         startDate: e,
-        endDate: g.date
+        endDate: m.date
       }), u("startDate"), n.current?.focus()));
     },
     [
@@ -2513,9 +2513,9 @@ const Ko = ({
       e,
       n
     ]
-  ), w = b(() => {
+  ), D = v(() => {
     h("presets"), o();
-  }, [h, o]), p = b(() => {
+  }, [h, o]), g = v(() => {
     d ? i() : (u("startDate"), c("startDate"), n.current?.focus(), h("calendar"), o());
   }, [
     d,
@@ -2525,22 +2525,22 @@ const Ko = ({
     n,
     h,
     o
-  ]), v = b(
-    (g) => {
-      g.key === "Escape" && i();
+  ]), b = v(
+    (m) => {
+      m.key === "Escape" && i();
     },
     [i]
   );
   return {
-    onFocusLeft: m,
+    onFocusLeft: p,
     onFocusRight: y,
-    onClickDay: D,
-    onClickArrowButton: w,
-    onClickCalendarButton: p,
-    onKeyDownHandler: v
+    onClickDay: w,
+    onClickArrowButton: D,
+    onClickCalendarButton: g,
+    onKeyDownHandler: b
   };
 };
-function Qo({
+function es({
   value: e,
   onValueChange: t,
   autoFocus: r,
@@ -2555,57 +2555,57 @@ function Qo({
   firstMonthInMonthPicker: f,
   numMonthsInMonthPicker: h,
   variant: _,
-  disabled: m,
+  disabled: p,
   zIndex: y,
-  appendTo: D,
-  renderBelowCalendar: w
+  appendTo: w,
+  renderBelowCalendar: D
 }) {
-  const { startDate: p, endDate: v } = e || {}, g = O(null), k = O(null), T = Sa(p, v), {
-    dateInFocus: I,
-    setDateInFocus: E,
-    isCalendarVisible: C,
-    currentPanel: B,
+  const { startDate: g, endDate: b } = e || {}, m = $(null), k = $(null), x = Ma(g, b), {
+    dateInFocus: S,
+    setDateInFocus: N,
+    isCalendarVisible: B,
+    currentPanel: R,
     setCurrentPanel: A
-  } = T, {
-    showCalendar: F,
-    hideCalendar: N,
-    inputLeftChangeHandler: j,
+  } = x, {
+    showCalendar: H,
+    hideCalendar: E,
+    inputLeftChangeHandler: P,
     inputRightChangeHandler: K
-  } = Ca(p, v, t, T), {
+  } = Ba(g, b, t, x), {
     onKeyDownHandler: J,
-    onFocusRight: R,
-    onFocusLeft: Y,
-    onClickDay: z,
-    onClickCalendarButton: H,
+    onFocusRight: M,
+    onFocusLeft: q,
+    onClickDay: U,
+    onClickCalendarButton: V,
     onClickArrowButton: W
-  } = Ba(
-    p,
-    v,
-    t,
+  } = Ia(
     g,
+    b,
+    t,
+    m,
     k,
-    F,
-    N,
-    T
-  );
-  xa(
-    p,
-    v,
+    H,
     E,
+    x
+  );
+  Sa(
     g,
+    b,
+    N,
+    m,
     k
   );
-  const U = S(
-    () => p && v && G(p, v),
-    [p, v]
-  ), X = S(
-    () => hn(
+  const Y = I(
+    () => g && b && G(g, b),
+    [g, b]
+  ), X = I(
+    () => pn(
       c?.statePerMonth,
-      p,
-      v,
-      I
+      g,
+      b,
+      S
     ),
-    [c?.statePerMonth, p, v, I]
+    [c?.statePerMonth, g, b, S]
   );
   return /* @__PURE__ */ s(L, { onKeyDown: J, children: /* @__PURE__ */ s(
     $e,
@@ -2614,31 +2614,31 @@ function Qo({
       restoreFocus: !1,
       returnFocus: !1,
       zIndex: y,
-      appendTo: D,
-      renderTrigger: (ie) => /* @__PURE__ */ s(L, { ...ie, children: /* @__PURE__ */ s(
-        Cr,
+      appendTo: w,
+      renderTrigger: (re) => /* @__PURE__ */ s(L, { ...re, children: /* @__PURE__ */ s(
+        Sr,
         {
           autoFocusLeft: r,
           onEsc: o,
           onEnter: a,
           onBlur: n,
-          disabled: m,
+          disabled: p,
           separatorIcon: We,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: j,
+          onChangeLeft: P,
           onChangeRight: K,
           onClickArrowDown: W,
-          onClickCalendar: H,
-          onFocusLeft: Y,
-          onFocusRight: R,
-          onClickLeft: Y,
-          onClickRight: R,
-          inputRefLeft: g,
+          onClickCalendar: V,
+          onFocusLeft: q,
+          onFocusRight: M,
+          onClickLeft: q,
+          onClickRight: M,
+          inputRefLeft: m,
           inputRefRight: k,
-          variant: U ? "error" : _,
+          variant: Y ? "error" : _,
           widthLeft: d,
           widthRight: u,
           minLeft: i,
@@ -2648,18 +2648,18 @@ function Qo({
         }
       ) }),
       placement: ze,
-      onRequestClose: N,
-      open: C,
-      children: /* @__PURE__ */ M(Z, { children: [
+      onRequestClose: E,
+      open: B,
+      children: /* @__PURE__ */ T(Z, { children: [
         /* @__PURE__ */ s(
           xe,
           {
-            onClickDay: z,
-            dateInFocus: I,
+            onClickDay: U,
+            dateInFocus: S,
             firstMonthInMonthPicker: f,
             numMonthsInMonthPicker: h,
-            setDateInFocus: E,
-            currentPanel: B,
+            setDateInFocus: N,
+            currentPanel: R,
             setCurrentPanel: A,
             minDate: i,
             maxDate: l,
@@ -2667,12 +2667,12 @@ function Qo({
             statePerMonth: X
           }
         ),
-        B === "calendar" && w
+        R === "calendar" && D
       ] })
     }
   ) });
 }
-const pt = ({
+const mt = ({
   onChange: e,
   onValueChange: t,
   readOnly: r,
@@ -2687,15 +2687,16 @@ const pt = ({
   calendarSize: f,
   onFocus: h,
   onBlur: _,
-  placeholderWhenBlurred: m,
+  placeholderWhenBlurred: p,
   placeholder: y,
-  valueWhenBlurred: D,
-  label: w,
-  variant: p,
-  ...v
+  valueWhenBlurred: w,
+  label: D,
+  variant: g,
+  autoFocus: b,
+  ...m
 }) => {
-  const g = O(null), [k, T] = x(!1), I = a ?? g, { onChange: E } = fn(
-    I,
+  const k = $(null), [x, S] = C(!1), N = a ?? k, { onChange: B } = gn(
+    N,
     e,
     t,
     n,
@@ -2705,53 +2706,55 @@ const pt = ({
     c,
     d,
     u,
-    k
-  ), C = b(
-    (F) => {
-      h?.(F), T(!0);
+    x
+  ), R = v(
+    (E) => {
+      h?.(E), S(!0);
     },
     [h]
-  ), B = b(
-    (F) => {
-      _?.(F), T(!1);
+  ), A = v(
+    (E) => {
+      _?.(E), S(!1);
     },
     [_]
-  ), A = k ? y : m ?? y;
-  return p === "standard" ? /* @__PURE__ */ s(Ur, { text: w ?? "", children: /* @__PURE__ */ s(
+  ), H = x ? y : p ?? y;
+  return g === "standard" ? /* @__PURE__ */ s(Vr, { text: D ?? "", children: /* @__PURE__ */ s(
     pe,
     {
-      ...v,
+      ...m,
+      autoFocus: b,
       readOnly: r,
       inputMode: "numeric",
       "aria-live": "polite",
-      value: (k ? i : D) ?? "",
-      inputRef: I,
-      placeholder: A,
-      onFocus: C,
-      onBlur: B,
-      onChange: E,
-      width: Qt(f),
+      value: (x ? i : w) ?? "",
+      inputRef: N,
+      placeholder: H,
+      onFocus: R,
+      onBlur: A,
+      onChange: B,
+      width: Xt(f),
       alwaysShowPlaceholder: !0
     }
   ) }) : /* @__PURE__ */ s(
-    _n,
+    hn,
     {
-      ...v,
+      ...m,
+      autoFocus: b,
       readOnly: r,
       inputMode: "numeric",
-      label: w,
+      label: D,
       "aria-live": "polite",
-      value: (k ? i : D) ?? "",
-      ref: I,
-      placeholder: A,
-      onFocus: C,
-      onBlur: B,
-      onChange: E,
-      width: Qt(f),
+      value: (x ? i : w) ?? "",
+      ref: N,
+      placeholder: H,
+      onFocus: R,
+      onBlur: A,
+      onChange: B,
+      width: Xt(f),
       size: f === "large" ? "large" : "medium"
     }
   );
-}, Qt = (e) => {
+}, Xt = (e) => {
   switch (e) {
     case "smaller":
       return "140px";
@@ -2762,46 +2765,46 @@ const pt = ({
     case "large":
       return "196px";
     default:
-      return yt(e, "168px");
+      return wt(e, "168px");
   }
-}, Ma = [/[1-2]/, /\d/, /\d/, /\d/], Ia = [/[0-1]/, /\d/], Ra = [/[0-3]/, /\d/], Br = (e) => Na(e).flatMap(Ta), Ta = (e) => {
+}, Ra = [/[1-2]/, /\d/, /\d/, /\d/], Ta = [/[0-1]/, /\d/], Na = [/[0-3]/, /\d/], Mr = (e) => La(e).flatMap(Ea), Ea = (e) => {
   switch (e) {
     case "yyyy":
-      return Ma;
+      return Ra;
     case "mm":
     case "MM":
-      return Ia;
+      return Ta;
     case "dd":
     case "DD":
-      return Ra;
+      return Na;
     default:
       return [e];
   }
-}, Na = (e) => {
+}, La = (e) => {
   if (e.length === 0) return [];
   const t = [];
   let r = e[0];
   for (let n = 1; n < e.length; n++)
     e[n] !== e[n - 1] ? (t.push(r), r = e[n]) : r += e[n];
   return t.push(r), t;
-}, Te = (e) => {
+}, Ne = (e) => {
   const r = new Intl.DateTimeFormat(e, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
   return r.map((a) => n[a.type] || a.value).join("");
-}, de = (e, t, r) => {
-  const n = wr(
+}, ce = (e, t, r) => {
+  const n = Dr(
     t,
     r?.matchLanguage ?? !1,
-    r?.fallbackLocaleCode ?? yr
-  ), a = Be(n);
+    r?.fallbackLocaleCode ?? wr
+  ), a = Me(n);
   if (a == null)
     return;
   const o = we(
     e,
-    Te(n),
+    Ne(n),
     r?.referenceDate ?? /* @__PURE__ */ new Date(),
     {
       locale: a
@@ -2810,16 +2813,16 @@ const pt = ({
   if (!isNaN(o.getTime()))
     return o;
 }, be = (e, t, r) => {
-  const n = wr(
+  const n = Dr(
     t,
     r?.matchLanguage ?? !1,
-    r?.fallbackLocaleCode ?? yr
+    r?.fallbackLocaleCode ?? wr
   );
-  return q(e, Te(n), {
-    locale: Be(n)
+  return j(e, Ne(n), {
+    locale: Me(n)
   });
-}, mt = (e, t) => {
-  const r = de(e, t);
+}, bt = (e, t) => {
+  const r = ce(e, t);
   if (r != null)
     return be(r, t);
 };
@@ -2833,62 +2836,62 @@ const pt = ({
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-const Ea = "_navBarButton_b3x3w_1", La = "_selected_b3x3w_14", Xt = {
-  navBarButton: Ea,
-  selected: La
+const Aa = "_navBarButton_b3x3w_1", Fa = "_selected_b3x3w_14", er = {
+  navBarButton: Aa,
+  selected: Fa
 };
-Bt(
+Mt(
   function({ selected: e, className: t, ...r }, n) {
     return /* @__PURE__ */ s(
       Q,
       {
         ...r,
         ref: n,
-        className: se(
-          Xt.navBarButton,
-          e && Xt.selected,
+        className: oe(
+          er.navBarButton,
+          e && er.selected,
           t
         )
       }
     );
   }
 );
-const Aa = "_navBarNotificationButton_1wt3y_1", Fa = "_unread_1wt3y_23", Pa = "_icon_1wt3y_23", Le = {
-  navBarNotificationButton: Aa,
-  unread: Fa,
-  icon: Pa
+const Pa = "_navBarNotificationButton_1wt3y_1", Ya = "_unread_1wt3y_23", Ha = "_icon_1wt3y_23", Le = {
+  navBarNotificationButton: Pa,
+  unread: Ya,
+  icon: Ha
 };
-Bt(function({
+Mt(function({
   count: e,
   unread: t = !1,
   className: r,
   labelClassName: n,
   iconClassName: a,
-  icon: o = Vr,
+  icon: o = qr,
   ...i
 }, l) {
   const c = e > 1;
   return /* @__PURE__ */ s(
-    zr,
+    jr,
     {
       ...i,
       ref: l,
       leftIcon: o,
-      className: se(
+      className: oe(
         Le.navBarNotificationButton,
         t && Le.unread,
         c && Le.hasCount,
         r
       ),
       label: c ? String(e) : void 0,
-      labelClassName: se(n, Le.label),
-      iconClassName: se(a, Le.icon)
+      labelClassName: oe(n, Le.label),
+      iconClassName: oe(a, Le.icon)
     }
   );
 });
-Bt(
+Mt(
   ({ contentLeft: e, contentRight: t, collapsed: r = !1, ...n }, a) => /* @__PURE__ */ s(
-    jr,
+    Kr,
     {
       ref: a,
       expandable: !0,
@@ -2900,25 +2903,25 @@ Bt(
     }
   )
 );
-dn(!1);
-const er = [
+_n(!1);
+const tr = [
   "small-mobile",
   "mobile",
   "tablet",
   "tablet-wide",
   "desktop"
-], Mr = () => {
-  const e = je({
+], Ir = () => {
+  const e = Ke({
     query: "(max-width: 768px)"
-  }), t = je({
+  }), t = Ke({
     query: "(max-width: 395px)"
-  }), r = je({
+  }), r = Ke({
     query: "(max-width: 1024px)"
-  }), n = je({
+  }), n = Ke({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : e ? "mobile" : r ? "tablet" : n ? "tablet-wide" : "desktop" };
-}, Ir = (e, t) => e === t || er.indexOf(e) > er.indexOf(t), Rr = ({
+}, Rr = (e, t) => e === t || tr.indexOf(e) > tr.indexOf(t), Tr = ({
   value: e,
   onValueChange: t,
   localeCode: r,
@@ -2933,82 +2936,86 @@ const er = [
   placeholderWhenBlurredEndDate: f,
   valueWhenBlurredStartDate: h,
   valueWhenBlurredEndDate: _,
-  variant: m,
-  readOnlyOnMobile: y
+  variant: p,
+  readOnlyOnMobile: y,
+  autoFocusStartDate: w,
+  autoFocusEndDate: D
 }) => {
-  const { deviceSize: D } = Mr(), w = y && !Ir(D, "tablet"), { mask: p, placeholder: v } = S(() => {
-    const g = Te(r);
+  const { deviceSize: g } = Ir(), b = y && !Rr(g, "tablet"), { mask: m, placeholder: k } = I(() => {
+    const x = Ne(r);
     return {
-      mask: Br(g),
-      placeholder: g.toLowerCase()
+      mask: Mr(x),
+      placeholder: x.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ M($, { children: [
+  return /* @__PURE__ */ T(z, { children: [
     /* @__PURE__ */ s(
-      pt,
+      mt,
       {
-        mask: p,
+        mask: m,
         ref: c,
         value: e?.startDate,
-        onValueChange: (g) => {
-          t?.({ startDate: g });
+        onValueChange: (x) => {
+          t?.({ startDate: x });
         },
-        onBlur: (g) => {
-          const k = mt(
-            g.target.value,
+        onBlur: (x) => {
+          const S = bt(
+            x.target.value,
             r
           );
-          k && k !== e?.startDate && t?.({ startDate: k }), i?.();
+          S && S !== e?.startDate && t?.({ startDate: S }), i?.();
         },
         onFocus: () => o?.("startDate"),
+        autoFocus: w,
         label: n,
         borderRadiusVariant: "onlyLeft",
-        placeholder: v,
+        placeholder: k,
         placeholderWhenBlurred: u,
         valueWhenBlurred: h,
         calendarSize: l,
-        variant: m,
-        readOnly: w
+        variant: p,
+        readOnly: b
       }
     ),
     /* @__PURE__ */ s(
-      pt,
+      mt,
       {
-        mask: p,
+        mask: m,
         ref: d,
         value: e?.endDate,
-        onValueChange: (g) => t?.({ endDate: g }),
-        onBlur: (g) => {
-          const k = mt(
-            g.target.value,
+        onValueChange: (x) => t?.({ endDate: x }),
+        onBlur: (x) => {
+          const S = bt(
+            x.target.value,
             r
           );
-          k && k !== e?.endDate && t?.({ endDate: k }), i?.();
+          S && S !== e?.endDate && t?.({ endDate: S }), i?.();
         },
         onFocus: () => o?.("endDate"),
+        autoFocus: D,
         label: a,
         borderRadiusVariant: "onlyRight",
-        placeholder: v,
+        placeholder: k,
         placeholderWhenBlurred: f,
         valueWhenBlurred: _,
         calendarSize: l,
-        variant: m,
-        readOnly: w
+        variant: p,
+        readOnly: b
       }
     )
   ] });
-}, bt = (e, t, r) => {
-  const n = en(e, t) ? "" : " y";
-  return r.code.startsWith("en") ? q(e, "eee MMM d" + n, { locale: r }).replace(".", "") : q(e, "eee d MMM" + n, { locale: r }).replace(".", "");
+}, vt = (e, t, r) => {
+  const n = rn(e, t) ? "" : " y";
+  return r.code.startsWith("en") ? j(e, "eee MMM d" + n, { locale: r }).replace(".", "") : j(e, "eee d MMM" + n, { locale: r }).replace(".", "");
 };
-function Ya(e, t, r) {
+function Wa(e, t, r) {
   if (!e || !t || !r) return !1;
   const n = r(e), a = r(t);
-  return !n || !a || Number.isNaN(n.getTime()) || Number.isNaN(a.getTime()) || P(n, a) ? !1 : G(n, a);
+  return !n || !a || Number.isNaN(n.getTime()) || Number.isNaN(a.getTime()) || F(n, a) ? !1 : G(n, a);
 }
-function Ha(e, t, r) {
+function Oa(e, t, r) {
   const { startDate: n, endDate: a } = e;
-  return Ya(n, a, t) ? r === "startDate" ? {
+  return Wa(n, a, t) ? r === "startDate" ? {
     ...e,
     startDate: n,
     endDate: n
@@ -3018,130 +3025,130 @@ function Ha(e, t, r) {
     endDate: a
   } : e;
 }
-const Tr = (e, t, r, n, a, o, i, l, c) => {
-  const d = Be(n), u = St(), f = Me(), h = O(null), _ = S(
-    () => Te(r),
+const Nr = (e, t, r, n, a, o, i, l, c) => {
+  const d = Me(n), u = Bt(), f = Ie(), h = $(null), _ = I(
+    () => Ne(r),
     [r]
-  ), m = S(
-    () => e?.startDate?.length === _.length ? de(e.startDate, r) : void 0,
+  ), p = I(
+    () => e?.startDate?.length === _.length ? ce(e.startDate, r) : void 0,
     [_.length, r, e?.startDate]
-  ), y = S(
-    () => e?.endDate?.length === _.length ? de(e.endDate, r) : void 0,
+  ), y = I(
+    () => e?.endDate?.length === _.length ? ce(e.endDate, r) : void 0,
     [_.length, r, e?.endDate]
-  ), D = S(
-    () => m != null ? bt(m, f, d) : void 0,
-    [d, m, f]
-  ), w = S(
-    () => y != null ? bt(y, f, d) : void 0,
+  ), w = I(
+    () => p != null ? vt(p, f, d) : void 0,
+    [d, p, f]
+  ), D = I(
+    () => y != null ? vt(y, f, d) : void 0,
     [d, y, f]
-  ), [p, v] = x(
-    a ?? m ?? /* @__PURE__ */ new Date()
-  ), g = b(
-    (R) => {
-      ge(R, f) || G(R, f) ? v(R) : v(f);
+  ), [g, b] = C(
+    a ?? p ?? /* @__PURE__ */ new Date()
+  ), m = v(
+    (M) => {
+      ge(M, f) || G(M, f) ? b(M) : b(f);
     },
     [f]
-  ), k = S(
-    () => rt(
-      p.getFullYear(),
-      p.getMonth(),
+  ), k = I(
+    () => at(
+      g.getFullYear(),
+      g.getMonth(),
       d
     ),
-    [d, p]
-  ), T = S(() => tt(
-    hr(
-      p,
+    [d, g]
+  ), x = I(() => nt(
+    gr(
+      g,
       { month: "long", year: "numeric" },
       { locale: d.code }
     )
-  ), [d, p]), I = S(() => ge(f, p), [f, p]), [E, C] = x(), [B, A] = x("calendar"), F = b(
-    (R) => {
-      const Y = R?.startDate?.length === _.length ? de(R.startDate, r) : void 0, z = R?.endDate?.length === _.length ? de(R.endDate, r) : void 0;
-      Y ? g(Y) : z && g(z), t?.({
+  ), [d, g]), S = I(() => ge(f, g), [f, g]), [N, B] = C(), [R, A] = C("calendar"), H = v(
+    (M) => {
+      const q = M?.startDate?.length === _.length ? ce(M.startDate, r) : void 0, U = M?.endDate?.length === _.length ? ce(M.endDate, r) : void 0;
+      q ? m(q) : U && m(U), t?.({
         ...e,
-        ...R
+        ...M
       });
     },
     [
       _.length,
       r,
       t,
-      g,
+      m,
       e
     ]
-  ), N = S(
-    () => m && y ? G(y, m) || P(y, m) : !1,
-    [y, m]
-  ), j = S(() => {
-    const R = o === "startDate" ? e?.endDate : e?.startDate;
-    return R ? de(R, r) : void 0;
-  }, [o, r, e?.endDate, e?.startDate]), K = S(() => {
-    if (E && j) {
+  ), E = I(
+    () => p && y ? G(y, p) || F(y, p) : !1,
+    [y, p]
+  ), P = I(() => {
+    const M = o === "startDate" ? e?.endDate : e?.startDate;
+    return M ? ce(M, r) : void 0;
+  }, [o, r, e?.endDate, e?.startDate]), K = I(() => {
+    if (N && P) {
       if (o === "endDate")
         return "right";
       if (o === "startDate")
         return "left";
     }
-  }, [o, j, E]);
+  }, [o, P, N]);
   return {
-    onClickDate: (R) => {
-      if (!(R.getFullYear() === p.getFullYear() && R.getMonth() === p.getMonth()))
+    onClickDate: (M) => {
+      if (!(M.getFullYear() === g.getFullYear() && M.getMonth() === g.getMonth()))
         return;
-      const z = (H, W) => t?.(
-        Ha(
-          H,
-          (U) => de(U, r),
+      const U = (V, W) => t?.(
+        Oa(
+          V,
+          (Y) => ce(Y, r),
           W
         )
       );
-      o === "startDate" ? (z(
+      o === "startDate" ? (U(
         {
-          startDate: be(R, r),
+          startDate: be(M, r),
           endDate: e?.endDate
         },
         "startDate"
-      ), e?.endDate ? (c?.(), i(void 0), C(void 0)) : l("endDate")) : o === "endDate" ? (z(
+      ), e?.endDate ? (c?.(), i(void 0), B(void 0)) : l("endDate")) : o === "endDate" ? (U(
         {
           startDate: e?.startDate,
-          endDate: be(R, r)
+          endDate: be(M, r)
         },
         "endDate"
-      ), c?.(), i(void 0), C(void 0)) : m && y == null ? Re(R, m) ? (t?.({
-        startDate: be(R, r),
+      ), c?.(), i(void 0), B(void 0)) : p && y == null ? Te(M, p) ? (t?.({
+        startDate: be(M, r),
         endDate: void 0
       }), l("endDate")) : (t?.({
         startDate: e?.startDate,
-        endDate: be(R, r)
-      }), c?.(), i(void 0), C(void 0)) : (z(
+        endDate: be(M, r)
+      }), c?.(), i(void 0), B(void 0)) : (U(
         {
-          startDate: be(R, r),
+          startDate: be(M, r),
           endDate: void 0
         },
         "startDate"
       ), l("endDate"));
     },
-    onValueChangeByInputs: F,
-    isValidDateRange: N,
+    onValueChangeByInputs: H,
+    isValidDateRange: E,
     monthPickerButtonRef: h,
     calendarId: u,
-    monthPickerButtonLabel: T,
-    visiblePanel: B,
+    monthPickerButtonLabel: x,
+    visiblePanel: R,
     setVisiblePanel: A,
-    setVisibleMonth: v,
+    setVisibleMonth: b,
     visibleMonthData: k,
-    todayIsInVisibleMonth: I,
-    hoverDate: E,
-    setHoverDate: C,
-    hoverAnchor: j,
+    todayIsInVisibleMonth: S,
+    hoverDate: N,
+    setHoverDate: B,
+    hoverAnchor: P,
     hoverHighlightDirection: K,
-    selectedStartDate: m,
+    selectedStartDate: p,
     selectedEndDate: y,
     today: f,
-    visibleMonth: p,
-    valueWhenBlurredStartDate: D,
-    valueWhenBlurredEndDate: w
+    visibleMonth: g,
+    valueWhenBlurredStartDate: w,
+    valueWhenBlurredEndDate: D
   };
-}, at = ({
+}, st = ({
   previousMonthButtonAriaLabel: e,
   nextMonthButtonAriaLabel: t,
   monthPickerButtonLabel: r,
@@ -3157,13 +3164,13 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   nextMonthButtonTestId: h
 }) => {
   const _ = u === "smaller" || u === "small" ? "medium" : "large";
-  return /* @__PURE__ */ M($, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  return /* @__PURE__ */ T(z, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ s(
       Q,
       {
         "aria-live": "polite",
         label: r,
-        rightIcon: n === "calendar" ? wt : qr,
+        rightIcon: n === "calendar" ? Dt : Gr,
         onClick: () => a(
           n === "calendar" ? "month-picker" : "calendar"
         ),
@@ -3171,12 +3178,12 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
         size: _
       }
     ),
-    /* @__PURE__ */ M($, { alignItems: "center", gap: 2, children: [
+    /* @__PURE__ */ T(z, { alignItems: "center", gap: 2, children: [
       /* @__PURE__ */ s(
         fe,
         {
-          leftIcon: Xe,
-          onClick: () => i(kt(l, 1)),
+          leftIcon: tt,
+          onClick: () => i(xt(l, 1)),
           disabled: c?.(l),
           "aria-label": e,
           size: _,
@@ -3196,25 +3203,25 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
       )
     ] })
   ] });
-}, Wa = "_travelDateCell_1t2af_1", Oa = "_smaller_1t2af_4", $a = "_small_1t2af_4", Ua = "_medium_1t2af_14", za = "_large_1t2af_19", Va = "_outline_1t2af_31", ja = "_contentWrapper_1t2af_44", qa = "_disabled_1t2af_65", Ka = "_isToday_1t2af_68", Ga = "_isSelectionStart_1t2af_72", Ja = "_isSelectionEnd_1t2af_73", Za = "_hover_1t2af_88", Qa = "_startSelected_1t2af_91", Xa = "_endSelected_1t2af_91", ae = {
-  travelDateCell: Wa,
-  smaller: Oa,
-  small: $a,
-  medium: Ua,
-  large: za,
-  outline: Va,
-  contentWrapper: ja,
-  disabled: qa,
-  isToday: Ka,
-  isSelectionStart: Ga,
-  isSelectionEnd: Ja,
-  hover: Za,
-  startSelected: Qa,
-  endSelected: Xa
-}, le = "var(--selection-range-background-color)", eo = (e, t, r, n, a, o, i, l) => i ? t && r && !l ? {
+}, $a = "_travelDateCell_1t2af_1", Ua = "_smaller_1t2af_4", za = "_small_1t2af_4", Va = "_medium_1t2af_14", ja = "_large_1t2af_19", qa = "_outline_1t2af_31", Ka = "_contentWrapper_1t2af_44", Ga = "_disabled_1t2af_65", Ja = "_isToday_1t2af_68", Za = "_isSelectionStart_1t2af_72", Qa = "_isSelectionEnd_1t2af_73", Xa = "_hover_1t2af_88", eo = "_startSelected_1t2af_91", to = "_endSelected_1t2af_91", ne = {
+  travelDateCell: $a,
+  smaller: Ua,
+  small: za,
+  medium: Va,
+  large: ja,
+  outline: qa,
+  contentWrapper: Ka,
+  disabled: Ga,
+  isToday: Ja,
+  isSelectionStart: Za,
+  isSelectionEnd: Qa,
+  hover: Xa,
+  startSelected: eo,
+  endSelected: to
+}, ie = "var(--selection-range-background-color)", ro = (e, t, r, n, a, o, i, l) => i ? t && r && !l ? {
   left: "transparent",
   right: "transparent"
-} : a && o && n ? ro(
+} : a && o && n ? ao(
   e,
   n,
   a,
@@ -3222,7 +3229,7 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
 ) : a ? {
   left: "transparent",
   right: "transparent"
-} : to(
+} : no(
   e,
   t,
   r,
@@ -3230,37 +3237,37 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
 ) : {
   left: "transparent",
   right: "transparent"
-}, to = (e, t, r, n) => {
-  if (t && r && P(t, r))
+}, no = (e, t, r, n) => {
+  if (t && r && F(t, r))
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (t && r ? G(e, t) && Re(e, r) && !P(e, t) && !P(e, r) : !1)
+  if (t && r ? G(e, t) && Te(e, r) && !F(e, t) && !F(e, r) : !1)
     return {
-      left: le,
-      right: le
+      left: ie,
+      right: ie
     };
   if (t && r)
-    return P(e, t) ? {
+    return F(e, t) ? {
       left: "transparent",
-      right: le
-    } : P(e, r) ? {
-      left: le,
+      right: ie
+    } : F(e, r) ? {
+      left: ie,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
   if (t && n && G(n, t)) {
-    if (P(e, t))
+    if (F(e, t))
       return {
         left: "transparent",
-        right: le
+        right: ie
       };
-    if (P(e, n))
+    if (F(e, n))
       return {
-        left: le,
+        left: ie,
         right: "transparent"
       };
   }
@@ -3268,12 +3275,12 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
     left: "transparent",
     right: "transparent"
   };
-}, ro = (e, t, r, n) => {
-  const a = G(r, n), o = tn(e, {
-    start: dr([r, n]),
-    end: ur([r, n])
-  }), i = P(e, r), l = P(e, n);
-  return t === "right" && Re(r, n) ? {
+}, ao = (e, t, r, n) => {
+  const a = G(r, n), o = nn(e, {
+    start: ur([r, n]),
+    end: _r([r, n])
+  }), i = F(e, r), l = F(e, n);
+  return t === "right" && Te(r, n) ? {
     left: "transparent",
     right: "transparent"
   } : t === "left" && G(r, n) ? {
@@ -3282,65 +3289,65 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   } : i && l ? {
     left: "transparent",
     right: "transparent"
-  } : i ? tr(a, {
+  } : i ? rr(a, {
     left: "transparent",
-    right: le
-  }) : l ? tr(a, {
-    left: le,
+    right: ie
+  }) : l ? rr(a, {
+    left: ie,
     right: "transparent"
   }) : o ? {
-    left: le,
-    right: le
+    left: ie,
+    right: ie
   } : {
     left: "transparent",
     right: "transparent"
   };
-}, tr = (e, { left: t, right: r }) => e ? {
+}, rr = (e, { left: t, right: r }) => e ? {
   left: r,
   right: t
-} : { left: t, right: r }, no = (e, t) => {
+} : { left: t, right: r }, oo = (e, t) => {
   switch (t) {
     case "PageUp":
-      return kt(e, 1);
+      return xt(e, 1);
     case "PageDown":
       return Oe(e, 1);
     case "Home":
-      return Ge(e);
+      return Ze(e);
     case "End":
-      return re(Ge(e), 6);
+      return te(Ze(e), 6);
     case "ArrowLeft":
       return ve(e, 1);
     case "ArrowUp":
       return ve(e, 7);
     case "ArrowRight":
-      return re(e, 1);
+      return te(e, 1);
     case "ArrowDown":
-      return re(e, 7);
+      return te(e, 7);
     default:
       return;
   }
-}, dt = (e, t) => q(fr(e, 12), ue.fullDate) + t, ao = "_travelDateCellBackground_45q5d_1", oo = "_smaller_45q5d_2", so = "_small_45q5d_2", io = "_medium_45q5d_12", lo = "_large_45q5d_17", qe = {
-  travelDateCellBackground: ao,
-  smaller: oo,
-  small: so,
-  medium: io,
-  large: lo
-}, co = ({ calendarSize: e, bgColorLeft: t, bgColorRight: r }) => /* @__PURE__ */ M($, { children: [
+}, ut = (e, t) => j(hr(e, 12), de.fullDate) + t, so = "_travelDateCellBackground_45q5d_1", io = "_smaller_45q5d_2", lo = "_small_45q5d_2", co = "_medium_45q5d_12", uo = "_large_45q5d_17", Ge = {
+  travelDateCellBackground: so,
+  smaller: io,
+  small: lo,
+  medium: co,
+  large: uo
+}, _o = ({ calendarSize: e, bgColorLeft: t, bgColorRight: r }) => /* @__PURE__ */ T(z, { children: [
   /* @__PURE__ */ s(
     L,
     {
-      className: se(qe.travelDateCellBackground, qe[e]),
+      className: oe(Ge.travelDateCellBackground, Ge[e]),
       background: t
     }
   ),
   /* @__PURE__ */ s(
     L,
     {
-      className: se(qe.travelDateCellBackground, qe[e]),
+      className: oe(Ge.travelDateCellBackground, Ge[e]),
       background: r
     }
   )
-] }), uo = ({
+] }), fo = ({
   onClick: e,
   visibleMonth: t,
   onChangeVisibleMonth: r,
@@ -3355,82 +3362,82 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   today: f,
   todayIsInVisibleMonth: h,
   calendarId: _,
-  isDateDisabled: m,
+  isDateDisabled: p,
   size: y,
-  dateTestId: D,
-  hoverHighlightDirection: w
+  dateTestId: w,
+  hoverHighlightDirection: D
 }) => {
-  const p = b(
-    async (F) => {
-      const N = no(n.date, F.key), j = (N && m?.(N)) ?? !1;
-      N && !j && (l(N), ge(n.date, N) ? document.getElementById(dt(N, _))?.focus() : (r(N), setTimeout(() => {
-        document.getElementById(dt(N, _))?.focus();
-      }, 10))), (F.key === "Enter" || F.code === "Space") && e(n.date);
+  const g = v(
+    async (H) => {
+      const E = oo(n.date, H.key), P = (E && p?.(E)) ?? !1;
+      E && !P && (l(E), ge(n.date, E) ? document.getElementById(ut(E, _))?.focus() : (r(E), setTimeout(() => {
+        document.getElementById(ut(E, _))?.focus();
+      }, 10))), (H.key === "Enter" || H.code === "Space") && e(n.date);
     },
     [
       _,
       n.date,
-      m,
+      p,
       r,
       e,
       l
     ]
-  ), v = n.month === t.getMonth(), g = m?.(n.date) ?? !1, k = d && u ? G(d, u) : !1, T = d && u ? P(k ? u : d, n.date) : !1, I = d && u ? P(k ? d : u, n.date) : !1, E = !d && o ? P(o, n.date) : !1, C = !d && i ? P(i, n.date) : !1, B = P(n.date, f), A = eo(
+  ), b = n.month === t.getMonth(), m = p?.(n.date) ?? !1, k = d && u ? G(d, u) : !1, x = d && u ? F(k ? u : d, n.date) : !1, S = d && u ? F(k ? d : u, n.date) : !1, N = !d && o ? F(o, n.date) : !1, B = !d && i ? F(i, n.date) : !1, R = F(n.date, f), A = ro(
     n.date,
     o,
     i,
-    w,
+    D,
     d,
     u,
-    v,
+    b,
     a
   );
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ T(
     "td",
     {
-      className: se(ae.travelDateCell, ae[y]),
-      onClick: g ? void 0 : () => e(n.date),
-      onMouseOver: g ? void 0 : () => v && l(n.date),
-      onMouseOut: g ? void 0 : () => v && c(n.date),
-      tabIndex: g ? void 0 : _o(
+      className: oe(ne.travelDateCell, ne[y]),
+      onClick: m ? void 0 : () => e(n.date),
+      onMouseOver: m ? void 0 : () => b && l(n.date),
+      onMouseOut: m ? void 0 : () => b && c(n.date),
+      tabIndex: m ? void 0 : ho(
         n,
         o,
-        B,
+        R,
         t,
         h
       ),
-      id: g ? void 0 : dt(n.date, _),
-      onKeyDown: g ? void 0 : p,
-      ...g ? void 0 : { "aria-selected": E || C },
-      "data-testid": D?.(n.date),
+      id: m ? void 0 : ut(n.date, _),
+      onKeyDown: m ? void 0 : g,
+      ...m ? void 0 : { "aria-selected": N || B },
+      "data-testid": w?.(n.date),
       children: [
-        /* @__PURE__ */ s("div", { className: ae.outline }),
+        /* @__PURE__ */ s("div", { className: ne.outline }),
         /* @__PURE__ */ s(
-          co,
+          _o,
           {
             calendarSize: y,
             bgColorLeft: A.left,
             bgColorRight: A.right
           }
         ),
-        v && /* @__PURE__ */ s(
+        b && /* @__PURE__ */ s(
           "div",
           {
-            className: se(
-              ae.contentWrapper,
-              B ? ae.isToday : void 0,
-              o ? ae.startSelected : void 0,
-              i ? ae.endSelected : void 0,
-              d && P(d, n.date) ? ae.hover : void 0,
-              (E || T) && ae.isSelectionStart,
-              (C || I) && ae.isSelectionEnd,
-              g && ae.disabled
+            className: oe(
+              ne.contentWrapper,
+              R ? ne.isToday : void 0,
+              o ? ne.startSelected : void 0,
+              i ? ne.endSelected : void 0,
+              d && F(d, n.date) ? ne.hover : void 0,
+              (N || x) && ne.isSelectionStart,
+              (B || S) && ne.isSelectionEnd,
+              m && ne.disabled
             ),
             children: /* @__PURE__ */ s(
               De,
               {
                 variant: "bold",
-                color: g ? Mt("--lhds-color-ui-500") : void 0,
+                color: m ? It("--lhds-color-ui-500") : void 0,
                 children: n.dayOfMonth
               }
             )
@@ -3439,12 +3446,12 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
       ]
     }
   );
-}, _o = (e, t, r, n, a) => {
+}, ho = (e, t, r, n, a) => {
   const o = t ? ge(t, n) : !1;
-  return (t && o ? P(e.date, t) : r) || !o && !a && e.date.getDate() === 1 ? 0 : -1;
-}, fo = "_travelCalendar_ib2y4_1", ho = {
-  travelCalendar: fo
-}, ot = ({
+  return (t && o ? F(e.date, t) : r) || !o && !a && e.date.getDate() === 1 ? 0 : -1;
+}, go = "_travelCalendar_ib2y4_1", po = {
+  travelCalendar: go
+}, it = ({
   visibleMonthData: e,
   onClickDate: t,
   setHoverDate: r,
@@ -3459,29 +3466,29 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   calendarId: f,
   isDateDisabled: h,
   todayIsInVisibleMonth: _,
-  size: m = "medium",
+  size: p = "medium",
   multiSelectable: y,
-  dateTestId: D,
-  hoverHighlightDirection: w
+  dateTestId: w,
+  hoverHighlightDirection: D
 }) => /* @__PURE__ */ s(
   "table",
   {
-    className: ho.travelCalendar,
+    className: po.travelCalendar,
     role: "grid",
     ...y ? { "aria-multiselectable": !0 } : void 0,
-    children: /* @__PURE__ */ M("tbody", { children: [
-      /* @__PURE__ */ s("tr", { children: e.weeks[0].days.map((p) => /* @__PURE__ */ s("th", { abbr: p.fullName, children: /* @__PURE__ */ s(De, { children: p.name }) }, p.name)) }),
-      e.weeks.map((p) => /* @__PURE__ */ s(Ct.Fragment, { children: /* @__PURE__ */ s("tr", { children: p.days.map((v) => /* @__PURE__ */ s(
-        uo,
+    children: /* @__PURE__ */ T("tbody", { children: [
+      /* @__PURE__ */ s("tr", { children: e.weeks[0].days.map((g) => /* @__PURE__ */ s("th", { abbr: g.fullName, children: /* @__PURE__ */ s(De, { children: g.name }) }, g.name)) }),
+      e.weeks.map((g) => /* @__PURE__ */ s(St.Fragment, { children: /* @__PURE__ */ s("tr", { children: g.days.map((b) => /* @__PURE__ */ s(
+        fo,
         {
-          size: m,
-          onClick: (g) => t(g),
+          size: p,
+          onClick: (m) => t(m),
           visibleMonth: a,
           onChangeVisibleMonth: n,
           isValidDateRange: o,
-          day: v,
-          onStartHover: (g) => r(g),
-          onEndHover: (g) => r((k) => k && P(k, g) ? void 0 : k),
+          day: b,
+          onStartHover: (m) => r(m),
+          onEndHover: (m) => r((k) => k && F(k, m) ? void 0 : k),
           selectedStartDate: i,
           selectedEndDate: l,
           hoverDate: c,
@@ -3490,18 +3497,18 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
           todayIsInVisibleMonth: _,
           calendarId: f,
           isDateDisabled: h,
-          dateTestId: D,
-          hoverHighlightDirection: w
+          dateTestId: w,
+          hoverHighlightDirection: D
         },
-        v.dateString
-      )) }, p.weekNumber) }, p.weekNumber))
+        b.dateString
+      )) }, g.weekNumber) }, g.weekNumber))
     ] })
   }
-), go = "_travelDateRangeInput_1j7rp_1", po = "_overlay_1j7rp_2", mo = "_calendarVisible_1j7rp_6", ut = {
-  travelDateRangeInput: go,
-  overlay: po,
-  calendarVisible: mo
-}, Xo = ({
+), mo = "_travelDateRangeInput_1j7rp_1", bo = "_overlay_1j7rp_2", vo = "_calendarVisible_1j7rp_6", _t = {
+  travelDateRangeInput: mo,
+  overlay: bo,
+  calendarVisible: vo
+}, ts = ({
   value: e,
   onValueChange: t,
   startDateLabel: r,
@@ -3516,156 +3523,160 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   heading: f,
   headingLevel: h,
   numMonthsInMonthPicker: _ = 12,
-  isDateDisabled: m,
+  isDateDisabled: p,
   prevMonthDisabled: y,
-  nextMonthDisabled: D,
-  firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
-  zIndex: p = 1e3,
-  zIndexWhenClosed: v,
-  onHideCalendar: g,
+  nextMonthDisabled: w,
+  firstMonthInMonthPicker: D = /* @__PURE__ */ new Date(),
+  zIndex: g = 1e3,
+  zIndexWhenClosed: b,
+  onHideCalendar: m,
   renderBelowCalendar: k,
-  size: T = "medium",
-  dateTestId: I,
-  previousMonthButtonTestId: E,
-  nextMonthButtonTestId: C,
-  textInputVariant: B = "standard"
+  size: x = "medium",
+  dateTestId: S,
+  previousMonthButtonTestId: N,
+  nextMonthButtonTestId: B,
+  textInputVariant: R = "standard",
+  autoFocusStartDate: A,
+  autoFocusEndDate: H
 }) => {
-  const [A, F] = x(!1), [N, j] = x(!1), [K, J] = x({
+  const [E, P] = C(!1), [K, J] = C(!1), [M, q] = C({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), [R, Y] = x(void 0), z = O(null), H = O(null), W = (te) => {
-    te === "startDate" ? z.current?.focus() : te === "endDate" && H.current?.focus();
-  }, U = T === "large" ? "8.8rem" : "6.6rem", X = O(!1), ie = b((te) => {
-    Y(te), X.current = !0, j(!0), setTimeout(() => {
-      F(!0);
+  }), [U, V] = C(void 0), W = $(null), Y = $(null), X = (ee) => {
+    ee === "startDate" ? W.current?.focus() : ee === "endDate" && Y.current?.focus();
+  }, re = x === "large" ? "8.8rem" : "6.6rem", se = $(!1), ue = v((ee) => {
+    V(ee), se.current = !0, J(!0), setTimeout(() => {
+      P(!0);
     }, 10);
-  }, []), ee = b(() => {
-    N && (F(!1), X.current = !1, g?.(), setTimeout(() => {
-      X.current || j(!1);
+  }, []), O = v(() => {
+    K && (P(!1), se.current = !1, m?.(), setTimeout(() => {
+      se.current || J(!1);
     }, 120));
-  }, [N, g]), ne = O(null), V = O(null);
-  nr(ne, ee), pr(() => {
-    const te = V.current?.offsetWidth, it = V.current?.offsetHeight;
-    te != null && it != null && (K.height !== it || K.width !== te) && J({ width: te, height: it });
-  }, [K.height, K.width]);
-  const me = Tr(
+  }, [K, m]), je = $(null), Ce = $(null);
+  ar(je, O), mr(() => {
+    const ee = Ce.current?.offsetWidth, lt = Ce.current?.offsetHeight;
+    ee != null && lt != null && (M.height !== lt || M.width !== ee) && q({ width: ee, height: lt });
+  }, [M.height, M.width]);
+  const me = Nr(
     e,
     t,
     a,
     o,
     i,
-    R,
-    Y,
-    W,
-    ee
+    U,
+    V,
+    X,
+    O
   ), {
-    visiblePanel: Ne,
-    visibleMonth: st,
-    onValueChangeByInputs: ce,
-    setVisibleMonth: Ee,
-    setVisiblePanel: Rt,
-    monthPickerButtonRef: Tt
-  } = me, Lr = b(
-    (te) => {
-      te.key === "Escape" && ee();
+    visiblePanel: qe,
+    visibleMonth: le,
+    onValueChangeByInputs: Ee,
+    setVisibleMonth: Ar,
+    setVisiblePanel: Tt,
+    monthPickerButtonRef: Nt
+  } = me, Fr = v(
+    (ee) => {
+      ee.key === "Escape" && O();
     },
-    [ee]
+    [O]
   );
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ T(
     L,
     {
       position: "relative",
-      className: ut.travelDateRangeInput,
-      ref: ne,
-      onKeyDown: Lr,
-      height: K.height,
-      width: K.width,
+      className: _t.travelDateRangeInput,
+      ref: je,
+      onKeyDown: Fr,
+      height: M.height,
+      width: M.width,
       children: [
         /* @__PURE__ */ s(
           L,
           {
             position: "absolute",
-            ref: V,
-            zIndex: N ? p : v,
+            ref: Ce,
+            zIndex: K ? g : b,
             children: /* @__PURE__ */ s(
-              Rr,
+              Tr,
               {
                 ...me,
                 value: e,
-                onValueChange: ce,
-                startDateRef: z,
-                endDateRef: H,
+                onValueChange: Ee,
+                startDateRef: W,
+                endDateRef: Y,
                 localeCode: a,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: ie,
-                calendarSize: T,
+                onFocus: ue,
+                calendarSize: x,
                 placeholderWhenBlurredStartDate: d,
                 placeholderWhenBlurredEndDate: u,
-                variant: B,
+                variant: R,
+                autoFocusStartDate: A,
+                autoFocusEndDate: H,
                 readOnlyOnMobile: !0
               }
             )
           }
         ),
-        N && /* @__PURE__ */ s(
+        K && /* @__PURE__ */ s(
           L,
           {
             position: "absolute",
-            zIndex: p - 1,
+            zIndex: g - 1,
             left: "-2.4rem",
             top: f ? "-8.0rem" : "-2.4rem",
-            className: se(ut.overlay, A && ut.calendarVisible),
+            className: oe(_t.overlay, E && _t.calendarVisible),
             children: /* @__PURE__ */ s(
               L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ M(sr, { gap: 3, children: [
+                children: /* @__PURE__ */ T(ir, { gap: 3, children: [
                   f && /* @__PURE__ */ s(He, { variant: "h2", as: h, children: f }),
-                  /* @__PURE__ */ s(L, { height: U }),
+                  /* @__PURE__ */ s(L, { height: re }),
                   /* @__PURE__ */ s(
-                    at,
+                    st,
                     {
                       ...me,
                       previousMonthButtonAriaLabel: l,
                       nextMonthButtonAriaLabel: c,
-                      calendarSize: T,
+                      calendarSize: x,
                       prevMonthDisabled: y,
-                      nextMonthDisabled: D,
-                      previousMonthButtonTestId: E,
-                      nextMonthButtonTestId: C
+                      nextMonthDisabled: w,
+                      previousMonthButtonTestId: N,
+                      nextMonthButtonTestId: B
                     }
                   ),
-                  Ne === "calendar" && /* @__PURE__ */ s(
-                    ot,
+                  qe === "calendar" && /* @__PURE__ */ s(
+                    it,
                     {
                       ...me,
-                      size: T,
+                      size: x,
                       multiSelectable: !0,
-                      isDateDisabled: m,
-                      dateTestId: I
+                      isDateDisabled: p,
+                      dateTestId: S
                     }
                   ),
-                  Ne === "month-picker" && /* @__PURE__ */ s(
+                  qe === "month-picker" && /* @__PURE__ */ s(
                     Ue,
                     {
-                      firstMonth: w,
+                      firstMonth: D,
                       numMonths: _,
-                      value: st,
-                      size: T,
+                      value: le,
+                      size: x,
                       localeCode: o,
-                      onValueChange: (te) => {
-                        Ee(te), Rt("calendar"), Tt.current?.focus();
+                      onValueChange: (ee) => {
+                        Ar(ee), Tt("calendar"), Nt.current?.focus();
                       },
                       onCancel: () => {
-                        Rt("calendar"), Tt.current?.focus();
+                        Tt("calendar"), Nt.current?.focus();
                       }
                     }
                   ),
-                  k?.({ hideCalendar: ee })
+                  k?.({ hideCalendar: O })
                 ] })
               }
             )
@@ -3674,108 +3685,110 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
       ]
     }
   );
-}, bo = "_travelDateInput_hmfbf_1", vo = "_overlay_hmfbf_2", yo = "_calendarVisible_hmfbf_6", _t = {
-  travelDateInput: bo,
-  overlay: vo,
-  calendarVisible: yo
-}, Nr = ({
+}, yo = "_travelDateInput_hmfbf_1", wo = "_overlay_hmfbf_2", Do = "_calendarVisible_hmfbf_6", ft = {
+  travelDateInput: yo,
+  overlay: wo,
+  calendarVisible: Do
+}, Er = ({
   value: e,
   onValueChange: t,
   label: r = "Date",
   localeCode: n,
-  onFocus: a,
-  calendarSize: o,
-  placeholderWhenBlurred: i,
-  valueWhenBlurred: l,
-  variant: c,
-  readOnlyOnMobile: d
+  autoFocus: a,
+  onFocus: o,
+  calendarSize: i,
+  placeholderWhenBlurred: l,
+  valueWhenBlurred: c,
+  variant: d,
+  readOnlyOnMobile: u
 }) => {
-  const { deviceSize: u } = Mr(), f = d && !Ir(u, "tablet"), { mask: h, placeholder: _ } = S(() => {
-    const m = Te(n);
+  const { deviceSize: f } = Ir(), h = u && !Rr(f, "tablet"), { mask: _, placeholder: p } = I(() => {
+    const y = Ne(n);
     return {
-      mask: Br(m),
-      placeholder: m.toLowerCase()
+      mask: Mr(y),
+      placeholder: y.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ s($, { children: /* @__PURE__ */ s(
-    pt,
+  return /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s(
+    mt,
     {
-      mask: h,
+      mask: _,
       value: e,
       onValueChange: t,
-      onBlur: (m) => {
-        const y = mt(m.target.value, n);
-        y && y !== e && t?.(y);
+      onBlur: (y) => {
+        const w = bt(y.target.value, n);
+        w && w !== e && t?.(w);
       },
-      readOnly: f,
-      onFocus: a,
+      readOnly: h,
+      onFocus: o,
+      autoFocus: a,
       label: r,
-      placeholder: _,
-      calendarSize: o,
-      placeholderWhenBlurred: i,
-      valueWhenBlurred: l,
-      variant: c
+      placeholder: p,
+      calendarSize: i,
+      placeholderWhenBlurred: l,
+      valueWhenBlurred: c,
+      variant: d
     }
   ) });
-}, Er = (e, t, r, n, a, o) => {
-  const i = Be(n), l = St(), c = Me(), d = O(null), u = S(
-    () => Te(r),
+}, Lr = (e, t, r, n, a, o) => {
+  const i = Me(n), l = Bt(), c = Ie(), d = $(null), u = I(
+    () => Ne(r),
     [r]
-  ), f = S(
-    () => e?.length === u.length ? de(e, r) : void 0,
+  ), f = I(
+    () => e?.length === u.length ? ce(e, r) : void 0,
     [u.length, r, e]
-  ), h = S(
-    () => f != null ? bt(f, c, i) : void 0,
+  ), h = I(
+    () => f != null ? vt(f, c, i) : void 0,
     [i, f, c]
-  ), [_, m] = x(
+  ), [_, p] = C(
     a ?? f ?? /* @__PURE__ */ new Date()
-  ), y = b(
-    (C) => {
-      ge(C, c) || G(C, c) ? m(C) : m(c);
+  ), y = v(
+    (B) => {
+      ge(B, c) || G(B, c) ? p(B) : p(c);
     },
     [c]
-  ), D = S(
-    () => rt(
+  ), w = I(
+    () => at(
       _.getFullYear(),
       _.getMonth(),
       i
     ),
     [i, _]
-  ), w = S(() => tt(
-    hr(
+  ), D = I(() => nt(
+    gr(
       _,
       { month: "long", year: "numeric" },
       { locale: i.code }
     )
-  ), [i, _]), p = S(() => ge(c, _), [c, _]), [v, g] = x(), [k, T] = x("calendar"), I = b(
-    (C) => {
-      const B = C?.length === u.length ? de(C, r) : void 0;
-      B && y(B), t?.(C);
+  ), [i, _]), g = I(() => ge(c, _), [c, _]), [b, m] = C(), [k, x] = C("calendar"), S = v(
+    (B) => {
+      const R = B?.length === u.length ? ce(B, r) : void 0;
+      R && y(R), t?.(B);
     },
     [u.length, r, t, y]
   );
   return {
-    onClickDate: (C) => {
-      t?.(be(C, r)), o?.(C);
+    onClickDate: (B) => {
+      t?.(be(B, r)), o?.(B);
     },
-    onValueChangeByInputs: I,
+    onValueChangeByInputs: S,
     monthPickerButtonRef: d,
     calendarId: l,
-    monthPickerButtonLabel: w,
+    monthPickerButtonLabel: D,
     visiblePanel: k,
-    setVisiblePanel: T,
-    setVisibleMonth: m,
-    visibleMonthData: D,
-    todayIsInVisibleMonth: p,
-    hoverDate: v,
+    setVisiblePanel: x,
+    setVisibleMonth: p,
+    visibleMonthData: w,
+    todayIsInVisibleMonth: g,
+    hoverDate: b,
     hoverAnchor: void 0,
-    setHoverDate: g,
+    setHoverDate: m,
     selectedDate: f,
     today: c,
     visibleMonth: _,
     valueWhenBlurred: h
   };
-}, es = ({
+}, rs = ({
   value: e,
   onValueChange: t,
   label: r,
@@ -3785,159 +3798,161 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   previousMonthButtonAriaLabel: i = "Previous month",
   nextMonthButtonAriaLabel: l = "Next month",
   placeholderWhenBlurred: c,
-  heading: d,
-  headingLevel: u,
-  numMonthsInMonthPicker: f = 12,
-  isDateDisabled: h,
-  prevMonthDisabled: _,
-  nextMonthDisabled: m,
-  firstMonthInMonthPicker: y = /* @__PURE__ */ new Date(),
+  autoFocus: d,
+  heading: u,
+  headingLevel: f,
+  numMonthsInMonthPicker: h = 12,
+  isDateDisabled: _,
+  prevMonthDisabled: p,
+  nextMonthDisabled: y,
+  firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
   zIndex: D = 1e3,
-  zIndexWhenClosed: w,
-  onHideCalendar: p,
-  renderBelowCalendar: v,
-  size: g = "medium",
-  dateTestId: k,
-  previousMonthButtonTestId: T,
-  nextMonthButtonTestId: I,
-  textInputVariant: E = "standard"
+  zIndexWhenClosed: g,
+  onHideCalendar: b,
+  renderBelowCalendar: m,
+  size: k = "medium",
+  dateTestId: x,
+  previousMonthButtonTestId: S,
+  nextMonthButtonTestId: N,
+  textInputVariant: B = "standard"
 }) => {
-  const [C, B] = x(!1), [A, F] = x(!1), [N, j] = x({
+  const [R, A] = C(!1), [H, E] = C(!1), [P, K] = C({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), K = g === "large" ? "8.8rem" : "6.6rem", J = O(!1), R = b(() => {
-    J.current = !0, F(!0), setTimeout(() => {
-      B(!0);
+  }), J = k === "large" ? "8.8rem" : "6.6rem", M = $(!1), q = v(() => {
+    M.current = !0, E(!0), setTimeout(() => {
+      A(!0);
     }, 10);
-  }, []), Y = b(() => {
-    A && (B(!1), J.current = !1, p?.(), setTimeout(() => {
-      J.current || F(!1);
+  }, []), U = v(() => {
+    H && (A(!1), M.current = !1, b?.(), setTimeout(() => {
+      M.current || E(!1);
     }, 120));
-  }, [A, p]), z = b(() => {
+  }, [H, b]), V = v(() => {
     setTimeout(() => {
-      Y();
+      U();
     }, 250);
-  }, [Y]), H = O(null), W = O(null);
-  nr(H, Y), pr(() => {
-    const ce = W.current?.offsetWidth, Ee = W.current?.offsetHeight;
-    ce != null && Ee != null && (N.height !== Ee || N.width !== ce) && j({ width: ce, height: Ee });
-  }, [N.height, N.width]);
-  const U = Er(
+  }, [U]), W = $(null), Y = $(null);
+  ar(W, U), mr(() => {
+    const le = Y.current?.offsetWidth, Ee = Y.current?.offsetHeight;
+    le != null && Ee != null && (P.height !== Ee || P.width !== le) && K({ width: le, height: Ee });
+  }, [P.height, P.width]);
+  const X = Lr(
     e,
     t,
     n,
     a,
     o,
-    z
+    V
   ), {
-    visiblePanel: X,
-    visibleMonth: ie,
-    onValueChangeByInputs: ee,
-    selectedDate: ne,
-    setVisibleMonth: V,
-    setVisiblePanel: me,
-    monthPickerButtonRef: Ne
-  } = U, st = b(
-    (ce) => {
-      ce.key === "Escape" && Y();
+    visiblePanel: re,
+    visibleMonth: se,
+    onValueChangeByInputs: ue,
+    selectedDate: O,
+    setVisibleMonth: je,
+    setVisiblePanel: Ce,
+    monthPickerButtonRef: me
+  } = X, qe = v(
+    (le) => {
+      le.key === "Escape" && U();
     },
-    [Y]
+    [U]
   );
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ T(
     L,
     {
       position: "relative",
-      className: _t.travelDateInput,
-      ref: H,
-      onKeyDown: st,
-      height: N.height,
-      width: N.width,
+      className: ft.travelDateInput,
+      ref: W,
+      onKeyDown: qe,
+      height: P.height,
+      width: P.width,
       children: [
         /* @__PURE__ */ s(
           L,
           {
             position: "absolute",
-            ref: W,
-            zIndex: A ? D : w,
+            ref: Y,
+            zIndex: H ? D : g,
             children: /* @__PURE__ */ s(
-              Nr,
+              Er,
               {
-                ...U,
+                ...X,
+                autoFocus: d,
                 value: e,
-                onValueChange: ee,
+                onValueChange: ue,
                 localeCode: n,
                 label: r,
-                onFocus: R,
-                calendarSize: g,
+                onFocus: q,
+                calendarSize: k,
                 placeholderWhenBlurred: c,
-                variant: E,
+                variant: B,
                 readOnlyOnMobile: !0
               }
             )
           }
         ),
-        A && /* @__PURE__ */ s(
+        H && /* @__PURE__ */ s(
           L,
           {
             position: "absolute",
             zIndex: D - 1,
             left: "-2.4rem",
-            top: d ? "-8.0rem" : "-2.4rem",
-            className: se(_t.overlay, C && _t.calendarVisible),
+            top: u ? "-8.0rem" : "-2.4rem",
+            className: oe(ft.overlay, R && ft.calendarVisible),
             children: /* @__PURE__ */ s(
               L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ M(sr, { gap: 3, children: [
-                  d && /* @__PURE__ */ s(He, { variant: "h2", as: u, children: d }),
-                  /* @__PURE__ */ s(L, { height: K }),
+                children: /* @__PURE__ */ T(ir, { gap: 3, children: [
+                  u && /* @__PURE__ */ s(He, { variant: "h2", as: f, children: u }),
+                  /* @__PURE__ */ s(L, { height: J }),
                   /* @__PURE__ */ s(
-                    at,
+                    st,
                     {
-                      ...U,
+                      ...X,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: l,
-                      calendarSize: g,
-                      prevMonthDisabled: _,
-                      nextMonthDisabled: m,
-                      previousMonthButtonTestId: T,
-                      nextMonthButtonTestId: I
+                      calendarSize: k,
+                      prevMonthDisabled: p,
+                      nextMonthDisabled: y,
+                      previousMonthButtonTestId: S,
+                      nextMonthButtonTestId: N
                     }
                   ),
-                  X === "calendar" && /* @__PURE__ */ s(
-                    ot,
+                  re === "calendar" && /* @__PURE__ */ s(
+                    it,
                     {
-                      ...U,
-                      size: g,
-                      isValidDateRange: !!ne,
-                      selectedStartDate: ne,
-                      selectedEndDate: ne,
+                      ...X,
+                      size: k,
+                      isValidDateRange: !!O,
+                      selectedStartDate: O,
+                      selectedEndDate: O,
                       multiSelectable: !1,
-                      isDateDisabled: h,
-                      dateTestId: k,
+                      isDateDisabled: _,
+                      dateTestId: x,
                       hoverHighlightDirection: void 0
                     }
                   ),
-                  X === "month-picker" && /* @__PURE__ */ s(
+                  re === "month-picker" && /* @__PURE__ */ s(
                     Ue,
                     {
-                      firstMonth: y,
-                      numMonths: f,
-                      value: ie,
-                      size: g,
+                      firstMonth: w,
+                      numMonths: h,
+                      value: se,
+                      size: k,
                       localeCode: n,
-                      onValueChange: (ce) => {
-                        V(ce), me("calendar"), Ne.current?.focus();
+                      onValueChange: (le) => {
+                        je(le), Ce("calendar"), me.current?.focus();
                       },
                       onCancel: () => {
-                        me("calendar"), Ne.current?.focus();
+                        Ce("calendar"), me.current?.focus();
                       }
                     }
                   ),
-                  v?.({ hideCalendar: Y })
+                  m?.({ hideCalendar: U })
                 ] })
               }
             )
@@ -3946,7 +3961,7 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
       ]
     }
   );
-}, ts = ({
+}, ns = ({
   value: e,
   onValueChange: t,
   label: r,
@@ -3961,90 +3976,92 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   numMonthsInMonthPicker: f = 12,
   isDateDisabled: h,
   prevMonthDisabled: _,
-  nextMonthDisabled: m,
+  nextMonthDisabled: p,
   firstMonthInMonthPicker: y = /* @__PURE__ */ new Date(),
-  dateTestId: D,
-  size: w = "medium",
-  previousMonthButtonTestId: p,
-  nextMonthButtonTestId: v,
-  textInputVariant: g = "standard"
+  dateTestId: w,
+  size: D = "medium",
+  previousMonthButtonTestId: g,
+  nextMonthButtonTestId: b,
+  textInputVariant: m = "standard",
+  autoFocus: k
 }) => {
-  const k = Er(
+  const x = Lr(
     e,
     t,
     n,
     a,
     o
   ), {
-    visiblePanel: T,
-    visibleMonth: I,
-    onValueChangeByInputs: E,
-    setVisibleMonth: C,
-    setVisiblePanel: B,
-    monthPickerButtonRef: A,
-    selectedDate: F
-  } = k;
-  return /* @__PURE__ */ M(Z, { gap: 3, children: [
+    visiblePanel: S,
+    visibleMonth: N,
+    onValueChangeByInputs: B,
+    setVisibleMonth: R,
+    setVisiblePanel: A,
+    monthPickerButtonRef: H,
+    selectedDate: E
+  } = x;
+  return /* @__PURE__ */ T(Z, { gap: 3, children: [
     d && /* @__PURE__ */ s(He, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ s(
-      Nr,
+      Er,
       {
-        ...k,
+        ...x,
         value: e,
-        onValueChange: E,
+        onValueChange: B,
         localeCode: n,
         label: r,
-        calendarSize: w,
+        calendarSize: D,
         placeholderWhenBlurred: c,
-        variant: g,
-        readOnlyOnMobile: !1
+        variant: m,
+        readOnlyOnMobile: !1,
+        autoFocus: k
       }
     ),
     /* @__PURE__ */ s(
-      at,
+      st,
       {
-        ...k,
+        ...x,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: l,
-        calendarSize: w,
+        calendarSize: D,
         prevMonthDisabled: _,
-        nextMonthDisabled: m,
-        previousMonthButtonTestId: p,
-        nextMonthButtonTestId: v
+        nextMonthDisabled: p,
+        previousMonthButtonTestId: g,
+        nextMonthButtonTestId: b
       }
     ),
-    T === "calendar" && /* @__PURE__ */ s(
-      ot,
+    S === "calendar" && /* @__PURE__ */ s(
+      it,
       {
-        ...k,
-        size: w,
-        selectedStartDate: F,
-        selectedEndDate: F,
-        isValidDateRange: !!F,
+        ...x,
+        size: D,
+        selectedStartDate: E,
+        selectedEndDate: E,
+        isValidDateRange: !!E,
         isDateDisabled: h,
         multiSelectable: !1,
-        dateTestId: D,
+        dateTestId: w,
         hoverHighlightDirection: void 0
       }
     ),
-    T === "month-picker" && /* @__PURE__ */ s(
+    S === "month-picker" && /* @__PURE__ */ s(
       Ue,
       {
         firstMonth: y,
         numMonths: f,
-        value: I,
+        value: N,
         localeCode: a,
-        size: w,
-        onValueChange: (N) => {
-          C(N), B("calendar"), A.current?.focus();
+        size: D,
+        onValueChange: (P) => {
+          R(P), A("calendar"), H.current?.focus();
         },
         onCancel: () => {
-          B("calendar"), A.current?.focus();
+          A("calendar"), H.current?.focus();
         }
       }
     )
   ] });
-}, rs = ({
+}, as = ({
   value: e,
   onValueChange: t,
   startDateLabel: r,
@@ -4059,180 +4076,184 @@ const Tr = (e, t, r, n, a, o, i, l, c) => {
   numMonthsInMonthPicker: f = 12,
   isDateDisabled: h,
   prevMonthDisabled: _,
-  nextMonthDisabled: m,
+  nextMonthDisabled: p,
   firstMonthInMonthPicker: y = /* @__PURE__ */ new Date(),
-  size: D = "medium",
-  dateTestId: w,
-  previousMonthButtonTestId: p,
-  nextMonthButtonTestId: v,
-  placeholderWhenBlurredStartDate: g,
+  size: w = "medium",
+  dateTestId: D,
+  previousMonthButtonTestId: g,
+  nextMonthButtonTestId: b,
+  placeholderWhenBlurredStartDate: m,
   placeholderWhenBlurredEndDate: k,
-  textInputVariant: T = "standard"
+  textInputVariant: x = "standard",
+  autoFocusStartDate: S,
+  autoFocusEndDate: N
 }) => {
-  const [I, E] = x(void 0), C = O(null), B = O(null), A = b((H) => {
-    H === "startDate" ? C.current?.focus() : H === "endDate" && B.current?.focus();
-  }, []), F = Tr(
+  const [B, R] = C(void 0), A = $(null), H = $(null), E = v((Y) => {
+    Y === "startDate" ? A.current?.focus() : Y === "endDate" && H.current?.focus();
+  }, []), P = Nr(
     e,
     t,
     a,
     o,
     i,
-    I,
+    B,
+    R,
     E,
-    A,
     void 0
-  ), N = b((H) => {
-    E(H);
+  ), K = v((Y) => {
+    R(Y);
   }, []), {
-    visiblePanel: j,
-    visibleMonth: K,
-    onValueChangeByInputs: J,
-    setVisibleMonth: R,
-    setVisiblePanel: Y,
-    monthPickerButtonRef: z
-  } = F;
-  return /* @__PURE__ */ M(Z, { gap: 3, children: [
+    visiblePanel: J,
+    visibleMonth: M,
+    onValueChangeByInputs: q,
+    setVisibleMonth: U,
+    setVisiblePanel: V,
+    monthPickerButtonRef: W
+  } = P;
+  return /* @__PURE__ */ T(Z, { gap: 3, children: [
     d && /* @__PURE__ */ s(He, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ s(
-      Rr,
+      Tr,
       {
-        ...F,
+        ...P,
         value: e,
-        onValueChange: J,
-        startDateRef: C,
-        endDateRef: B,
+        onValueChange: q,
+        startDateRef: A,
+        endDateRef: H,
         localeCode: a,
         startDateLabel: r,
         endDateLabel: n,
-        onFocus: N,
-        calendarSize: D,
-        placeholderWhenBlurredStartDate: g,
+        onFocus: K,
+        calendarSize: w,
+        placeholderWhenBlurredStartDate: m,
         placeholderWhenBlurredEndDate: k,
-        variant: T,
+        variant: x,
+        autoFocusStartDate: S,
+        autoFocusEndDate: N,
         readOnlyOnMobile: !1
       }
     ),
     /* @__PURE__ */ s(
-      at,
+      st,
       {
-        ...F,
+        ...P,
         previousMonthButtonAriaLabel: l,
         nextMonthButtonAriaLabel: c,
-        calendarSize: D,
+        calendarSize: w,
         prevMonthDisabled: _,
-        nextMonthDisabled: m,
-        previousMonthButtonTestId: p,
-        nextMonthButtonTestId: v
+        nextMonthDisabled: p,
+        previousMonthButtonTestId: g,
+        nextMonthButtonTestId: b
       }
     ),
-    j === "calendar" && /* @__PURE__ */ s(
-      ot,
+    J === "calendar" && /* @__PURE__ */ s(
+      it,
       {
-        ...F,
-        size: D,
+        ...P,
+        size: w,
         multiSelectable: !0,
         isDateDisabled: h,
-        dateTestId: w
+        dateTestId: D
       }
     ),
-    j === "month-picker" && /* @__PURE__ */ s(
+    J === "month-picker" && /* @__PURE__ */ s(
       Ue,
       {
         firstMonth: y,
         numMonths: f,
-        value: K,
-        size: D,
+        value: M,
+        size: w,
         localeCode: o,
-        onValueChange: (H) => {
-          R(H), Y("calendar"), z.current?.focus();
+        onValueChange: (Y) => {
+          U(Y), V("calendar"), W.current?.focus();
         },
         onCancel: () => {
-          Y("calendar"), z.current?.focus();
+          V("calendar"), W.current?.focus();
         }
       }
     )
   ] });
-}, ns = () => {
-  const e = Me();
-  return b(
-    (t) => !P(t, e) && Re(t, e),
+}, os = () => {
+  const e = Ie();
+  return v(
+    (t) => !F(t, e) && Te(t, e),
     [e]
   );
-}, as = () => {
-  const e = Me();
-  return b(
-    (t) => ge(e, t) || Re(t, e),
+}, ss = () => {
+  const e = Ie();
+  return v(
+    (t) => ge(e, t) || Te(t, e),
     [e]
   );
 };
 export {
-  ht as Calendar,
-  br as CalendarDay,
-  jo as DateInput,
-  $o as DateRangeCalendar,
-  Qo as DateRangeDualTextInput,
-  qo as DateRangeInput,
-  Ko as DateTextInput,
-  Jo as DateTimeInput,
-  bn as Month,
+  gt as Calendar,
+  vr as CalendarDay,
+  Ko as DateInput,
+  zo as DateRangeCalendar,
+  es as DateRangeDualTextInput,
+  Go as DateRangeInput,
+  Jo as DateTextInput,
+  Qo as DateTimeInput,
+  yn as Month,
   Ue as MonthPicker,
-  zo as MultiDateCalendar,
-  qn as PresetPicker,
-  xr as SingleDateCalendar,
-  Vo as SingleWeekCalendar,
-  Go as TimeTextInput,
-  ts as TravelDateCalendar,
-  es as TravelDateInput,
-  rs as TravelDateRangeCalendar,
-  Xo as TravelDateRangeInput,
-  vn as WeekDay,
-  In as WeekDayCell,
-  Tn as WeekNumberCell,
-  Zo as YearPicker,
+  jo as MultiDateCalendar,
+  Gn as PresetPicker,
+  Cr as SingleDateCalendar,
+  qo as SingleWeekCalendar,
+  Zo as TimeTextInput,
+  ns as TravelDateCalendar,
+  rs as TravelDateInput,
+  as as TravelDateRangeCalendar,
+  ts as TravelDateRangeInput,
+  wn as WeekDay,
+  Tn as WeekDayCell,
+  En as WeekNumberCell,
+  Xo as YearPicker,
   he as addDayStateHighlights,
-  mr as addDayStateHighlightsOnSingleDay,
-  pn as addWeekRangeHighlights,
-  Po as addWeekStateHighlights,
+  br as addDayStateHighlightsOnSingleDay,
+  bn as addWeekRangeHighlights,
+  Ho as addWeekStateHighlights,
   Ye as buildDayStateForDateRange,
-  gn as buildDayStateForRange,
-  hn as buildDayStateForSingleMonth,
-  kn as calculateOverflowingMonth,
-  wn as createDay,
-  Xn as dateRangeToStrings,
-  Sn as dayHasHighlight,
+  mn as buildDayStateForRange,
+  pn as buildDayStateForSingleMonth,
+  Cn as calculateOverflowingMonth,
+  kn as createDay,
+  ta as dateRangeToStrings,
+  Mn as dayHasHighlight,
   _e as dayHighlightSelect,
   ke as defaultCalendarTheme,
-  Mn as defaultTextPropsProvider,
-  Bn as defaultWrapperStyleProvider,
-  Yo as extranetCalendarTheme,
-  yr as fallbackLocaleCode,
-  Ho as fallbackLocaleCodeForFormatting,
+  Rn as defaultTextPropsProvider,
+  In as defaultWrapperStyleProvider,
+  Wo as extranetCalendarTheme,
+  wr as fallbackLocaleCode,
+  Oo as fallbackLocaleCodeForFormatting,
   be as formatLocalizedDate,
-  Te as getDateFormatForLocaleCode,
-  Dn as getDaysForWeekForDate,
-  Wo as getDefaultLocaleForFormatting,
-  On as getLocaleCodeForLocale,
-  Be as getLocaleForLocaleCode,
-  rt as getMonthInYear,
-  Kt as getMonthsInYear,
-  wr as getSupportedLocaleCode,
-  Wn as getSupportedLocaleCodeMatchingLanguage,
-  It as getWeekForDate,
-  yn as getWeeksForMonth,
-  Dr as isDateRangeInvalid,
-  de as parseLocalizedDateString,
-  mt as reformatLocalizedDateString,
-  Ao as setDayStateValue,
-  Fo as setDayStateValueFunction,
-  ea as stringsToDateRange,
-  Oo as toggleDateStringsIfEndIsEarlierThanStart,
-  kr as toggleDatesIfEndIsEarlierThanStart,
-  Uo as useDateRangeCalendarState,
-  ra as useDateRangeSelection,
-  ns as useDisabledBeforeToday,
-  aa as useMultiDateSelection,
-  as as usePrevMonthDisabledBeforeToday,
-  na as useSingleDateSelection,
-  oa as useSingleWeekSelection
+  Ne as getDateFormatForLocaleCode,
+  xn as getDaysForWeekForDate,
+  $o as getDefaultLocaleForFormatting,
+  Un as getLocaleCodeForLocale,
+  Me as getLocaleForLocaleCode,
+  at as getMonthInYear,
+  Gt as getMonthsInYear,
+  Dr as getSupportedLocaleCode,
+  $n as getSupportedLocaleCodeMatchingLanguage,
+  Rt as getWeekForDate,
+  Dn as getWeeksForMonth,
+  kr as isDateRangeInvalid,
+  ce as parseLocalizedDateString,
+  bt as reformatLocalizedDateString,
+  Po as setDayStateValue,
+  Yo as setDayStateValueFunction,
+  ra as stringsToDateRange,
+  Uo as toggleDateStringsIfEndIsEarlierThanStart,
+  xr as toggleDatesIfEndIsEarlierThanStart,
+  Vo as useDateRangeCalendarState,
+  aa as useDateRangeSelection,
+  os as useDisabledBeforeToday,
+  sa as useMultiDateSelection,
+  ss as usePrevMonthDisabledBeforeToday,
+  oa as useSingleDateSelection,
+  ia as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map