@stenajs-webui/calendar 23.23.0 → 24.0.0

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import { jsx as o, jsxs as N, Fragment as Oe } from "react/jsx-runtime";
-import { Box as B, Text as ke, Clickable as ln, Row as U, Spacing as Un, useToday as xe, Column as Z, Heading as $e, exhaustSwitchCase as Mt, Space as Ie, Indent as Pe, SeparatorLine as jn, parseIntElseUndefined as Ft, useBoolean as wt, useDelayedFalse as Yt, useEventCallback as Vn, useOnClickOutside as dn } from "@stenajs-webui/core";
-import { FlatButton as ne, stenaAngleDown as Tt, PrimaryButton as Ne, stenaAngleLeft as zn, stenaAngleRight as Kn, SecondaryButton as ge, stenaAngleLeftDouble as qn, stenaArrowLeft as st, stenaArrowRight as We, stenaAngleRightDouble as Gn, TextInputButton as Jn, stenaCalendar as Fe, Icon as un, stenaArrowWideRight as Qn, stenaClock as fn, Label as Zn, FlatButtonLink as Xn, BaseButton as er, stenaBellFilled as tr, MenuButton as nr, stenaAngleUp as rr, CardBody as hn } from "@stenajs-webui/elements";
-import { isAfter as X, eachDayOfInterval as gn, isSameDay as F, endOfMonth as mn, startOfMonth as pn, min as Dn, addDays as ae, max as bn, subDays as ye, format as J, getISOWeek as It, getDate as at, startOfWeek as et, addWeeks as sr, getMonth as ve, getYear as Ye, getWeek as wn, getISODay as ar, addHours as yn, isBefore as Be, parse as Ce, addMonths as Ue, isSameMonth as De, addYears as or, subMonths as Rt, subYears as cr, setWeek as ir, isValid as lr, isSameYear as dr, intlFormat as vn, isWithinInterval as ur } from "date-fns";
-import { enGB as tt, pl as Ht, fr as Ot, es as $t, cs as Wt, fi as Ut, et as jt, it as Vt, lt as zt, lv as Kt, da as qt, sv as Gt, nb as Jt, de as Qt, nl as Zt, nlBE as fr, deAT as hr, enIE as gr, enUS as mr } from "date-fns/locale";
-import { last as pr, chunk as Cn, debounce as Dr, padStart as br, range as _t } from "lodash-es";
+import { jsx as o, jsxs as _, Fragment as Oe } from "react/jsx-runtime";
+import { Box as L, Text as ke, Clickable as ln, Row as V, Spacing as Un, useToday as xe, Column as Z, Heading as We, exhaustSwitchCase as Mt, Space as Ie, Indent as Pe, SeparatorLine as jn, parseIntElseUndefined as Ft, useBoolean as bt, useDelayedFalse as Yt, useEventCallback as Vn, useOnClickOutside as dn } from "@stenajs-webui/core";
+import { FlatButton as re, stenaAngleDown as Tt, PrimaryButton as Ne, stenaAngleLeft as zn, stenaAngleRight as Kn, SecondaryButton as ge, stenaAngleLeftDouble as qn, stenaArrowLeft as rt, stenaArrowRight as $e, stenaAngleRightDouble as Gn, TextInputButton as Jn, stenaCalendar as Fe, Icon as un, stenaArrowWideRight as Qn, stenaClock as fn, Label as Zn, FlatButtonLink as Xn, BaseButton as er, stenaBellFilled as tr, MenuButton as nr, stenaAngleUp as rr, CardBody as hn } from "@stenajs-webui/elements";
+import { isAfter as X, eachDayOfInterval as gn, isSameDay as F, endOfMonth as mn, startOfMonth as st, min as pn, addDays as ae, max as Dn, subDays as ye, format as Q, getISOWeek as It, getDate as at, startOfWeek as Xe, addWeeks as sr, getMonth as ve, getYear as Ye, getWeek as bn, getISODay as ar, addHours as wn, isBefore as Be, parse as Ce, addMonths as Ue, isSameMonth as ue, addYears as or, subMonths as Rt, subYears as cr, setWeek as ir, isValid as lr, isSameYear as dr, intlFormat as yn, isWithinInterval as ur } from "date-fns";
+import { enGB as et, pl as Ht, fr as Ot, es as Wt, cs as $t, fi as Ut, et as jt, it as Vt, lt as zt, lv as Kt, da as qt, sv as Gt, nb as Jt, de as Qt, nl as Zt, nlBE as fr, deAT as hr, enIE as gr, enUS as mr } from "date-fns/locale";
+import { last as pr, chunk as vn, debounce as Dr, padStart as br, range as _t } from "lodash-es";
 import * as xt from "react";
-import { useMemo as I, useRef as O, useEffect as te, useCallback as y, useId as Nt, useState as R, forwardRef as ot, createContext as wr, useLayoutEffect as kn } from "react";
+import { useMemo as I, useRef as O, useEffect as ne, useCallback as y, useId as Nt, useState as R, forwardRef as ot, createContext as wr, useLayoutEffect as Cn } from "react";
 import oe from "classnames";
 import gt from "@emotion/styled";
-import { TextInput as be, TextInputBox as yr, LabelledTextInput as vr } from "@stenajs-webui/forms";
+import { TextInput as De, TextInputBox as yr, LabelledTextInput as vr } from "@stenajs-webui/forms";
 import { ControlledPopover as je } from "@stenajs-webui/tooltip";
 import { cssColor as Bt } from "@stenajs-webui/theme";
 import { useMaskedInput as Cr } from "@stenajs-webui/input-mask";
-import { useMediaQuery as Qe } from "react-responsive";
-import './index.css';const ue = {
+import { useMediaQuery as Je } from "react-responsive";
+import './index.css';const fe = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL"
@@ -32,14 +32,14 @@ import './index.css';const ue = {
   e,
   t,
   n,
-  pn(r),
+  st(r),
   mn(r)
 ), Sr = (e = {}, t, n, r, s) => t && n ? He(
   e,
-  bn([t, ye(r, 1)]),
-  Dn([n, ae(s, 1)])
+  Dn([t, ye(r, 1)]),
+  pn([n, ae(s, 1)])
 ) : He(e, t, n), Ka = (e, t, n) => {
-  const r = J(t, ue.yearAndMonth), s = It(t), a = at(t);
+  const r = Q(t, fe.yearAndMonth), s = It(t), a = at(t);
   return {
     ...e,
     [r]: {
@@ -54,7 +54,7 @@ import './index.css';const ue = {
     }
   };
 }, qa = (e, t, n) => {
-  const r = J(t, ue.yearAndMonth), s = It(t), a = at(t);
+  const r = Q(t, fe.yearAndMonth), s = It(t), a = at(t);
   return {
     ...e,
     [r]: {
@@ -78,11 +78,11 @@ import './index.css';const ue = {
       ...e && e[s],
       [a]: {
         ...e && e[s] && e[s][a],
-        [c]: Sn(i, n)
+        [c]: kn(i, n)
       }
     }
   };
-}, Sn = (e, t) => ({
+}, kn = (e, t) => ({
   ...e,
   highlights: [...e?.highlights ?? [], ...t]
 }), Ga = (e, t, n) => {
@@ -91,15 +91,15 @@ import './index.css';const ue = {
   t.days.forEach((h) => {
     i = pe(i, h.date, n);
   });
-  const l = i && i[a] ? i[a][c] : void 0, d = l && l.highlights ? [...l.highlights, ...n] : n, u = {
+  const l = i && i[a] ? i[a][c] : void 0, f = l && l.highlights ? [...l.highlights, ...n] : n, d = {
     ...l,
-    highlights: d
+    highlights: f
   };
   return {
     ...i,
     [a]: {
       ...e && e[a],
-      [c]: u
+      [c]: d
     }
   };
 }, Mr = (e, t) => {
@@ -121,16 +121,16 @@ const Xt = (e, t, n, r) => {
     throw new Error("getMonthInYear() received NaN.");
   const r = e + Math.floor(t / 12), s = t % 12, a = new Date(r, s, 1);
   return {
-    monthString: J(a, ue.yearAndMonth),
+    monthString: Q(a, fe.yearAndMonth),
     name: ct(
-      J(a, ue.fullMonthName, { locale: n })
+      Q(a, fe.fullMonthName, { locale: n })
     ),
     year: r,
     monthInYear: s,
     weeks: _r(r, s, n)
   };
 }, _r = (e, t, n, r = !0) => {
-  const s = new Date(e, t, 1), a = et(s, { locale: n }), c = [];
+  const s = new Date(e, t, 1), a = Xe(s, { locale: n }), c = [];
   for (let i = 0; i < 6; i++) {
     const l = Et(sr(a, i), n);
     if (i > 0 && l.startMonth !== t && !r)
@@ -141,7 +141,7 @@ const Xt = (e, t, n, r) => {
 }, Et = (e, t) => {
   const n = ve(ae(e, 7)) !== ve(e);
   return {
-    weekNumber: wn(e, { locale: t }),
+    weekNumber: bn(e, { locale: t }),
     startMonth: ve(e),
     startYear: Ye(e),
     endMonth: ve(ae(e, 6)),
@@ -153,17 +153,17 @@ const Xt = (e, t, n, r) => {
   const n = ar(e);
   return {
     date: e,
-    name: J(e, "EEE", t ? { locale: t } : void 0),
-    fullName: J(e, "EEEE", t ? { locale: t } : void 0),
-    dateString: J(yn(e, 12), ue.fullDate),
-    weekNumber: wn(e, { locale: t }),
+    name: Q(e, "EEE", t ? { locale: t } : void 0),
+    fullName: Q(e, "EEEE", t ? { locale: t } : void 0),
+    dateString: Q(wn(e, 12), fe.fullDate),
+    weekNumber: bn(e, { locale: t }),
     year: Ye(e),
     month: ve(e),
     dayOfMonth: at(e),
     dayOfWeek: n,
     isFirstDayOfWeek: n === 1,
     isLastDayOfWeek: n === 7,
-    isFirstDayOfMonth: F(pn(e), e),
+    isFirstDayOfMonth: F(st(e), e),
     isLastDayOfMonth: F(mn(e), e)
   };
 }, Nr = (e, t) => gn({
@@ -266,12 +266,12 @@ const Xt = (e, t, n, r) => {
   inOtherMonthColor: n,
   rangeTextColor: r
 }) => (s, a, c, i, l) => {
-  const d = c.month !== l.monthInYear;
+  const f = c.month !== l.monthInYear;
   return {
     color: he(
       a,
       s,
-      [d, "selected", "range", "enabled", "disabled"],
+      [f, "selected", "range", "enabled", "disabled"],
       [
         n,
         e,
@@ -318,7 +318,7 @@ const Xt = (e, t, n, r) => {
   theme: n
 }) => {
   const r = /* @__PURE__ */ o(
-    B,
+    L,
     {
       width: n.width,
       height: n.height,
@@ -343,7 +343,7 @@ const Xt = (e, t, n, r) => {
       children: r
     }
   ) : r;
-}, Mn = function({
+}, Sn = function({
   day: t,
   week: n,
   month: r,
@@ -352,11 +352,11 @@ const Xt = (e, t, n, r) => {
   onClickDay: c,
   theme: i,
   extraDayContent: l,
-  defaultHighlights: d,
-  showDatesInOtherMonths: u
+  defaultHighlights: f,
+  showDatesInOtherMonths: d
 }) {
   const h = /* @__PURE__ */ o(
-    B,
+    L,
     {
       width: "100%",
       height: "100%",
@@ -366,7 +366,7 @@ const Xt = (e, t, n, r) => {
         ke,
         {
           ...i.CalendarDay.textProps && i.CalendarDay.textProps(
-            d,
+            f,
             s,
             t,
             n,
@@ -377,18 +377,18 @@ const Xt = (e, t, n, r) => {
         }
       )
     }
-  ), g = gt.td({
+  ), u = gt.td({
     ...i.CalendarDay.tdStyle && i.CalendarDay.tdStyle(
-      d,
+      f,
       s,
       t,
       n,
       r,
       a
     )
-  }), f = gt.div({
+  }), g = gt.div({
     ...i.CalendarDay.innerWrapperStyle && i.CalendarDay.innerWrapperStyle(
-      d,
+      f,
       s,
       t,
       n,
@@ -397,9 +397,9 @@ const Xt = (e, t, n, r) => {
     ),
     width: "100%",
     height: "100%"
-  }), D = gt.div({
+  }), p = gt.div({
     ...i.CalendarDay.cellWrapperStyle && i.CalendarDay.cellWrapperStyle(
-      d,
+      f,
       s,
       t,
       n,
@@ -409,12 +409,12 @@ const Xt = (e, t, n, r) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), b = Hr(d, s);
+  }), D = Hr(f, s);
   return /* @__PURE__ */ o(
-    g,
+    u,
     {
-      onClick: b ? void 0 : (C) => c?.(t, a, C),
-      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(D, { children: (t.month === r.monthInYear || u) && /* @__PURE__ */ N(Oe, { children: [
+      onClick: D ? void 0 : (b) => c?.(t, a, b),
+      children: /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(p, { children: (t.month === r.monthInYear || d) && /* @__PURE__ */ _(Oe, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -444,16 +444,16 @@ const Xt = (e, t, n, r) => {
   backgroundColor: s,
   prefix: a
 }) => {
-  const c = /* @__PURE__ */ N(
-    B,
+  const c = /* @__PURE__ */ _(
+    L,
     {
       width: t.width,
       height: t.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        r && /* @__PURE__ */ o(B, { position: "absolute", children: r }),
-        /* @__PURE__ */ o(B, { position: "absolute", children: /* @__PURE__ */ N(
+        r && /* @__PURE__ */ o(L, { position: "absolute", children: r }),
+        /* @__PURE__ */ o(L, { position: "absolute", children: /* @__PURE__ */ _(
           ke,
           {
             color: e ? t.WeekNumber.clickableTextColor : t.WeekNumber.textColor,
@@ -467,7 +467,7 @@ const Xt = (e, t, n, r) => {
     }
   );
   return /* @__PURE__ */ o(
-    B,
+    L,
     {
       background: s || t.WeekNumber.backgroundColor,
       position: "relative",
@@ -482,7 +482,7 @@ const Xt = (e, t, n, r) => {
       ) : c
     }
   );
-}, $r = (e, t, n) => t && Be(e, t) ? F(e, t) : n && X(e, n) ? F(e, n) : !0, Wr = function({
+}, Wr = (e, t, n) => t && Be(e, t) ? F(e, t) : n && X(e, n) ? F(e, n) : !0, $r = function({
   dayComponent: t,
   minDate: n,
   maxDate: r,
@@ -491,14 +491,14 @@ const Xt = (e, t, n, r) => {
   ...c
 }) {
   const i = I(
-    () => $r(a.date, n, r) ? s : Sn(s, ["disabled"]),
+    () => Wr(a.date, n, r) ? s : kn(s, ["disabled"]),
     [a.date, s, r, n]
   );
   return /* @__PURE__ */ o(t, { day: a, ...c, dayState: i });
 };
 function Ur({
   month: e,
-  dayComponent: t = Mn,
+  dayComponent: t = Sn,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
@@ -506,84 +506,84 @@ function Ur({
   onClickDay: c,
   onClickWeek: i,
   onClickWeekDay: l,
-  onClickMonth: d,
-  renderWeekNumber: u,
+  onClickMonth: f,
+  renderWeekNumber: d,
   renderWeekDay: h,
-  headerRightContent: g,
-  theme: f = Se,
-  extraDayContent: D,
-  defaultHighlights: b,
-  showWeekNumber: C
+  headerRightContent: u,
+  theme: g = Se,
+  extraDayContent: p,
+  defaultHighlights: D,
+  showWeekNumber: b
 }) {
-  return /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ N(B, { alignItems: "stretch", children: [
-    /* @__PURE__ */ N(
-      U,
+  return /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
+    /* @__PURE__ */ _(
+      V,
       {
-        justifyContent: g ? "space-between" : "center",
+        justifyContent: u ? "space-between" : "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(U, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            ne,
+          /* @__PURE__ */ o(V, { justifyContent: "center", alignItems: "center", children: f ? /* @__PURE__ */ o(
+            re,
             {
-              onClick: () => d(e),
+              onClick: () => f(e),
               label: e.name + " " + String(e.year),
               rightIcon: Tt
             }
-          ) : /* @__PURE__ */ N(ke, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ _(ke, { whiteSpace: "nowrap", children: [
             e.name,
             " ",
             e.year
           ] }) }),
-          g && /* @__PURE__ */ o(B, { alignItems: "center", children: g })
+          u && /* @__PURE__ */ o(L, { alignItems: "center", children: u })
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ N("tbody", { children: [
-      /* @__PURE__ */ N("tr", { children: [
-        C && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(B, { width: f.width, height: f.height }) }),
-        e.weeks[0].days.map((v) => /* @__PURE__ */ o("td", { children: h ? h(v.name, f, l) : /* @__PURE__ */ o(
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ _("tbody", { children: [
+      /* @__PURE__ */ _("tr", { children: [
+        b && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(L, { width: g.width, height: g.height }) }),
+        e.weeks[0].days.map((k) => /* @__PURE__ */ o("td", { children: h ? h(k.name, g, l) : /* @__PURE__ */ o(
           Yr,
           {
-            day: v,
+            day: k,
             onClickWeekDay: l,
-            theme: f
+            theme: g
           }
-        ) }, v.name))
+        ) }, k.name))
       ] }),
-      e.weeks.map((v) => /* @__PURE__ */ N("tr", { children: [
-        C && /* @__PURE__ */ o("td", { children: u ? u(v, f, i) : /* @__PURE__ */ o(
+      e.weeks.map((k) => /* @__PURE__ */ _("tr", { children: [
+        b && /* @__PURE__ */ o("td", { children: d ? d(k, g, i) : /* @__PURE__ */ o(
           Or,
           {
-            week: v,
+            week: k,
             onClickWeek: i,
-            theme: f
+            theme: g
           }
         ) }),
-        v.days.map((p) => /* @__PURE__ */ o(
-          Wr,
+        k.days.map((w) => /* @__PURE__ */ o(
+          $r,
           {
             dayComponent: t,
-            day: p,
-            week: v,
+            day: w,
+            week: k,
             month: e,
-            dayState: n && n[v.weekNumber] && n[v.weekNumber][p.dayOfMonth],
-            userData: r && r[v.weekNumber] && r[v.weekNumber][p.dayOfMonth],
+            dayState: n && n[k.weekNumber] && n[k.weekNumber][w.dayOfMonth],
+            userData: r && r[k.weekNumber] && r[k.weekNumber][w.dayOfMonth],
             onClickDay: c,
-            theme: f,
-            extraDayContent: D,
-            defaultHighlights: b,
+            theme: g,
+            extraDayContent: p,
+            defaultHighlights: D,
             minDate: s,
             maxDate: a
           },
-          p.dateString
+          w.dateString
         ))
-      ] }, v.weekNumber))
+      ] }, k.weekNumber))
     ] }) })
   ] }) });
 }
 function jr({
   monthRows: e,
-  dayComponent: t = Mn,
+  dayComponent: t = Sn,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
@@ -591,19 +591,19 @@ function jr({
   onClickDay: c,
   onClickWeekDay: i,
   onClickWeek: l,
-  onClickMonth: d,
-  renderWeekDay: u,
+  onClickMonth: f,
+  renderWeekDay: d,
   renderWeekNumber: h,
-  headerRightContent: g,
-  extraDayContent: f,
-  defaultHighlights: D,
-  showWeekNumber: b,
-  theme: C = Se
+  headerRightContent: u,
+  extraDayContent: g,
+  defaultHighlights: p,
+  showWeekNumber: D,
+  theme: b = Se
 }) {
-  const v = I(
+  const k = I(
     () => s ? Ce(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), p = I(
+  ), w = I(
     () => a ? Ce(a, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [a]
   );
@@ -612,9 +612,9 @@ function jr({
     {
       className: oe(
         en.calendar,
-        b && en.weekNumberVisible
+        D && en.weekNumberVisible
       ),
-      children: e.map((w, m) => /* @__PURE__ */ o(Un, { children: /* @__PURE__ */ o(U, { gap: 2, children: w.map((S) => /* @__PURE__ */ o(
+      children: e.map((m, v) => /* @__PURE__ */ o(Un, { children: /* @__PURE__ */ o(V, { gap: 2, children: m.map((S) => /* @__PURE__ */ o(
         Ur,
         {
           month: S,
@@ -624,30 +624,30 @@ function jr({
           onClickDay: c,
           onClickWeekDay: i,
           onClickWeek: l,
-          onClickMonth: d,
-          theme: C,
+          onClickMonth: f,
+          theme: b,
           renderWeekNumber: h,
-          renderWeekDay: u,
-          headerRightContent: g,
-          extraDayContent: f,
-          defaultHighlights: D,
-          minDate: v,
-          maxDate: p,
-          showWeekNumber: b ?? !1
+          renderWeekDay: d,
+          headerRightContent: u,
+          extraDayContent: g,
+          defaultHighlights: p,
+          minDate: k,
+          maxDate: w,
+          showWeekNumber: D ?? !1
         },
         S.name
-      )) }) }, m))
+      )) }) }, v))
     }
   );
 }
-function yt(e) {
+function wt(e) {
   const t = Vr(e.year, e.month, e.date), { year: n, month: r } = Br(
     t.year,
     t.month
   ), s = zr(
     n,
     r,
-    e.locale ?? tt,
+    e.locale ?? et,
     e.numMonths,
     e.monthsPerRow
   ), a = Tr(
@@ -681,11 +681,11 @@ const Vr = (e, t, n) => {
     month: ve(r),
     year: Ye(r)
   };
-}, zr = (e, t, n, r, s) => r == null ? [[it(e, t, n)]] : s == null ? [Xt(e, t, r, n)] : Cn(Xt(e, t, r, n), s), Tn = (e, t) => `${e.row}-${e.column}-${t}`, Kr = (e, t, n, r) => {
+}, zr = (e, t, n, r, s) => r == null ? [[it(e, t, n)]] : s == null ? [Xt(e, t, r, n)] : vn(Xt(e, t, r, n), s), Mn = (e, t) => `${e.row}-${e.column}-${t}`, Kr = (e, t, n, r) => {
   let s = t;
   for (let a = 0; a < r; a++) {
     s = qr(s, e, r);
-    const c = Tn(s, n);
+    const c = Mn(s, n);
     if (document.getElementById(c))
       return c;
   }
@@ -696,9 +696,9 @@ const Vr = (e, t, n) => {
     row: r
   };
 }, Re = {
-  en: tt,
+  en: et,
   "en-US": mr,
-  "en-GB": tt,
+  "en-GB": et,
   "en-IE": gr,
   "de-AT": hr,
   "nl-BE": fr,
@@ -712,8 +712,8 @@ const Vr = (e, t, n) => {
   "it-IT": Vt,
   "et-EE": jt,
   "fi-FI": Ut,
-  "cs-CZ": Wt,
-  "es-ES": $t,
+  "cs-CZ": $t,
+  "es-ES": Wt,
   "fr-FR": Ot,
   "pl-PL": Ht,
   nl: Zt,
@@ -726,11 +726,11 @@ const Vr = (e, t, n) => {
   it: Vt,
   et: jt,
   fi: Ut,
-  cs: Wt,
-  es: $t,
+  cs: $t,
+  es: Wt,
   fr: Ot,
   pl: Ht
-}, In = "en-GB", Qa = "sv", Rn = (e, t, n) => {
+}, Tn = "en-GB", Qa = "sv", In = (e, t, n) => {
   if (Re[e])
     return e;
   if (t) {
@@ -762,50 +762,50 @@ const Vr = (e, t, n) => {
   const l = I(
     () => _e(r) ?? _e("en-GB"),
     [r]
-  ), d = I(
-    () => ct(J(e, "LLL", { locale: l })),
+  ), f = I(
+    () => ct(Q(e, "LLL", { locale: l })),
     [l, e]
-  ), u = I(
-    () => J(e, "LLLL", { locale: l }),
+  ), d = I(
+    () => Q(e, "LLLL", { locale: l }),
     [l, e]
-  ), h = O(null), g = Tn(c, a), f = n ? 0 : -1;
-  te(() => {
+  ), h = O(null), u = Mn(c, a), g = n ? 0 : -1;
+  ne(() => {
     h.current?.focus();
   }, []);
-  const D = y(
-    (b) => {
-      const C = Kr(
-        b.key,
+  const p = y(
+    (D) => {
+      const b = Kr(
+        D.key,
         c,
         a,
         4
       );
-      C && document.getElementById(C)?.focus();
+      b && document.getElementById(b)?.focus();
     },
     [a, c]
   );
-  return /* @__PURE__ */ o(U, { justifyContent: "center", onKeyDown: D, children: n ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(V, { justifyContent: "center", onKeyDown: p, children: n ? /* @__PURE__ */ o(
     Ne,
     {
-      id: g,
-      "aria-label": u,
-      label: d,
+      id: u,
+      "aria-label": d,
+      label: f,
       onClick: t,
       "aria-selected": !0,
       autoFocus: s,
       ref: h,
       size: i === "large" ? "large" : "medium",
-      tabIndex: f
+      tabIndex: g
     }
   ) : /* @__PURE__ */ o(
-    ne,
+    re,
     {
-      id: g,
-      label: d,
-      "aria-label": u,
+      id: u,
+      label: f,
+      "aria-label": d,
       onClick: t,
       size: i === "large" ? "large" : "medium",
-      tabIndex: f
+      tabIndex: g
     }
   ) });
 }, Zr = (e, t, n) => {
@@ -843,39 +843,39 @@ const Vr = (e, t, n) => {
   onCancel: a,
   size: c = "medium"
 }) => {
-  const i = Nt(), l = xe(), d = s > 0 ? s : 12, [u, h] = R(!1), g = Zr(n, d, es(c)), f = I(() => Ue(n, d), [d, n]);
-  te(() => {
+  const i = Nt(), l = xe(), f = s > 0 ? s : 12, [d, h] = R(!1), u = Zr(n, f, es(c)), g = I(() => Ue(n, f), [f, n]);
+  ne(() => {
     h(!0);
   }, []);
-  const D = y(
-    (b) => {
-      b.key === "Escape" && (a?.(), b.preventDefault(), b.stopPropagation());
+  const p = y(
+    (D) => {
+      D.key === "Escape" && (a?.(), D.preventDefault(), D.stopPropagation());
     },
     [a]
   );
-  return /* @__PURE__ */ o(Z, { gap: 1, maxWidth: Xr(c), onKeyDown: D, children: g.yearOrder.map((b, C) => {
-    const { rows: v } = g.years[b];
-    return /* @__PURE__ */ N(xt.Fragment, { children: [
-      (C !== 0 || b !== l.getFullYear()) && /* @__PURE__ */ o($e, { variant: "h4", children: b }),
-      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: v.map((p) => {
-        const { columns: w } = g.rows[p];
-        return /* @__PURE__ */ o("tr", { children: w.map(({ month: m, position: S }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Z, { gap: 1, maxWidth: Xr(c), onKeyDown: p, children: u.yearOrder.map((D, b) => {
+    const { rows: k } = u.years[D];
+    return /* @__PURE__ */ _(xt.Fragment, { children: [
+      (b !== 0 || D !== l.getFullYear()) && /* @__PURE__ */ o(We, { variant: "h4", children: D }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: k.map((w) => {
+        const { columns: m } = u.rows[w];
+        return /* @__PURE__ */ o("tr", { children: m.map(({ month: v, position: S }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
           Qr,
           {
-            month: m,
+            month: v,
             firstAvailableMonth: n,
-            lastAvailableMonth: f,
+            lastAvailableMonth: g,
             localeCode: r,
-            selected: e ? De(e, m) : !1,
-            autoFocus: u,
-            onClick: () => t?.(m),
+            selected: e ? ue(e, v) : !1,
+            autoFocus: d,
+            onClick: () => t?.(v),
             monthPickerId: i,
             position: S,
             size: c
           }
-        ) }, m.getMonth())) }, p);
+        ) }, v.getMonth())) }, w);
       }) }) })
-    ] }, b);
+    ] }, D);
   }) });
 }, Xr = (e) => {
   switch (e) {
@@ -924,16 +924,16 @@ const Vr = (e, t, n) => {
   onClickPreset: e
 }) => {
   const [t, n] = R(0), r = I(() => ts(/* @__PURE__ */ new Date()), []), s = r[t] ?? r[0];
-  return /* @__PURE__ */ N(Z, { children: [
-    /* @__PURE__ */ N(
-      U,
+  return /* @__PURE__ */ _(Z, { children: [
+    /* @__PURE__ */ _(
+      V,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
           /* @__PURE__ */ o(
-            ne,
+            re,
             {
               size: "small",
               leftIcon: zn,
@@ -943,7 +943,7 @@ const Vr = (e, t, n) => {
           ),
           /* @__PURE__ */ o(ke, { children: s.label }),
           /* @__PURE__ */ o(
-            ne,
+            re,
             {
               size: "small",
               leftIcon: Kn,
@@ -955,7 +955,7 @@ const Vr = (e, t, n) => {
       }
     ),
     /* @__PURE__ */ o(Ie, {}),
-    /* @__PURE__ */ o(Z, { alignItems: "center", children: s.presets.map((a) => /* @__PURE__ */ N(xt.Fragment, { children: [
+    /* @__PURE__ */ o(Z, { alignItems: "center", children: s.presets.map((a) => /* @__PURE__ */ _(xt.Fragment, { children: [
       /* @__PURE__ */ o(
         Ne,
         {
@@ -975,34 +975,34 @@ const Vr = (e, t, n) => {
   renderMonthPicker: c,
   firstMonthInMonthPicker: i,
   numMonthsInMonthPicker: l,
-  ...d
+  ...f
 }) {
-  const u = I(
+  const d = I(
     () => t == null ? "en-GB" : Jr(t) ?? "en-GB",
     [t]
-  ), h = xe(), g = y(
-    (D) => {
-      r && r(D), a("calendar");
+  ), h = xe(), u = y(
+    (p) => {
+      r && r(p), a("calendar");
     },
     [r, a]
-  ), f = y(() => {
+  ), g = y(() => {
     a("month");
   }, [a]);
   switch (s) {
     case "calendar":
       return /* @__PURE__ */ o(
-        yt,
+        wt,
         {
-          ...d,
+          ...f,
           date: n,
-          onClickMonth: f,
+          onClickMonth: g,
           locale: t
         }
       );
     case "month":
       return c ? c({
         value: n,
-        onValueChange: g,
+        onValueChange: u,
         locale: t,
         firstMonth: i ?? h,
         numMonths: l ?? 24,
@@ -1011,8 +1011,8 @@ const Vr = (e, t, n) => {
         Ve,
         {
           value: n,
-          onValueChange: g,
-          localeCode: u,
+          onValueChange: u,
+          localeCode: d,
           firstMonth: i ?? h,
           numMonths: l ?? 24
         }
@@ -1021,7 +1021,7 @@ const Vr = (e, t, n) => {
       return /* @__PURE__ */ o(ns, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+      return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
         Ne,
         {
           label: "Show calendar",
@@ -1055,13 +1055,13 @@ const Vr = (e, t, n) => {
   nextMonth: n,
   prevYear: r,
   nextYear: s
-}) => /* @__PURE__ */ N("div", { children: [
+}) => /* @__PURE__ */ _("div", { children: [
   e,
-  /* @__PURE__ */ o(Pe, { children: /* @__PURE__ */ N(U, { gap: 1, children: [
+  /* @__PURE__ */ o(Pe, { children: /* @__PURE__ */ _(V, { gap: 1, children: [
     /* @__PURE__ */ o(ge, { onClick: r, leftIcon: qn }),
-    /* @__PURE__ */ o(ge, { onClick: t, leftIcon: st }),
+    /* @__PURE__ */ o(ge, { onClick: t, leftIcon: rt }),
     /* @__PURE__ */ o(Pe, { num: 2 }),
-    /* @__PURE__ */ o(ge, { onClick: n, leftIcon: We }),
+    /* @__PURE__ */ o(ge, { onClick: n, leftIcon: $e }),
     /* @__PURE__ */ o(ge, { onClick: s, leftIcon: Gn })
   ] }) }),
   /* @__PURE__ */ o(Ie, {})
@@ -1077,18 +1077,18 @@ function Me({
   onSelectPreset: c = os,
   renderMonthPicker: i,
   firstMonthInMonthPicker: l,
-  numMonthsInMonthPicker: d,
-  ...u
+  numMonthsInMonthPicker: f,
+  ...d
 }) {
-  const { nextMonth: h, prevMonth: g, nextYear: f, prevYear: D } = ss(
+  const { nextMonth: h, prevMonth: u, nextYear: g, prevYear: p } = ss(
     n,
     r,
-    u.monthsPerRow,
-    u.numMonths
+    d.monthsPerRow,
+    d.numMonths
   );
   switch (cs(
     e,
-    u.numMonths
+    d.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ o(
@@ -1096,17 +1096,17 @@ function Me({
         {
           theme: t,
           nextMonth: h,
-          prevMonth: g,
-          nextYear: f,
-          prevYear: D,
-          children: /* @__PURE__ */ o(yt, { ...u, theme: t, date: n })
+          prevMonth: u,
+          nextYear: g,
+          prevYear: p,
+          children: /* @__PURE__ */ o(wt, { ...d, theme: t, date: n })
         }
       );
     case "header":
       return /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(
         rs,
         {
-          ...u,
+          ...d,
           theme: t,
           renderMonthPicker: i,
           dateInFocus: n,
@@ -1115,32 +1115,32 @@ function Me({
           setCurrentPanel: a,
           onSelectPreset: c,
           firstMonthInMonthPicker: l,
-          numMonthsInMonthPicker: d,
-          headerRightContent: /* @__PURE__ */ N(U, { alignItems: "center", gap: 1, children: [
+          numMonthsInMonthPicker: f,
+          headerRightContent: /* @__PURE__ */ _(V, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
               ge,
               {
-                onClick: g,
-                leftIcon: st
+                onClick: u,
+                leftIcon: rt
               }
             ),
             /* @__PURE__ */ o(
               ge,
               {
                 onClick: h,
-                leftIcon: We
+                leftIcon: $e
               }
             )
           ] })
         }
       ) });
     default:
-      return /* @__PURE__ */ o(yt, { ...u, theme: t, date: n });
+      return /* @__PURE__ */ o(wt, { ...d, theme: t, date: n });
   }
 }
 const cs = (e, t) => e || (t || 1) > 1 ? "below" : "header", is = (e) => ({
-  startDate: e.startDate ? J(e.startDate, "yyyy-MM-dd") : void 0,
-  endDate: e.endDate ? J(e.endDate, "yyyy-MM-dd") : void 0
+  startDate: e.startDate ? Q(e.startDate, "yyyy-MM-dd") : void 0,
+  endDate: e.endDate ? Q(e.endDate, "yyyy-MM-dd") : void 0
 }), ls = ({
   startDate: e,
   endDate: t
@@ -1150,21 +1150,21 @@ const cs = (e, t) => e || (t || 1) > 1 ? "below" : "header", is = (e) => ({
     startDate: e ? Ce(e, "yyyy-MM-dd", n) : void 0,
     endDate: t ? Ce(t, "yyyy-MM-dd", n) : void 0
   };
-}, _n = ({
+}, Rn = ({
   startDate: e,
   endDate: t
-}) => !!(e && t && !F(e, t) && X(e, t)), xn = (e) => _n(e) ? {
+}) => !!(e && t && !F(e, t) && X(e, t)), _n = (e) => Rn(e) ? {
   startDate: e.endDate,
   endDate: e.startDate
 } : e, Xa = (e) => e.startDate && e.endDate ? is(
-  xn(ls(e))
+  _n(ls(e))
 ) : e, ds = (e, t, n, r) => y(
   (s) => {
     const a = {
       startDate: n === "startDate" ? s.date : e?.startDate,
       endDate: n === "endDate" ? s.date : e?.endDate
     };
-    _n(a) || r(n === "startDate" ? "endDate" : "startDate"), t?.(xn(a));
+    Rn(a) || r(n === "startDate" ? "endDate" : "startDate"), t?.(_n(a));
   },
   [
     n,
@@ -1193,14 +1193,14 @@ const cs = (e, t) => e || (t || 1) > 1 ? "below" : "header", is = (e) => ({
   onChangePanel: a,
   initialDateInFocus: c
 }) => {
-  const { currentPanel: i, setCurrentPanel: l } = lt(a), [d, u] = R(
+  const { currentPanel: i, setCurrentPanel: l } = lt(a), [f, d] = R(
     () => c ?? /* @__PURE__ */ new Date()
   ), h = ds(
     t,
     n,
     e,
     r
-  ), g = I(
+  ), u = I(
     () => He(
       s,
       t?.startDate,
@@ -1210,11 +1210,11 @@ const cs = (e, t) => e || (t || 1) > 1 ? "below" : "header", is = (e) => ({
   );
   return {
     onClickDay: h,
-    statePerMonth: g,
+    statePerMonth: u,
     currentPanel: i,
     setCurrentPanel: l,
-    setDateInFocus: u,
-    dateInFocus: d
+    setDateInFocus: d,
+    dateInFocus: f
   };
 };
 function eo(e) {
@@ -1238,11 +1238,11 @@ const to = () => {
   onChangePanel: r
 }) => {
   const { currentPanel: s, setCurrentPanel: a } = lt(r), [c, i] = R(() => t ?? /* @__PURE__ */ new Date()), l = y(
-    (u) => {
-      e && e(u.date);
+    (d) => {
+      e && e(d.date);
     },
     [e]
-  ), d = I(
+  ), f = I(
     () => t ? pe(n, t, [
       "selected",
       "singleSelected"
@@ -1251,7 +1251,7 @@ const to = () => {
   );
   return {
     onClickDay: l,
-    statePerMonth: d,
+    statePerMonth: f,
     date: t,
     currentPanel: s,
     setCurrentPanel: a,
@@ -1259,7 +1259,7 @@ const to = () => {
     setDateInFocus: i
   };
 };
-function Nn(e) {
+function xn(e) {
   const t = fs(e);
   return /* @__PURE__ */ o(Me, { ...e, ...t });
 }
@@ -1272,21 +1272,21 @@ const hs = ({
 }) => {
   const { currentPanel: a, setCurrentPanel: c } = lt(r), [i, l] = R(
     s ?? /* @__PURE__ */ new Date()
-  ), d = y(
+  ), f = y(
     (h) => {
       if (!e)
         return;
-      const g = t && t.find((f) => F(f, h.date));
-      e(t && g ? t.filter((f) => !F(f, h.date)) : [...t || [], h.date]);
+      const u = t && t.find((g) => F(g, h.date));
+      e(t && u ? t.filter((g) => !F(g, h.date)) : [...t || [], h.date]);
     },
     [e, t]
-  ), u = I(() => t ? t.reduce(
-    (h, g) => pe(h, g, ["selected"]),
+  ), d = I(() => t ? t.reduce(
+    (h, u) => pe(h, u, ["selected"]),
     n
   ) : n, [n, t]);
   return {
-    onClickDay: d,
-    statePerMonth: u,
+    onClickDay: f,
+    statePerMonth: d,
     currentPanel: a,
     setCurrentPanel: c,
     dateInFocus: i,
@@ -1302,35 +1302,35 @@ const gs = ({
   value: t,
   statePerMonth: n,
   onChangePanel: r,
-  locale: s = tt
+  locale: s = et
 }) => {
   const [a, c] = R(() => {
-    const f = mt(t, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: i, setCurrentPanel: l } = lt(r), d = y(
-    (f) => {
-      e && e(tn(Et(f.date, s)));
+    const g = mt(t, s);
+    return g ? g.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: i, setCurrentPanel: l } = lt(r), f = y(
+    (g) => {
+      e && e(tn(Et(g.date, s)));
     },
     [s, e]
-  ), u = y(
-    (f) => {
-      e && e(tn(f));
+  ), d = y(
+    (g) => {
+      e && e(tn(g));
     },
     [e]
   ), h = I(() => {
-    const f = mt(t, s);
-    return f ? Mr(n, f) : n;
-  }, [t, s, n]), g = I(() => {
-    const f = mt(t, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
+    const g = mt(t, s);
+    return g ? Mr(n, g) : n;
+  }, [t, s, n]), u = I(() => {
+    const g = mt(t, s);
+    return g ? g.days[0].date : /* @__PURE__ */ new Date();
   }, [s, t]);
   return {
     statePerMonth: h,
-    date: g,
+    date: u,
     dateInFocus: a,
     setDateInFocus: c,
-    onClickDay: d,
-    onClickWeek: u,
+    onClickDay: f,
+    onClickWeek: d,
     currentPanel: i,
     setCurrentPanel: l
   };
@@ -1342,7 +1342,7 @@ const gs = ({
     return;
   const n = e.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), a = /* @__PURE__ */ new Date();
   a.setFullYear(s);
-  const c = et(ir(a, r), { locale: t });
+  const c = Xe(ir(a, r), { locale: t });
   return Et(c, t);
 };
 function ro(e) {
@@ -1365,7 +1365,7 @@ const ze = "bottom", ms = (e, t, n) => {
     onSelectDate: i
   };
 }, Ke = "2999-12-31", so = ({
-  displayFormat: e = ue.fullDate,
+  displayFormat: e = fe.fullDate,
   placeholder: t = "Enter date",
   value: n,
   calendarTheme: r = Se,
@@ -1374,87 +1374,87 @@ const ze = "bottom", ms = (e, t, n) => {
   onClose: c,
   onChange: i,
   variant: l,
-  width: d,
-  minDate: u,
+  width: f,
+  minDate: d,
   maxDate: h = Ke,
-  disabled: g,
-  portalTarget: f,
-  zIndex: D
+  disabled: u,
+  portalTarget: g,
+  zIndex: p
 }) => {
-  const { hideCalendar: b, showingCalendar: C, onSelectDate: v, showCalendar: p } = ms(i, c, a);
-  return /* @__PURE__ */ o(B, { width: d, children: /* @__PURE__ */ o(
+  const { hideCalendar: D, showingCalendar: b, onSelectDate: k, showCalendar: w } = ms(i, c, a);
+  return /* @__PURE__ */ o(L, { width: f, children: /* @__PURE__ */ o(
     je,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      open: C,
-      onRequestClose: b,
-      appendTo: f,
-      zIndex: D,
-      renderTrigger: (w) => /* @__PURE__ */ o(B, { ...w, children: /* @__PURE__ */ o(
-        be,
+      open: b,
+      onRequestClose: D,
+      appendTo: g,
+      zIndex: p,
+      renderTrigger: (m) => /* @__PURE__ */ o(L, { ...m, children: /* @__PURE__ */ o(
+        De,
         {
           type: "date",
-          onFocus: p,
-          buttonRight: /* @__PURE__ */ o(Jn, { onClick: p, icon: Fe }),
-          value: n ? J(n, e) : "",
+          onFocus: w,
+          buttonRight: /* @__PURE__ */ o(Jn, { onClick: w, icon: Fe }),
+          value: n ? Q(n, e) : "",
           placeholder: t,
           size: 9,
-          disabled: g,
+          disabled: u,
           autoFocus: a,
           variant: l,
-          min: u,
+          min: d,
           max: h
         }
       ) }),
       placement: ze,
       children: /* @__PURE__ */ o(
-        Nn,
+        xn,
         {
           ...s,
-          onChange: v,
+          onChange: k,
           value: n,
           theme: r,
-          minDate: u,
+          minDate: d,
           maxDate: h
         }
       )
     }
   ) });
 }, ps = (e, t) => {
-  const n = O(null), r = O(null), [s, a] = R(!1), [c, i] = R(void 0), l = y(() => (i("startDate"), a(!0), !0), [i, a]), d = y(() => (i("endDate"), a(!0), !0), [i, a]), u = y(() => {
+  const n = O(null), r = O(null), [s, a] = R(!1), [c, i] = R(void 0), l = y(() => (i("startDate"), a(!0), !0), [i, a]), f = y(() => (i("endDate"), a(!0), !0), [i, a]), d = y(() => {
     a(!1);
   }, [a]), h = y(
-    (f) => {
+    (g) => {
       c === "startDate" ? (t?.({
-        startDate: f.date,
+        startDate: g.date,
         endDate: e?.endDate
-      }), e?.endDate ? setTimeout(u, 150) : (i("endDate"), r.current?.focus())) : c === "endDate" && (t?.({
+      }), e?.endDate ? setTimeout(d, 150) : (i("endDate"), r.current?.focus())) : c === "endDate" && (t?.({
         startDate: e?.startDate,
-        endDate: f.date
-      }), e?.startDate ? setTimeout(u, 150) : (i("startDate"), n.current?.focus()));
+        endDate: g.date
+      }), e?.startDate ? setTimeout(d, 150) : (i("startDate"), n.current?.focus()));
     },
-    [c, t, i, u, e]
-  ), g = I(
+    [c, t, i, d, e]
+  ), u = I(
     () => e?.startDate && e?.endDate && X(e.startDate, e.endDate),
     [e?.startDate, e?.endDate]
   );
   return {
     showingCalendar: s,
-    hideCalendar: u,
-    showCalendarEndDate: d,
+    hideCalendar: d,
+    showCalendarEndDate: f,
     showCalendarStartDate: l,
     focusedInput: c,
     setFocusedInput: i,
     startDateInputRef: n,
     endDateInputRef: r,
     onClickDay: h,
-    startDateIsAfterEnd: g
+    startDateIsAfterEnd: u
   };
 };
 function ao({
-  displayFormat: e = ue.fullDate,
+  displayFormat: e = fe.fullDate,
   placeholderStartDate: t = "Start date",
   placeholderEndDate: n = "End date",
   value: r,
@@ -1463,24 +1463,24 @@ function ao({
   calendarTheme: c = Se,
   calendarProps: i,
   minDate: l,
-  maxDate: d = Ke,
-  disabled: u,
+  maxDate: f = Ke,
+  disabled: d,
   portalTarget: h,
-  zIndex: g
+  zIndex: u
 }) {
-  const [f, D] = R("calendar"), {
-    hideCalendar: b,
-    showCalendarEndDate: C,
-    showCalendarStartDate: v,
-    showingCalendar: p,
-    focusedInput: w,
-    startDateInputRef: m,
+  const [g, p] = R("calendar"), {
+    hideCalendar: D,
+    showCalendarEndDate: b,
+    showCalendarStartDate: k,
+    showingCalendar: w,
+    focusedInput: m,
+    startDateInputRef: v,
     endDateInputRef: S,
-    onClickDay: k,
-    startDateIsAfterEnd: M
-  } = ps(r, s), [x, E] = R(
-    () => (w && r?.[w]) ?? /* @__PURE__ */ new Date()
-  ), T = I(
+    onClickDay: C,
+    startDateIsAfterEnd: T
+  } = ps(r, s), [M, N] = R(
+    () => (m && r?.[m]) ?? /* @__PURE__ */ new Date()
+  ), x = I(
     () => He(void 0, r?.startDate, r?.endDate),
     [r]
   );
@@ -1491,20 +1491,20 @@ function ao({
       restoreFocus: !1,
       returnFocus: !1,
       appendTo: h,
-      zIndex: g,
-      renderTrigger: (P) => /* @__PURE__ */ N(U, { alignItems: "center", ...P, children: [
+      zIndex: u,
+      renderTrigger: (B) => /* @__PURE__ */ _(V, { alignItems: "center", ...B, children: [
         /* @__PURE__ */ o(
-          be,
+          De,
           {
             iconLeft: Fe,
-            onFocus: v,
-            value: r?.startDate ? J(r.startDate, e) : "",
+            onFocus: k,
+            value: r?.startDate ? Q(r.startDate, e) : "",
             placeholder: t,
             width: a,
-            disabled: u,
-            inputRef: m,
+            disabled: d,
+            inputRef: v,
             size: 9,
-            variant: M ? "error" : void 0
+            variant: T ? "error" : void 0
           }
         ),
         /* @__PURE__ */ o(Ie, {}),
@@ -1518,36 +1518,36 @@ function ao({
         ),
         /* @__PURE__ */ o(Ie, {}),
         /* @__PURE__ */ o(
-          be,
+          De,
           {
             iconLeft: Fe,
-            onFocus: C,
-            value: r?.endDate ? J(r.endDate, e) : "",
+            onFocus: b,
+            value: r?.endDate ? Q(r.endDate, e) : "",
             placeholder: n,
             width: a,
-            disabled: u,
+            disabled: d,
             inputRef: S,
             size: 9,
-            variant: M ? "error" : void 0
+            variant: T ? "error" : void 0
           }
         )
       ] }),
-      open: p,
+      open: w,
       placement: ze,
-      onRequestClose: b,
+      onRequestClose: D,
       children: /* @__PURE__ */ o(
         Me,
         {
           ...i,
-          dateInFocus: x,
-          setDateInFocus: E,
-          statePerMonth: T,
+          dateInFocus: M,
+          setDateInFocus: N,
+          statePerMonth: x,
           theme: c,
-          onClickDay: k,
-          currentPanel: f,
-          setCurrentPanel: D,
+          onClickDay: C,
+          currentPanel: g,
+          setCurrentPanel: p,
           minDate: l,
-          maxDate: d
+          maxDate: f
         }
       )
     }
@@ -1556,90 +1556,90 @@ function ao({
 const oo = ({
   calendarProps: e,
   closeOnCalendarSelectDate: t = !0,
-  dateFormat: n = ue.fullDate,
+  dateFormat: n = fe.fullDate,
   disableCalender: r = !1,
   onValueChange: s,
   placeholder: a = "yyyy-mm-dd",
   value: c,
   width: i = "130px",
   calendarTheme: l = Se,
-  hideCalenderIcon: d = !1,
-  minDate: u,
+  hideCalenderIcon: f = !1,
+  minDate: d,
   maxDate: h = Ke,
-  variant: g,
-  portalTarget: f,
-  zIndex: D,
-  ...b
+  variant: u,
+  portalTarget: g,
+  zIndex: p,
+  ...D
 }) => {
-  const [C, v] = R(!1), p = y(() => {
-    v(!C);
-  }, [v, C]), w = y(() => {
-    v(!1);
-  }, [v]), m = y(
-    (T) => {
-      s && s(T);
+  const [b, k] = R(!1), w = y(() => {
+    k(!b);
+  }, [k, b]), m = y(() => {
+    k(!1);
+  }, [k]), v = y(
+    (x) => {
+      s && s(x);
     },
     [s]
   ), S = y(
-    (T) => {
-      T && (m(J(T, n)), t && setTimeout(() => v(!C), 200));
+    (x) => {
+      x && (v(Q(x, n)), t && setTimeout(() => k(!b), 200));
     },
     [
-      m,
+      v,
       n,
       t,
-      v,
-      C
+      k,
+      b
     ]
-  ), k = !!c && !/^[-/\\.0-9]+$/.test(c), M = !!c && lr(Ce(c, n, /* @__PURE__ */ new Date())), E = !!c && c.length >= n.length && !M || k;
-  return /* @__PURE__ */ o(B, { width: i, children: /* @__PURE__ */ o(
+  ), C = !!c && !/^[-/\\.0-9]+$/.test(c), T = !!c && lr(Ce(c, n, /* @__PURE__ */ new Date())), N = !!c && c.length >= n.length && !T || C;
+  return /* @__PURE__ */ o(L, { width: i, children: /* @__PURE__ */ o(
     je,
     {
-      appendTo: f,
-      zIndex: D,
-      renderTrigger: ({ ref: T, ...P }) => /* @__PURE__ */ o(
-        be,
+      appendTo: g,
+      zIndex: p,
+      renderTrigger: ({ ref: x, ...B }) => /* @__PURE__ */ o(
+        De,
         {
-          ...b,
-          variant: E ? "error" : g,
+          ...D,
+          variant: N ? "error" : u,
           disableContentPaddingRight: !0,
-          contentRight: d ? void 0 : /* @__PURE__ */ o(U, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            ne,
+          contentRight: f ? void 0 : /* @__PURE__ */ o(V, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            re,
             {
               size: "small",
-              disabled: b.disabled || r,
+              disabled: D.disabled || r,
               leftIcon: Fe,
-              onClick: p
+              onClick: w
             }
           ) }),
-          onValueChange: m,
+          onValueChange: v,
           placeholder: a,
           value: c || "",
-          min: u,
+          min: d,
           max: h,
           size: 10,
-          inputRef: T,
-          ...P
+          inputRef: x,
+          ...B
         }
       ),
       hideArrow: !0,
-      open: C,
+      open: b,
       placement: ze,
-      onRequestClose: w,
+      onRequestClose: m,
       children: /* @__PURE__ */ o(
-        Nn,
+        xn,
         {
           ...e,
           onChange: S,
-          value: c && M ? Ce(c, n, /* @__PURE__ */ new Date()) : void 0,
-          minDate: u,
+          value: c && T ? Ce(c, n, /* @__PURE__ */ new Date()) : void 0,
+          minDate: d,
           maxDate: h,
           theme: l
         }
       )
     }
   ) });
-}, nt = (e) => {
+}, tt = (e) => {
   if (e === "")
     return "00";
   const t = parseInt(e, 10);
@@ -1655,7 +1655,7 @@ const oo = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, rt = (e) => {
+}, nt = (e) => {
   if (e === "")
     return "00";
   const t = parseInt(e, 10);
@@ -1672,12 +1672,12 @@ const oo = ({
       throw new Error("Invalid minute string");
   }
 }, Ds = (e) => {
-  if (!vt(e))
+  if (!yt(e))
     return { time: e, success: !1 };
   const t = e && e.split(/-|:|,|;|[/]|[.]| /);
   if (t && t.length === 2)
     try {
-      const n = nt(t[0]), r = rt(t[1]);
+      const n = tt(t[0]), r = nt(t[1]);
       return { time: `${n}:${r}`, success: !0 };
     } catch {
       return { time: e, success: !1 };
@@ -1706,7 +1706,7 @@ const oo = ({
     }
   }
   return { time: e, success: !1 };
-}, vt = (e) => e ? /^[-:.,/; 0-9]+$/.test(e) : !0, co = ({
+}, yt = (e) => e ? /^[-:.,/; 0-9]+$/.test(e) : !0, co = ({
   onValueChange: e,
   showPlaceholder: t = !0,
   useIcon: n = !0,
@@ -1715,33 +1715,33 @@ const oo = ({
   variant: a,
   ...c
 }) => {
-  const [i, l] = R(() => vt(r)), d = "hh:mm", u = y(() => {
+  const [i, l] = R(() => yt(r)), f = "hh:mm", d = y(() => {
     if (r) {
-      const g = Ds(r);
-      l(g.success), g.success && e && e(g.time);
+      const u = Ds(r);
+      l(u.success), u.success && e && e(u.time);
     }
   }, [r, e, l]), h = y(
-    (g) => {
-      const f = g.target.value, D = vt(f);
-      l(D && f.length <= d.length), e && e(f);
+    (u) => {
+      const g = u.target.value, p = yt(g);
+      l(p && g.length <= f.length), e && e(g);
     },
     [e, l]
   );
   return /* @__PURE__ */ o(
-    be,
+    De,
     {
       ...c,
       type: "time",
       variant: i ? a : "error",
       iconLeft: n ? fn : void 0,
       value: r,
-      placeholder: t ? d : void 0,
+      placeholder: t ? f : void 0,
       onChange: h,
-      onBlur: u,
+      onBlur: d,
       width: s
     }
   );
-}, Bn = ({
+}, Nn = ({
   autoFocusLeft: e,
   autoFocusRight: t,
   onEsc: n,
@@ -1751,114 +1751,114 @@ const oo = ({
   separatorIcon: c,
   placeholderLeft: i,
   placeholderRight: l,
-  typeLeft: d,
-  typeRight: u,
+  typeLeft: f,
+  typeRight: d,
   onChangeLeft: h,
-  onChangeRight: g,
-  valueLeft: f,
-  valueRight: D,
-  minLeft: b,
-  maxLeft: C,
-  minRight: v,
-  maxRight: p,
-  onClickLeft: w,
-  onClickRight: m,
+  onChangeRight: u,
+  valueLeft: g,
+  valueRight: p,
+  minLeft: D,
+  maxLeft: b,
+  minRight: k,
+  maxRight: w,
+  onClickLeft: m,
+  onClickRight: v,
   onClickCalendar: S,
-  onClickArrowDown: k,
-  onBlurLeft: M,
-  onBlurRight: x,
-  onFocusLeft: E,
-  onFocusRight: T,
-  inputRefLeft: P,
-  inputRefRight: K,
-  variant: $,
-  variantLeft: j,
-  variantRight: Q,
+  onClickArrowDown: C,
+  onBlurLeft: T,
+  onBlurRight: M,
+  onFocusLeft: N,
+  onFocusRight: x,
+  inputRefLeft: B,
+  inputRefRight: $,
+  variant: U,
+  variantLeft: z,
+  variantRight: J,
   onBlur: Y,
-  showPresets: _,
-  widthLeft: V,
-  widthRight: A,
-  disabled: G
+  showPresets: K,
+  widthLeft: E,
+  widthRight: W,
+  disabled: H
 }) => {
-  const L = O(0), H = I(
-    () => Dr((q) => {
-      q === 0 && Y?.();
+  const A = O(0), j = I(
+    () => Dr((G) => {
+      G === 0 && Y?.();
     }, 10),
     [Y]
-  ), W = y(
-    (q) => {
-      L.current++, H(L.current), E && E(q);
+  ), q = y(
+    (G) => {
+      A.current++, j(A.current), N && N(G);
     },
-    [E, L, H]
-  ), z = y(
-    (q) => {
-      L.current++, H(L.current), T && T(q);
+    [N, A, j]
+  ), P = y(
+    (G) => {
+      A.current++, j(A.current), x && x(G);
     },
-    [T, L, H]
-  ), re = y(
-    (q) => {
-      L.current--, H(L.current), M && M(q);
+    [x, A, j]
+  ), ee = y(
+    (G) => {
+      A.current--, j(A.current), T && T(G);
     },
-    [M, L, H]
+    [T, A, j]
   ), ce = y(
-    (q) => {
-      L.current--, H(L.current), x && x(q);
+    (G) => {
+      A.current--, j(A.current), M && M(G);
     },
-    [x, L, H]
+    [M, A, j]
   );
-  return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ N(
+  return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ _(
     yr,
     {
       disableContentPaddingRight: !0,
-      disabled: G,
-      variant: $,
-      contentRight: /* @__PURE__ */ N(U, { alignItems: "center", children: [
+      disabled: H,
+      variant: U,
+      contentRight: /* @__PURE__ */ _(V, { alignItems: "center", children: [
         /* @__PURE__ */ o(Pe, { num: 0.5, children: /* @__PURE__ */ o(
-          ne,
+          re,
           {
             leftIcon: Fe,
             onClick: S,
-            disabled: G,
+            disabled: H,
             size: "small"
           }
         ) }),
-        _ ? /* @__PURE__ */ N(Oe, { children: [
-          /* @__PURE__ */ o(U, { height: "22px", children: /* @__PURE__ */ o(jn, { vertical: !0 }) }),
+        K ? /* @__PURE__ */ _(Oe, { children: [
+          /* @__PURE__ */ o(V, { height: "22px", children: /* @__PURE__ */ o(jn, { vertical: !0 }) }),
           /* @__PURE__ */ o(Pe, { num: 0.5, children: /* @__PURE__ */ o(
-            ne,
+            re,
             {
               leftIcon: Tt,
-              onClick: k,
-              disabled: G,
+              onClick: C,
+              disabled: H,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(B, { width: V, children: /* @__PURE__ */ o(
-          be,
+        /* @__PURE__ */ o(L, { width: E, children: /* @__PURE__ */ o(
+          De,
           {
             onEsc: n,
             onEnter: r,
-            onClick: w,
-            disabled: G,
+            onClick: m,
+            disabled: H,
             hideBorder: !0,
             placeholder: i,
-            value: f,
+            value: g,
             onValueChange: s,
             onChange: h,
-            onBlur: re,
-            onFocus: W,
-            inputRef: P,
-            variant: j,
-            type: d,
+            onBlur: ee,
+            onFocus: q,
+            inputRef: B,
+            variant: z,
+            type: f,
             autoFocus: e,
-            min: b,
-            max: C
+            min: D,
+            max: b
           }
         ) }),
-        /* @__PURE__ */ o(U, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
+        /* @__PURE__ */ o(V, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
           un,
           {
             icon: c,
@@ -1866,26 +1866,26 @@ const oo = ({
             color: Bt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(B, { width: A, children: /* @__PURE__ */ o(
-          be,
+        /* @__PURE__ */ o(L, { width: W, children: /* @__PURE__ */ o(
+          De,
           {
             onEsc: n,
             onEnter: r,
-            onClick: m,
-            disabled: G,
+            onClick: v,
+            disabled: H,
             hideBorder: !0,
             placeholder: l,
-            value: D,
+            value: p,
             onValueChange: a,
-            onChange: g,
+            onChange: u,
             onBlur: ce,
-            onFocus: z,
-            inputRef: K,
-            variant: Q,
-            type: u,
+            onFocus: P,
+            inputRef: $,
+            variant: J,
+            type: d,
             autoFocus: t,
-            min: v,
-            max: p
+            min: k,
+            max: w
           }
         ) })
       ]
@@ -1919,7 +1919,7 @@ const oo = ({
   } catch {
     return !1;
   }
-}, Xe = (e) => {
+}, Ze = (e) => {
   if (e && ws(e)) {
     const t = e.split(":");
     return {
@@ -1931,9 +1931,9 @@ const oo = ({
     hour: void 0,
     minute: void 0
   };
-}, ys = (e) => `${nt(String(e.getHours()))}:${rt(
+}, ys = (e) => `${tt(String(e.getHours()))}:${nt(
   String(e.getMinutes())
-)}`, vs = "_timePicker_1w05d_1", Cs = "_timePickerColumn_1w05d_6", En = {
+)}`, vs = "_timePicker_1w05d_1", Cs = "_timePickerColumn_1w05d_6", Bn = {
   timePicker: vs,
   timePickerColumn: Cs
 }, ks = ({
@@ -1944,7 +1944,7 @@ const oo = ({
   canScrollRef: s
 }) => {
   const a = O(null);
-  return te(
+  return ne(
     function() {
       if (n && r.current && a.current && s.current) {
         const i = a.current.scrollHeight * Math.max(t - 2, 0);
@@ -1953,7 +1953,7 @@ const oo = ({
     },
     [r, t, n, s]
   ), /* @__PURE__ */ o(
-    U,
+    V,
     {
       width: "64px",
       justifyContent: "center",
@@ -1967,7 +1967,7 @@ const oo = ({
           onClick: () => e && e(t)
         }
       ) : /* @__PURE__ */ o(
-        ne,
+        re,
         {
           label: String(t).padStart(2, "0"),
           onClick: () => e && e(t)
@@ -1982,7 +1982,7 @@ const oo = ({
   canScrollRef: r
 }) => {
   const s = O(null);
-  return /* @__PURE__ */ o(Z, { className: En.timePickerColumn, ref: s, children: t.map((a) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Z, { className: Bn.timePickerColumn, ref: s, children: t.map((a) => /* @__PURE__ */ o(
     ks,
     {
       item: a,
@@ -1998,28 +1998,28 @@ const oo = ({
   onValueChange: t
 }) => {
   const n = O(!0), [r, s] = R(void 0), [a, c] = R(void 0);
-  te(() => {
+  ne(() => {
     if (e) {
-      const { minute: d, hour: u } = Xe(e);
-      s(u), c(d);
+      const { minute: f, hour: d } = Ze(e);
+      s(d), c(f);
     }
   }, [e]);
   const i = y(
-    (d) => {
-      s(d), t?.(
-        `${nt(String(d ?? 0))}:${rt(String(a ?? 0))}`
+    (f) => {
+      s(f), t?.(
+        `${tt(String(f ?? 0))}:${nt(String(a ?? 0))}`
       );
     },
     [a, t]
   ), l = y(
-    (d) => {
-      c(d), t?.(
-        `${nt(String(r ?? 0))}:${rt(String(d ?? 0))}`
+    (f) => {
+      c(f), t?.(
+        `${tt(String(r ?? 0))}:${nt(String(f ?? 0))}`
       );
     },
     [r, t]
   );
-  return /* @__PURE__ */ N(U, { className: En.timePicker, children: [
+  return /* @__PURE__ */ _(V, { className: Bn.timePicker, children: [
     /* @__PURE__ */ o(
       nn,
       {
@@ -2041,12 +2041,12 @@ const oo = ({
     )
   ] });
 }, Is = (e, t, n) => {
-  te(
+  ne(
     function() {
       e && t(e);
     },
     [e, t]
-  ), te(
+  ), ne(
     function() {
       n.current && (e ? n.current.valueAsDate = new Date(
         Date.UTC(e.getFullYear(), e.getMonth(), e.getDate())
@@ -2062,26 +2062,26 @@ const oo = ({
   setCurrentPanel: c,
   localTime: i,
   setLocalTime: l,
-  localDate: d,
-  setLocalDate: u
+  localDate: f,
+  setLocalDate: d
 }, h) => {
-  const g = y(
-    (p) => {
-      if (!p)
+  const u = y(
+    (w) => {
+      if (!w)
         return;
-      const w = new Date(p);
+      const m = new Date(w);
       if (e)
-        w.setHours(e.getHours()), w.setMinutes(e.getMinutes()), t?.(w), u(void 0);
+        m.setHours(e.getHours()), m.setMinutes(e.getMinutes()), t?.(m), d(void 0);
       else if (i) {
-        const { minute: m, hour: S } = Xe(i);
-        w.setHours(S ?? 0), w.setMinutes(m ?? 0), t?.(w), u(void 0);
+        const { minute: v, hour: S } = Ze(i);
+        m.setHours(S ?? 0), m.setMinutes(v ?? 0), t?.(m), d(void 0);
       } else
-        u(w);
-      n(w), h.current && (h.current.valueAsDate = new Date(
+        d(m);
+      n(m), h.current && (h.current.valueAsDate = new Date(
         Date.UTC(
-          w.getFullYear(),
-          w.getMonth(),
-          w.getDate()
+          m.getFullYear(),
+          m.getMonth(),
+          m.getDate()
         )
       ));
     },
@@ -2091,59 +2091,59 @@ const oo = ({
       i,
       t,
       n,
-      u
+      d
     ]
-  ), f = y(
-    (p) => {
-      if (p)
+  ), g = y(
+    (w) => {
+      if (w)
         if (e) {
-          const w = Xe(p), m = new Date(e);
-          m.setHours(w.hour || 0), m.setMinutes(w.minute || 0), t?.(m), l(void 0);
-        } else if (d) {
-          const w = Xe(p), m = new Date(d);
-          m.setHours(w.hour || 0), m.setMinutes(w.minute || 0), t?.(m), l(void 0);
+          const m = Ze(w), v = new Date(e);
+          v.setHours(m.hour || 0), v.setMinutes(m.minute || 0), t?.(v), l(void 0);
+        } else if (f) {
+          const m = Ze(w), v = new Date(f);
+          v.setHours(m.hour || 0), v.setMinutes(m.minute || 0), t?.(v), l(void 0);
         } else
-          l(p);
+          l(w);
     },
-    [t, e, d, l]
-  ), D = y(
-    (p) => {
-      p.target.value[0] !== "0" && g(p.target.valueAsDate);
+    [t, e, f, l]
+  ), p = y(
+    (w) => {
+      w.target.value[0] !== "0" && u(w.target.valueAsDate);
     },
+    [u]
+  ), D = y(
+    (w) => g(w.target.value),
     [g]
-  ), b = y(
-    (p) => f(p.target.value),
-    [f]
-  ), C = y(() => {
+  ), b = y(() => {
     n(e || /* @__PURE__ */ new Date()), c("calendar"), r();
-  }, [e, c, r, n]), v = y(() => {
+  }, [e, c, r, n]), k = y(() => {
     a(void 0), s();
   }, [a, s]);
   return {
-    inputLeftChangeHandler: D,
-    inputRightChangeHandler: b,
-    hideCalendar: v,
-    showCalendar: C,
-    onChangeTime: f,
-    onChangeDate: g
+    inputLeftChangeHandler: p,
+    inputRightChangeHandler: D,
+    hideCalendar: k,
+    showCalendar: b,
+    onChangeTime: g,
+    onChangeDate: u
   };
 }, _s = (e) => {
-  const [t, n] = R(void 0), [r, s] = R(void 0), [a, c, i] = wt(!1), [l, d, u] = wt(!1), [h, g] = R(void 0), [f, D] = R(
+  const [t, n] = R(void 0), [r, s] = R(void 0), [a, c, i] = bt(!1), [l, f, d] = bt(!1), [h, u] = R(void 0), [g, p] = R(
     () => e ?? /* @__PURE__ */ new Date()
-  ), [b, C] = R("calendar");
+  ), [D, b] = R("calendar");
   return {
     isCalendarVisible: a,
     showCalendarInternal: c,
     hideCalendarInternal: i,
     firstFocusedInput: h,
-    setFirstFocusedInput: g,
-    dateInFocus: f,
-    setDateInFocus: D,
-    currentPanel: b,
-    setCurrentPanel: C,
+    setFirstFocusedInput: u,
+    dateInFocus: g,
+    setDateInFocus: p,
+    currentPanel: D,
+    setCurrentPanel: b,
     isTimePickerVisible: l,
-    showTimePicker: d,
-    hideTimePicker: u,
+    showTimePicker: f,
+    hideTimePicker: d,
     localDate: t,
     setLocalDate: n,
     localTime: r,
@@ -2157,16 +2157,16 @@ const oo = ({
 }) => {
   const l = y(() => {
     s || n(), a("calendar"), i();
-  }, [i, s, a, n]), d = y(() => {
+  }, [i, s, a, n]), f = y(() => {
     r(), c();
-  }, [r, c]), u = y(
-    (D) => {
-      e(D.date), r(), c();
+  }, [r, c]), d = y(
+    (p) => {
+      e(p.date), r(), c();
     },
     [e, r, c]
   ), h = y(() => {
     a("presets"), n();
-  }, [a, n]), g = y(() => {
+  }, [a, n]), u = y(() => {
     s ? r() : (t.current?.focus(), a("calendar"), n());
   }, [
     s,
@@ -2174,19 +2174,19 @@ const oo = ({
     t,
     a,
     n
-  ]), f = y(
-    (D) => {
-      D.key === "Escape" && r();
+  ]), g = y(
+    (p) => {
+      p.key === "Escape" && r();
     },
     [r]
   );
   return {
     onFocusLeft: l,
-    onFocusRight: d,
-    onClickDay: u,
+    onFocusRight: f,
+    onClickDay: d,
     onClickArrowButton: h,
-    onClickCalendarButton: g,
-    onKeyDownHandler: f
+    onClickCalendarButton: u,
+    onKeyDownHandler: g
   };
 }, io = ({
   value: e,
@@ -2198,66 +2198,66 @@ const oo = ({
   minDate: c,
   widthLeft: i = 128,
   widthRight: l = 80,
-  maxDate: d = Ke,
-  variant: u,
+  maxDate: f = Ke,
+  variant: d,
   disabled: h,
-  zIndex: g,
-  appendTo: f
+  zIndex: u,
+  appendTo: g
 }) => {
-  const D = O(null), b = O(null), C = _s(e), {
-    setCurrentPanel: v,
-    currentPanel: p,
-    isCalendarVisible: w,
-    dateInFocus: m,
+  const p = O(null), D = O(null), b = _s(e), {
+    setCurrentPanel: k,
+    currentPanel: w,
+    isCalendarVisible: m,
+    dateInFocus: v,
     setDateInFocus: S,
-    isTimePickerVisible: k,
-    hideTimePicker: M,
-    localTime: x,
-    localDate: E
-  } = C, {
-    showCalendar: T,
-    hideCalendar: P,
-    inputLeftChangeHandler: K,
-    inputRightChangeHandler: $,
-    onChangeTime: j,
-    onChangeDate: Q
-  } = Rs(e, t, C, D), {
+    isTimePickerVisible: C,
+    hideTimePicker: T,
+    localTime: M,
+    localDate: N
+  } = b, {
+    showCalendar: x,
+    hideCalendar: B,
+    inputLeftChangeHandler: $,
+    inputRightChangeHandler: U,
+    onChangeTime: z,
+    onChangeDate: J
+  } = Rs(e, t, b, p), {
     onKeyDownHandler: Y,
-    onFocusRight: _,
-    onFocusLeft: V,
-    onClickDay: A,
-    onClickCalendarButton: G,
-    onClickArrowButton: L
+    onFocusRight: K,
+    onFocusLeft: E,
+    onClickDay: W,
+    onClickCalendarButton: H,
+    onClickArrowButton: A
   } = xs(
-    Q,
-    D,
-    T,
-    P,
-    C
+    J,
+    p,
+    x,
+    B,
+    b
   );
-  Is(e, S, D);
-  const H = I(() => {
-    const q = e || E;
-    return q ? pe(void 0, q, [
+  Is(e, S, p);
+  const j = I(() => {
+    const G = e || N;
+    return G ? pe(void 0, G, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [E, e]), W = y(() => {
-    P(), M();
-  }, [P, M]), z = I(
-    () => e ? ys(e) : x,
-    [e, x]
-  ), re = Yt(w, 300), ce = Yt(k, 300);
-  return /* @__PURE__ */ o(B, { onKeyDown: Y, children: /* @__PURE__ */ o(
+  }, [N, e]), q = y(() => {
+    B(), T();
+  }, [B, T]), P = I(
+    () => e ? ys(e) : M,
+    [e, M]
+  ), ee = Yt(m, 300), ce = Yt(C, 300);
+  return /* @__PURE__ */ o(L, { onKeyDown: Y, children: /* @__PURE__ */ o(
     je,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      zIndex: g,
-      appendTo: f,
-      renderTrigger: (q) => /* @__PURE__ */ o(B, { ...q, children: /* @__PURE__ */ o(
-        Bn,
+      zIndex: u,
+      appendTo: g,
+      renderTrigger: (G) => /* @__PURE__ */ o(L, { ...G, children: /* @__PURE__ */ o(
+        Nn,
         {
           autoFocusLeft: a,
           onEsc: r,
@@ -2269,49 +2269,49 @@ const oo = ({
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: K,
-          onChangeRight: $,
-          onClickArrowDown: L,
-          onClickCalendar: G,
-          onFocusLeft: V,
-          onFocusRight: _,
-          onClickLeft: V,
-          onClickRight: _,
-          inputRefLeft: D,
-          inputRefRight: b,
-          valueRight: z ?? "",
+          onChangeLeft: $,
+          onChangeRight: U,
+          onClickArrowDown: A,
+          onClickCalendar: H,
+          onFocusLeft: E,
+          onFocusRight: K,
+          onClickLeft: E,
+          onClickRight: K,
+          inputRefLeft: p,
+          inputRefRight: D,
+          valueRight: P ?? "",
           widthLeft: i,
           widthRight: l,
           minLeft: c,
-          maxLeft: d,
-          variant: u
+          maxLeft: f,
+          variant: d
         }
       ) }),
       placement: ze,
-      open: w || k,
-      onRequestClose: W,
-      children: (re || ce) && /* @__PURE__ */ o(Z, { children: re ? /* @__PURE__ */ o(
+      open: m || C,
+      onRequestClose: q,
+      children: (ee || ce) && /* @__PURE__ */ o(Z, { children: ee ? /* @__PURE__ */ o(
         Me,
         {
-          statePerMonth: H,
-          onClickDay: A,
-          dateInFocus: m,
+          statePerMonth: j,
+          onClickDay: W,
+          dateInFocus: v,
           setDateInFocus: S,
-          currentPanel: p,
-          setCurrentPanel: v,
+          currentPanel: w,
+          setCurrentPanel: k,
           minDate: c,
-          maxDate: d
+          maxDate: f
         }
-      ) : ce ? /* @__PURE__ */ N(Z, { children: [
+      ) : ce ? /* @__PURE__ */ _(Z, { children: [
         /* @__PURE__ */ o(Z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
           Ts,
           {
-            value: z ?? "",
-            onValueChange: j
+            value: P ?? "",
+            onValueChange: z
           }
         ) }),
         /* @__PURE__ */ o(Ie, {}),
-        /* @__PURE__ */ o(U, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Ne, { label: "Done", onClick: M }) })
+        /* @__PURE__ */ o(V, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Ne, { label: "Done", onClick: T }) })
       ] }) : null })
     }
   ) });
@@ -2321,7 +2321,7 @@ const oo = ({
   year: n
 }) => {
   const r = String(n);
-  return /* @__PURE__ */ o(U, { justifyContent: "center", children: e === n ? /* @__PURE__ */ o(Ne, { label: r, onClick: () => t?.(n) }) : /* @__PURE__ */ o(ne, { label: r, onClick: () => t?.(n) }) });
+  return /* @__PURE__ */ o(V, { justifyContent: "center", children: e === n ? /* @__PURE__ */ o(Ne, { label: r, onClick: () => t?.(n) }) : /* @__PURE__ */ o(re, { label: r, onClick: () => t?.(n) }) });
 }, lo = ({
   value: e,
   onValueChange: t,
@@ -2329,19 +2329,19 @@ const oo = ({
 }) => {
   const [r, s] = R(() => e ? e + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), a = I(() => {
     const c = r - 11;
-    return Cn(_t(c, r + 1), 3);
+    return vn(_t(c, r + 1), 3);
   }, [r]);
-  return te(() => {
+  return ne(() => {
     s((c) => Bs(e, c));
-  }, [e]), /* @__PURE__ */ N(U, { children: [
+  }, [e]), /* @__PURE__ */ _(V, { children: [
     /* @__PURE__ */ o(Z, { justifyContent: "center", children: /* @__PURE__ */ o(
-      ne,
+      re,
       {
-        leftIcon: st,
+        leftIcon: rt,
         onClick: () => s(r - 3)
       }
     ) }),
-    /* @__PURE__ */ o(Z, { gap: 1, children: a.map((c) => /* @__PURE__ */ o(U, { gap: 1, children: c.map((i) => /* @__PURE__ */ o(
+    /* @__PURE__ */ o(Z, { gap: 1, children: a.map((c) => /* @__PURE__ */ o(V, { gap: 1, children: c.map((i) => /* @__PURE__ */ o(
       Ns,
       {
         year: i,
@@ -2351,9 +2351,9 @@ const oo = ({
       i
     )) }, c[0])) }),
     /* @__PURE__ */ o(Z, { justifyContent: "center", children: /* @__PURE__ */ o(
-      ne,
+      re,
       {
-        leftIcon: We,
+        leftIcon: $e,
         onClick: () => s(r + 3)
       }
     ) })
@@ -2372,17 +2372,17 @@ const oo = ({
   }
   return t;
 }, Es = (e, t, n, r, s) => {
-  te(
+  ne(
     function() {
       e && n(e);
     },
     [e, n]
-  ), te(
+  ), ne(
     function() {
       t && n(t);
     },
     [t, n]
-  ), te(
+  ), ne(
     function() {
       r.current && (e ? r.current.valueAsDate = new Date(
         Date.UTC(
@@ -2393,7 +2393,7 @@ const oo = ({
       ) : r.current.valueAsDate = null);
     },
     [e, r]
-  ), te(
+  ), ne(
     function() {
       s.current && (t ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -2413,24 +2413,24 @@ const oo = ({
   setCurrentPanel: i
 }) => {
   const l = y(
-    (g) => {
-      g.target.value[0] !== "0" && n?.({
-        startDate: g.target.valueAsDate ?? void 0,
+    (u) => {
+      u.target.value[0] !== "0" && n?.({
+        startDate: u.target.valueAsDate ?? void 0,
         endDate: t
       });
     },
     [n, t]
-  ), d = y(
-    (g) => {
-      g.target.value[0] !== "0" && n?.({
+  ), f = y(
+    (u) => {
+      u.target.value[0] !== "0" && n?.({
         startDate: e,
-        endDate: g.target.valueAsDate ?? void 0
+        endDate: u.target.valueAsDate ?? void 0
       });
     },
     [n, e]
-  ), u = y(
-    (g) => {
-      g != null ? r(g) : r(e || t || /* @__PURE__ */ new Date()), i("calendar"), s();
+  ), d = y(
+    (u) => {
+      u != null ? r(u) : r(e || t || /* @__PURE__ */ new Date()), i("calendar"), s();
     },
     [e, t, i, s, r]
   ), h = y(() => {
@@ -2438,14 +2438,14 @@ const oo = ({
   }, [c, a]);
   return {
     inputLeftChangeHandler: l,
-    inputRightChangeHandler: d,
+    inputRightChangeHandler: f,
     hideCalendar: h,
     setDateInFocus: r,
     setCurrentPanel: i,
-    showCalendar: u
+    showCalendar: d
   };
 }, As = (e, t) => {
-  const [n, r, s] = wt(!1), [a, c] = R(void 0), [i, l] = R("startDate"), [d, u] = R(() => (i === "startDate" ? e : i === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, g] = R("calendar");
+  const [n, r, s] = bt(!1), [a, c] = R(void 0), [i, l] = R("startDate"), [f, d] = R(() => (i === "startDate" ? e : i === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, u] = R("calendar");
   return {
     isCalendarVisible: n,
     showCalendarInternal: r,
@@ -2454,95 +2454,95 @@ const oo = ({
     setFirstFocusedInput: c,
     focusedInput: i,
     setFocusedInput: l,
-    dateInFocus: d,
-    setDateInFocus: u,
+    dateInFocus: f,
+    setDateInFocus: d,
     currentPanel: h,
-    setCurrentPanel: g
+    setCurrentPanel: u
   };
 }, Ps = (e, t, n, r, s, a, c, {
   firstFocusedInput: i,
   setFirstFocusedInput: l,
-  isCalendarVisible: d,
-  setFocusedInput: u,
+  isCalendarVisible: f,
+  setFocusedInput: d,
   focusedInput: h,
-  setCurrentPanel: g,
-  setDateInFocus: f
+  setCurrentPanel: u,
+  setDateInFocus: g
 }) => {
-  const D = y(() => {
-    i == null && l("startDate"), u("startDate"), d ? e != null && f(e) : a(e);
+  const p = y(() => {
+    i == null && l("startDate"), d("startDate"), f ? e != null && g(e) : a(e);
   }, [
     i,
-    u,
     d,
+    f,
     e,
     l,
     a,
-    f
-  ]), b = y(() => {
-    i == null && l("endDate"), u("endDate"), d ? t != null && f(t) : a(t);
+    g
+  ]), D = y(() => {
+    i == null && l("endDate"), d("endDate"), f ? t != null && g(t) : a(t);
   }, [
     i,
-    u,
     d,
+    f,
     t,
     l,
     a,
-    f
-  ]), C = y(
-    (m) => {
-      h === "startDate" ? t != null && X(m.date, t) ? (n?.({
-        startDate: m.date,
+    g
+  ]), b = y(
+    (v) => {
+      h === "startDate" ? t != null && X(v.date, t) ? (n?.({
+        startDate: v.date,
         endDate: void 0
-      }), u("endDate"), s.current?.focus()) : (n?.({
-        startDate: m.date,
+      }), d("endDate"), s.current?.focus()) : (n?.({
+        startDate: v.date,
         endDate: t
-      }), i === "startDate" ? (u("endDate"), s.current?.focus()) : setTimeout(c, 50)) : h === "endDate" && (e ? X(e, m.date) ? (n?.({
-        startDate: m.date,
+      }), i === "startDate" ? (d("endDate"), s.current?.focus()) : setTimeout(c, 50)) : h === "endDate" && (e ? X(e, v.date) ? (n?.({
+        startDate: v.date,
         endDate: void 0
-      }), u("endDate"), s.current?.focus()) : (n?.({
+      }), d("endDate"), s.current?.focus()) : (n?.({
         startDate: e,
-        endDate: m.date
+        endDate: v.date
       }), setTimeout(c, 50)) : (n?.({
         startDate: e,
-        endDate: m.date
-      }), u("startDate"), r.current?.focus()));
+        endDate: v.date
+      }), d("startDate"), r.current?.focus()));
     },
     [
       h,
       n,
       t,
       i,
-      u,
+      d,
       s,
       c,
       e,
       r
     ]
-  ), v = y(() => {
-    g("presets"), a();
-  }, [g, a]), p = y(() => {
-    d ? c() : (u("startDate"), l("startDate"), r.current?.focus(), g("calendar"), a());
+  ), k = y(() => {
+    u("presets"), a();
+  }, [u, a]), w = y(() => {
+    f ? c() : (d("startDate"), l("startDate"), r.current?.focus(), u("calendar"), a());
   }, [
-    d,
+    f,
     c,
-    u,
+    d,
     l,
     r,
-    g,
+    u,
     a
-  ]), w = y(
-    (m) => {
-      m.key === "Escape" && c();
+  ]), m = y(
+    (v) => {
+      v.key === "Escape" && c();
     },
     [c]
   );
   return {
-    onFocusLeft: D,
-    onFocusRight: b,
-    onClickDay: C,
-    onClickArrowButton: v,
-    onClickCalendarButton: p,
-    onKeyDownHandler: w
+    onFocusLeft: p,
+    onFocusRight: D,
+    onClickDay: b,
+    onClickArrowButton: k,
+    onClickCalendarButton: w,
+    onKeyDownHandler: m
   };
 };
 function uo({
@@ -2555,97 +2555,97 @@ function uo({
   minDate: c,
   maxDate: i = Ke,
   calendarProps: l,
-  widthLeft: d = 128,
-  widthRight: u = 128,
+  widthLeft: f = 128,
+  widthRight: d = 128,
   firstMonthInMonthPicker: h,
-  numMonthsInMonthPicker: g,
-  variant: f,
-  disabled: D,
-  zIndex: b,
-  appendTo: C,
-  renderBelowCalendar: v
+  numMonthsInMonthPicker: u,
+  variant: g,
+  disabled: p,
+  zIndex: D,
+  appendTo: b,
+  renderBelowCalendar: k
 }) {
-  const { startDate: p, endDate: w } = e || {}, m = O(null), S = O(null), k = As(p, w), {
-    dateInFocus: M,
-    setDateInFocus: x,
-    isCalendarVisible: E,
-    currentPanel: T,
-    setCurrentPanel: P
-  } = k, {
-    showCalendar: K,
-    hideCalendar: $,
-    inputLeftChangeHandler: j,
-    inputRightChangeHandler: Q
-  } = Ls(p, w, t, k), {
+  const { startDate: w, endDate: m } = e || {}, v = O(null), S = O(null), C = As(w, m), {
+    dateInFocus: T,
+    setDateInFocus: M,
+    isCalendarVisible: N,
+    currentPanel: x,
+    setCurrentPanel: B
+  } = C, {
+    showCalendar: $,
+    hideCalendar: U,
+    inputLeftChangeHandler: z,
+    inputRightChangeHandler: J
+  } = Ls(w, m, t, C), {
     onKeyDownHandler: Y,
-    onFocusRight: _,
-    onFocusLeft: V,
-    onClickDay: A,
-    onClickCalendarButton: G,
-    onClickArrowButton: L
+    onFocusRight: K,
+    onFocusLeft: E,
+    onClickDay: W,
+    onClickCalendarButton: H,
+    onClickArrowButton: A
   } = Ps(
-    p,
     w,
-    t,
     m,
+    t,
+    v,
     S,
-    K,
     $,
-    k
+    U,
+    C
   );
   Es(
-    p,
     w,
-    x,
     m,
+    M,
+    v,
     S
   );
-  const H = I(
-    () => p && w && X(p, w),
-    [p, w]
-  ), W = I(
+  const j = I(
+    () => w && m && X(w, m),
+    [w, m]
+  ), q = I(
     () => kr(
       l?.statePerMonth,
-      p,
       w,
-      M
+      m,
+      T
     ),
-    [l?.statePerMonth, p, w, M]
+    [l?.statePerMonth, w, m, T]
   );
-  return /* @__PURE__ */ o(B, { onKeyDown: Y, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(L, { onKeyDown: Y, children: /* @__PURE__ */ o(
     je,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      zIndex: b,
-      appendTo: C,
-      renderTrigger: (z) => /* @__PURE__ */ o(B, { ...z, children: /* @__PURE__ */ o(
-        Bn,
+      zIndex: D,
+      appendTo: b,
+      renderTrigger: (P) => /* @__PURE__ */ o(L, { ...P, children: /* @__PURE__ */ o(
+        Nn,
         {
           autoFocusLeft: n,
           onEsc: a,
           onEnter: s,
           onBlur: r,
-          disabled: D,
-          separatorIcon: We,
+          disabled: p,
+          separatorIcon: $e,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: j,
-          onChangeRight: Q,
-          onClickArrowDown: L,
-          onClickCalendar: G,
-          onFocusLeft: V,
-          onFocusRight: _,
-          onClickLeft: V,
-          onClickRight: _,
-          inputRefLeft: m,
+          onChangeLeft: z,
+          onChangeRight: J,
+          onClickArrowDown: A,
+          onClickCalendar: H,
+          onFocusLeft: E,
+          onFocusRight: K,
+          onClickLeft: E,
+          onClickRight: K,
+          inputRefLeft: v,
           inputRefRight: S,
-          variant: H ? "error" : f,
-          widthLeft: d,
-          widthRight: u,
+          variant: j ? "error" : g,
+          widthLeft: f,
+          widthRight: d,
           minLeft: c,
           maxLeft: i,
           minRight: c,
@@ -2653,31 +2653,31 @@ function uo({
         }
       ) }),
       placement: ze,
-      onRequestClose: $,
-      open: E,
-      children: /* @__PURE__ */ N(Z, { children: [
+      onRequestClose: U,
+      open: N,
+      children: /* @__PURE__ */ _(Z, { children: [
         /* @__PURE__ */ o(
           Me,
           {
-            onClickDay: A,
-            dateInFocus: M,
+            onClickDay: W,
+            dateInFocus: T,
             firstMonthInMonthPicker: h,
-            numMonthsInMonthPicker: g,
-            setDateInFocus: x,
-            currentPanel: T,
-            setCurrentPanel: P,
+            numMonthsInMonthPicker: u,
+            setDateInFocus: M,
+            currentPanel: x,
+            setCurrentPanel: B,
             minDate: c,
             maxDate: i,
             ...l,
-            statePerMonth: W
+            statePerMonth: q
           }
         ),
-        T === "calendar" && v
+        x === "calendar" && k
       ] })
     }
   ) });
 }
-const Ct = ({
+const vt = ({
   onChange: e,
   onValueChange: t,
   readOnly: n,
@@ -2687,21 +2687,21 @@ const Ct = ({
   value: c,
   guide: i,
   keepCharPositions: l,
-  placeholderChar: d,
-  showMask: u,
+  placeholderChar: f,
+  showMask: d,
   calendarSize: h,
-  onFocus: g,
-  onBlur: f,
-  placeholderWhenBlurred: D,
-  placeholder: b,
-  valueWhenBlurred: C,
-  label: v,
-  variant: p,
-  autoFocus: w,
-  ...m
+  onFocus: u,
+  onBlur: g,
+  placeholderWhenBlurred: p,
+  placeholder: D,
+  valueWhenBlurred: b,
+  label: k,
+  variant: w,
+  autoFocus: m,
+  ...v
 }) => {
-  const S = O(null), [k, M] = R(!1), x = s ?? S, { onChange: E } = Cr(
-    x,
+  const S = O(null), [C, T] = R(!1), M = s ?? S, { onChange: N } = Cr(
+    M,
     e,
     t,
     r,
@@ -2709,52 +2709,52 @@ const Ct = ({
     c,
     i,
     l,
+    f,
     d,
-    u,
-    k
-  ), T = y(
-    ($) => {
-      g?.($), M(!0);
+    C
+  ), x = y(
+    (U) => {
+      u?.(U), T(!0);
     },
-    [g]
-  ), P = y(
-    ($) => {
-      f?.($), M(!1);
+    [u]
+  ), B = y(
+    (U) => {
+      g?.(U), T(!1);
     },
-    [f]
-  ), K = k ? b : D ?? b;
-  return p === "standard" ? /* @__PURE__ */ o(Zn, { text: v ?? "", children: /* @__PURE__ */ o(
-    be,
+    [g]
+  ), $ = C ? D : p ?? D;
+  return w === "standard" ? /* @__PURE__ */ o(Zn, { text: k ?? "", children: /* @__PURE__ */ o(
+    De,
     {
-      ...m,
-      autoFocus: w,
+      ...v,
+      autoFocus: m,
       readOnly: n,
       inputMode: "numeric",
       "aria-live": "polite",
-      value: (k ? c : C) ?? "",
-      inputRef: x,
-      placeholder: K,
-      onFocus: T,
-      onBlur: P,
-      onChange: E,
+      value: (C ? c : b) ?? "",
+      inputRef: M,
+      placeholder: $,
+      onFocus: x,
+      onBlur: B,
+      onChange: N,
       width: rn(h),
       alwaysShowPlaceholder: !0
     }
   ) }) : /* @__PURE__ */ o(
     vr,
     {
-      ...m,
-      autoFocus: w,
+      ...v,
+      autoFocus: m,
       readOnly: n,
       inputMode: "numeric",
-      label: v,
+      label: k,
       "aria-live": "polite",
-      value: (k ? c : C) ?? "",
-      ref: x,
-      placeholder: K,
-      onFocus: T,
-      onBlur: P,
-      onChange: E,
+      value: (C ? c : b) ?? "",
+      ref: M,
+      placeholder: $,
+      onFocus: x,
+      onBlur: B,
+      onChange: N,
       width: rn(h),
       size: h === "large" ? "large" : "medium"
     }
@@ -2772,7 +2772,7 @@ const Ct = ({
     default:
       return Mt(e, "168px");
   }
-}, Fs = [/[1-2]/, /\d/, /\d/, /\d/], Ys = [/[0-1]/, /\d/], Hs = [/[0-3]/, /\d/], Ln = (e) => $s(e).flatMap(Os), Os = (e) => {
+}, Fs = [/[1-2]/, /\d/, /\d/, /\d/], Ys = [/[0-1]/, /\d/], Hs = [/[0-3]/, /\d/], En = (e) => Ws(e).flatMap(Os), Os = (e) => {
   switch (e) {
     case "yyyy":
       return Fs;
@@ -2785,7 +2785,7 @@ const Ct = ({
     default:
       return [e];
   }
-}, $s = (e) => {
+}, Ws = (e) => {
   if (e.length === 0) return [];
   const t = [];
   let n = e[0];
@@ -2800,10 +2800,10 @@ const Ct = ({
   };
   return n.map((s) => r[s.type] || s.value).join("");
 }, de = (e, t, n) => {
-  const r = Rn(
+  const r = In(
     t,
     n?.matchLanguage ?? !1,
-    n?.fallbackLocaleCode ?? In
+    n?.fallbackLocaleCode ?? Tn
   ), s = _e(r);
   if (s == null)
     return;
@@ -2818,26 +2818,26 @@ const Ct = ({
   if (!isNaN(a.getTime()))
     return a;
 }, we = (e, t, n) => {
-  const r = Rn(
+  const r = In(
     t,
     n?.matchLanguage ?? !1,
-    n?.fallbackLocaleCode ?? In
+    n?.fallbackLocaleCode ?? Tn
   );
-  return J(e, Ee(r), {
+  return Q(e, Ee(r), {
     locale: _e(r)
   });
-}, kt = (e, t) => {
+}, Ct = (e, t) => {
   const n = de(e, t);
   if (n != null)
     return we(n, t);
-}, Ws = "_navBarButton_b3x3w_1", Us = "_selected_b3x3w_14", sn = {
-  navBarButton: Ws,
+}, $s = "_navBarButton_b3x3w_1", Us = "_selected_b3x3w_14", sn = {
+  navBarButton: $s,
   selected: Us
 };
 ot(
   function({ selected: e, className: t, ...n }, r) {
     return /* @__PURE__ */ o(
-      ne,
+      re,
       {
         ...n,
         ref: r,
@@ -2924,18 +2924,18 @@ const on = [
   "tablet",
   "tablet-wide",
   "desktop"
-], An = () => {
-  const e = Qe({
+], Ln = () => {
+  const e = Je({
     query: "(max-width: 768px)"
-  }), t = Qe({
+  }), t = Je({
     query: "(max-width: 395px)"
-  }), n = Qe({
+  }), n = Je({
     query: "(max-width: 1024px)"
-  }), r = Qe({
+  }), r = Je({
     query: "(max-width: 1160px)"
   });
   return { deviceSize: t ? "small-mobile" : e ? "mobile" : n ? "tablet" : r ? "tablet-wide" : "desktop" };
-}, Pn = (e, t) => e === t || on.indexOf(e) > on.indexOf(t), Fn = ({
+}, An = (e, t) => e === t || on.indexOf(e) > on.indexOf(t), Pn = ({
   value: e,
   onValueChange: t,
   localeCode: n,
@@ -2945,82 +2945,94 @@ const on = [
   onBlur: c,
   calendarSize: i,
   startDateRef: l,
-  endDateRef: d,
-  placeholderWhenBlurredStartDate: u,
+  endDateRef: f,
+  placeholderWhenBlurredStartDate: d,
   placeholderWhenBlurredEndDate: h,
-  valueWhenBlurredStartDate: g,
-  valueWhenBlurredEndDate: f,
-  variant: D,
-  readOnlyOnMobile: b,
-  autoFocusStartDate: C,
-  autoFocusEndDate: v
+  valueWhenBlurredStartDate: u,
+  valueWhenBlurredEndDate: g,
+  variant: p,
+  readOnlyOnMobile: D,
+  autoFocusStartDate: b,
+  autoFocusEndDate: k
 }) => {
-  const { deviceSize: p } = An(), w = b && !Pn(p, "tablet"), { mask: m, placeholder: S } = I(() => {
-    const k = Ee(n);
+  const { deviceSize: w } = Ln(), m = D && !An(w, "tablet"), { mask: v, placeholder: S } = I(() => {
+    const C = Ee(n);
     return {
-      mask: Ln(k),
-      placeholder: k.toLowerCase()
+      mask: En(C),
+      placeholder: C.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ N(U, { children: [
+  return /* @__PURE__ */ _(V, { children: [
     /* @__PURE__ */ o(
-      Ct,
+      vt,
       {
-        mask: m,
+        mask: v,
         ref: l,
         value: e?.startDate,
-        onValueChange: (k) => {
-          t?.({ startDate: k });
+        onValueChange: (C) => {
+          t?.({ startDate: C });
         },
-        onBlur: (k) => {
-          const M = kt(
-            k.target.value,
+        onBlur: (C) => {
+          const T = Ct(
+            C.target.value,
             n
           );
-          M && M !== e?.startDate && t?.({ startDate: M }), c?.();
+          T && T !== e?.startDate && t?.({ startDate: T }), c?.();
         },
         onFocus: () => a?.("startDate"),
-        autoFocus: C,
+        autoFocus: b,
         label: r,
         borderRadiusVariant: "onlyLeft",
         placeholder: S,
-        placeholderWhenBlurred: u,
-        valueWhenBlurred: g,
+        placeholderWhenBlurred: d,
+        valueWhenBlurred: u,
         calendarSize: i,
-        variant: D,
-        readOnly: w
+        variant: p,
+        readOnly: m
       }
     ),
     /* @__PURE__ */ o(
-      Ct,
+      vt,
       {
-        mask: m,
-        ref: d,
+        mask: v,
+        ref: f,
         value: e?.endDate,
-        onValueChange: (k) => t?.({ endDate: k }),
-        onBlur: (k) => {
-          const M = kt(
-            k.target.value,
+        onValueChange: (C) => t?.({ endDate: C }),
+        onBlur: (C) => {
+          const T = Ct(
+            C.target.value,
             n
           );
-          M && M !== e?.endDate && t?.({ endDate: M }), c?.();
+          T && T !== e?.endDate && t?.({ endDate: T }), c?.();
         },
         onFocus: () => a?.("endDate"),
-        autoFocus: v,
+        autoFocus: k,
         label: s,
         borderRadiusVariant: "onlyRight",
         placeholder: S,
         placeholderWhenBlurred: h,
-        valueWhenBlurred: f,
+        valueWhenBlurred: g,
         calendarSize: i,
-        variant: D,
-        readOnly: w
+        variant: p,
+        readOnly: m
       }
     )
   ] });
-}, St = (e, t, n) => {
+}, Fn = (e, t, n) => {
+  const r = e.getFullYear(), s = e.getMonth(), a = I(() => new Date(r, s, 1), [r, s]), c = Vn((l) => {
+    ue(l, a) || t(st(l));
+  }), i = y(
+    (l) => {
+      c(
+        ue(l, n) || X(l, n) ? l : n
+      );
+    },
+    [c, n]
+  );
+  return { visibleMonth: a, setVisibleMonth: c, setVisibleMonthClamped: i };
+}, kt = (e, t, n) => {
   const r = dr(e, t) ? "" : " y";
-  return n.code.startsWith("en") ? J(e, "eee MMM d" + r, { locale: n }).replace(".", "") : J(e, "eee d MMM" + r, { locale: n }).replace(".", "");
+  return n.code.startsWith("en") ? Q(e, "eee MMM d" + r, { locale: n }).replace(".", "") : Q(e, "eee d MMM" + r, { locale: n }).replace(".", "");
 };
 function Gs(e, t, n) {
   if (!e || !t || !n) return !1;
@@ -3039,128 +3051,121 @@ function Js(e, t, n) {
     endDate: s
   } : e;
 }
-const Yn = (e, t, n, r, s, a, c, i, l) => {
-  const d = _e(r), u = Nt(), h = xe(), g = O(null), f = I(
+const Yn = (e, t, n, r, s, a, c, i, l, f) => {
+  const d = _e(r), h = Nt(), u = xe(), g = O(null), p = I(
     () => Ee(n),
     [n]
   ), D = I(
-    () => e?.startDate?.length === f.length ? de(e.startDate, n) : void 0,
-    [f.length, n, e?.startDate]
+    () => e?.startDate?.length === p.length ? de(e.startDate, n) : void 0,
+    [p.length, n, e?.startDate]
   ), b = I(
-    () => e?.endDate?.length === f.length ? de(e.endDate, n) : void 0,
-    [f.length, n, e?.endDate]
-  ), C = I(
-    () => D != null ? St(D, h, d) : void 0,
-    [d, D, h]
-  ), v = I(
-    () => b != null ? St(b, h, d) : void 0,
-    [d, b, h]
-  ), [p, w] = R(
-    s ?? D ?? /* @__PURE__ */ new Date()
-  ), m = y(
-    (_) => {
-      De(_, h) || X(_, h) ? w(_) : w(h);
-    },
-    [h]
-  ), S = I(
+    () => e?.endDate?.length === p.length ? de(e.endDate, n) : void 0,
+    [p.length, n, e?.endDate]
+  ), k = I(
+    () => D != null ? kt(D, u, d) : void 0,
+    [d, D, u]
+  ), w = I(
+    () => b != null ? kt(b, u, d) : void 0,
+    [d, b, u]
+  ), { visibleMonth: m, setVisibleMonth: v, setVisibleMonthClamped: S } = Fn(s, a, u), C = I(
     () => it(
-      p.getFullYear(),
-      p.getMonth(),
+      m.getFullYear(),
+      m.getMonth(),
       d
     ),
-    [d, p]
-  ), k = I(() => ct(
-    vn(
-      p,
+    [d, m]
+  ), T = I(() => ct(
+    yn(
+      m,
       { month: "long", year: "numeric" },
       { locale: d.code }
     )
-  ), [d, p]), M = I(() => De(h, p), [h, p]), [x, E] = R(), [T, P] = R("calendar"), K = y(
-    (_) => {
-      const V = _?.startDate?.length === f.length ? de(_.startDate, n) : void 0, A = _?.endDate?.length === f.length ? de(_.endDate, n) : void 0;
-      V ? m(V) : A && m(A), t?.({
+  ), [d, m]), M = I(() => ue(u, m), [u, m]), [N, x] = R(), [B, $] = R("calendar"), U = y(
+    (E) => {
+      const W = E?.startDate?.length === p.length ? de(E.startDate, n) : void 0, H = E?.endDate?.length === p.length ? de(E.endDate, n) : void 0;
+      W ? S(W) : H && S(H), t?.({
         ...e,
-        ..._
+        ...E
       });
     },
     [
-      f.length,
+      p.length,
       n,
       t,
-      m,
+      S,
       e
     ]
-  ), $ = I(
+  ), z = I(
     () => D && b ? X(b, D) || F(b, D) : !1,
     [b, D]
-  ), j = I(() => {
-    const _ = a === "startDate" ? e?.endDate : e?.startDate;
-    return _ ? de(_, n) : void 0;
-  }, [a, n, e?.endDate, e?.startDate]), Q = I(() => {
-    if (x && j) {
-      if (a === "endDate")
+  ), J = I(() => {
+    const E = c === "startDate" ? e?.endDate : e?.startDate;
+    return E ? de(E, n) : void 0;
+  }, [c, n, e?.endDate, e?.startDate]), Y = I(() => {
+    if (N && J) {
+      if (c === "endDate")
         return "right";
-      if (a === "startDate")
+      if (c === "startDate")
         return "left";
     }
-  }, [a, j, x]);
+  }, [c, J, N]);
   return {
-    onClickDate: (_) => {
-      if (!(_.getFullYear() === p.getFullYear() && _.getMonth() === p.getMonth()))
+    onClickDate: (E) => {
+      if (!(E.getFullYear() === m.getFullYear() && E.getMonth() === m.getMonth()))
         return;
-      const A = (G, L) => t?.(
+      const H = (A, j) => t?.(
         Js(
-          G,
-          (H) => de(H, n),
-          L
+          A,
+          (q) => de(q, n),
+          j
         )
       );
-      a === "startDate" ? (A(
+      c === "startDate" ? (H(
         {
-          startDate: we(_, n),
+          startDate: we(E, n),
           endDate: e?.endDate
         },
         "startDate"
-      ), e?.endDate ? (l?.(), c(void 0), E(void 0)) : i("endDate")) : a === "endDate" ? (A(
+      ), e?.endDate ? (f?.(), i(void 0), x(void 0)) : l("endDate")) : c === "endDate" ? (H(
         {
           startDate: e?.startDate,
-          endDate: we(_, n)
+          endDate: we(E, n)
         },
         "endDate"
-      ), l?.(), c(void 0), E(void 0)) : D && b == null ? Be(_, D) ? (t?.({
-        startDate: we(_, n),
+      ), f?.(), i(void 0), x(void 0)) : D && b == null ? Be(E, D) ? (t?.({
+        startDate: we(E, n),
         endDate: void 0
-      }), i("endDate")) : (t?.({
+      }), l("endDate")) : (t?.({
         startDate: e?.startDate,
-        endDate: we(_, n)
-      }), l?.(), c(void 0), E(void 0)) : (A(
+        endDate: we(E, n)
+      }), f?.(), i(void 0), x(void 0)) : (H(
         {
-          startDate: we(_, n),
+          startDate: we(E, n),
           endDate: void 0
         },
         "startDate"
-      ), i("endDate"));
+      ), l("endDate"));
     },
-    onValueChangeByInputs: K,
-    isValidDateRange: $,
+    onValueChangeByInputs: U,
+    isValidDateRange: z,
     monthPickerButtonRef: g,
-    calendarId: u,
-    monthPickerButtonLabel: k,
-    visiblePanel: T,
-    setVisiblePanel: P,
-    setVisibleMonth: w,
-    visibleMonthData: S,
+    calendarId: h,
+    monthPickerButtonLabel: T,
+    visiblePanel: B,
+    setVisiblePanel: $,
+    setVisibleMonth: v,
+    visibleMonthData: C,
     todayIsInVisibleMonth: M,
-    hoverDate: x,
-    setHoverDate: E,
-    hoverAnchor: j,
-    hoverHighlightDirection: Q,
+    hoverDate: N,
+    setHoverDate: x,
+    hoverAnchor: J,
+    hoverHighlightDirection: Y,
     selectedStartDate: D,
     selectedEndDate: b,
-    today: h,
-    visibleMonth: p,
-    valueWhenBlurredStartDate: C,
-    valueWhenBlurredEndDate: v
+    today: u,
+    visibleMonth: m,
+    valueWhenBlurredStartDate: k,
+    valueWhenBlurredEndDate: w
   };
 }, dt = ({
   previousMonthButtonAriaLabel: e,
@@ -3172,15 +3177,15 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   setVisibleMonth: c,
   visibleMonth: i,
   prevMonthDisabled: l,
-  nextMonthDisabled: d,
-  calendarSize: u,
+  nextMonthDisabled: f,
+  calendarSize: d,
   previousMonthButtonTestId: h,
-  nextMonthButtonTestId: g
+  nextMonthButtonTestId: u
 }) => {
-  const f = u === "smaller" || u === "small" ? "medium" : "large";
-  return /* @__PURE__ */ N(U, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  const g = d === "smaller" || d === "small" ? "medium" : "large";
+  return /* @__PURE__ */ _(V, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ o(
-      ne,
+      re,
       {
         "aria-live": "polite",
         label: n,
@@ -3189,35 +3194,35 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
           r === "calendar" ? "month-picker" : "calendar"
         ),
         ref: a,
-        size: f
+        size: g
       }
     ),
-    /* @__PURE__ */ N(U, { alignItems: "center", gap: 2, children: [
+    /* @__PURE__ */ _(V, { alignItems: "center", gap: 2, children: [
       /* @__PURE__ */ o(
         ge,
         {
-          leftIcon: st,
+          leftIcon: rt,
           onClick: () => c(Rt(i, 1)),
           disabled: l?.(i),
           "aria-label": e,
-          size: f,
+          size: g,
           "data-testid": h
         }
       ),
       /* @__PURE__ */ o(
         ge,
         {
-          leftIcon: We,
+          leftIcon: $e,
           onClick: () => c(Ue(i, 1)),
-          disabled: d?.(i),
+          disabled: f?.(i),
           "aria-label": t,
-          size: f,
-          "data-testid": g
+          size: g,
+          "data-testid": u
         }
       )
     ] })
   ] });
-}, Qs = "_travelDateCell_1dwjr_1", Zs = "_smaller_1dwjr_21", Xs = "_small_1dwjr_21", ea = "_medium_1dwjr_31", ta = "_large_1dwjr_36", na = "_clickable_1dwjr_45", ra = "_disabled_1dwjr_49", sa = "_outline_1dwjr_58", aa = "_contentWrapper_1dwjr_71", oa = "_todayDot_1dwjr_115", ca = "_defaultTodayMarkerPosition_1dwjr_122", ia = "_isSelectionStart_1dwjr_131", la = "_isSelectionEnd_1dwjr_136", da = "_hover_1dwjr_149", ua = "_startSelected_1dwjr_152", fa = "_endSelected_1dwjr_152", ee = {
+}, Qs = "_travelDateCell_1dwjr_1", Zs = "_smaller_1dwjr_21", Xs = "_small_1dwjr_21", ea = "_medium_1dwjr_31", ta = "_large_1dwjr_36", na = "_clickable_1dwjr_45", ra = "_disabled_1dwjr_49", sa = "_outline_1dwjr_58", aa = "_contentWrapper_1dwjr_71", oa = "_todayDot_1dwjr_115", ca = "_defaultTodayMarkerPosition_1dwjr_122", ia = "_isSelectionStart_1dwjr_131", la = "_isSelectionEnd_1dwjr_136", da = "_hover_1dwjr_149", ua = "_startSelected_1dwjr_152", fa = "_endSelected_1dwjr_152", te = {
   travelDateCell: Qs,
   smaller: Zs,
   small: Xs,
@@ -3272,8 +3277,8 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   right: "transparent"
 }, ma = (e, t, n, r) => {
   const s = X(n, r), a = ur(e, {
-    start: Dn([n, r]),
-    end: bn([n, r])
+    start: pn([n, r]),
+    end: Dn([n, r])
   }), c = F(e, n), i = F(e, r);
   return t === "right" && Be(n, r) ? {
     left: "transparent",
@@ -3307,9 +3312,9 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
     case "PageDown":
       return Ue(e, 1);
     case "Home":
-      return et(e);
+      return Xe(e);
     case "End":
-      return ae(et(e), 6);
+      return ae(Xe(e), 6);
     case "ArrowLeft":
       return ye(e, 1);
     case "ArrowUp":
@@ -3321,24 +3326,24 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
     default:
       return;
   }
-}, pt = (e, t) => J(yn(e, 12), ue.fullDate) + t, Da = "_travelDateCellBackground_ualq9_1", ba = "_smaller_ualq9_12", wa = "_small_ualq9_12", ya = "_medium_ualq9_20", va = "_large_ualq9_24", Ze = {
+}, St = (e, t) => Q(wn(e, 12), fe.fullDate) + t, Da = "_travelDateCellBackground_ualq9_1", ba = "_smaller_ualq9_12", wa = "_small_ualq9_12", ya = "_medium_ualq9_20", va = "_large_ualq9_24", Qe = {
   travelDateCellBackground: Da,
   smaller: ba,
   small: wa,
   medium: ya,
   large: va
-}, Ca = ({ calendarSize: e, bgColorLeft: t, bgColorRight: n }) => /* @__PURE__ */ N(U, { children: [
+}, Ca = ({ calendarSize: e, bgColorLeft: t, bgColorRight: n }) => /* @__PURE__ */ _(V, { children: [
   /* @__PURE__ */ o(
-    B,
+    L,
     {
-      className: oe(Ze.travelDateCellBackground, Ze[e]),
+      className: oe(Qe.travelDateCellBackground, Qe[e]),
       background: t
     }
   ),
   /* @__PURE__ */ o(
-    B,
+    L,
     {
-      className: oe(Ze.travelDateCellBackground, Ze[e]),
+      className: oe(Qe.travelDateCellBackground, Qe[e]),
       background: n
     }
   )
@@ -3346,99 +3351,99 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   onClick: e,
   visibleMonth: t,
   onChangeVisibleMonth: n,
-  day: r,
-  isValidDateRange: s,
-  selectedStartDate: a,
-  selectedEndDate: c,
-  onStartHover: i,
-  onEndHover: l,
+  focusDateWhenShown: r,
+  day: s,
+  isValidDateRange: a,
+  selectedStartDate: c,
+  selectedEndDate: i,
+  onStartHover: l,
+  onEndHover: f,
   hoverDate: d,
-  hoverAnchor: u,
-  today: h,
+  hoverAnchor: h,
+  today: u,
   focusableDate: g,
-  calendarId: f,
+  calendarId: p,
   isDateDisabled: D,
   size: b,
-  dateTestId: C,
-  hoverHighlightDirection: v,
-  renderDateContent: p
+  dateTestId: k,
+  hoverHighlightDirection: w,
+  renderDateContent: m
 }) => {
-  const w = y(
-    async (H) => {
-      const W = pa(r.date, H.key), z = (W && D?.(W)) ?? !1;
-      W && !z && (i(W), De(r.date, W) ? document.getElementById(pt(W, f))?.focus() : (n(W), setTimeout(() => {
-        document.getElementById(pt(W, f))?.focus();
-      }, 10))), (H.key === "Enter" || H.code === "Space") && e(r.date);
+  const v = y(
+    async (q) => {
+      const P = pa(s.date, q.key), ee = (P && D?.(P)) ?? !1;
+      P && !ee && (l(P), ue(s.date, P) ? document.getElementById(St(P, p))?.focus() : (r(P), n(P))), (q.key === "Enter" || q.code === "Space") && e(s.date);
     },
     [
-      f,
-      r.date,
+      p,
+      s.date,
+      r,
       D,
       n,
       e,
-      i
+      l
     ]
-  ), m = r.month === t.getMonth(), S = D?.(r.date) ?? !1, k = d && u ? X(d, u) : !1, M = !!(d && u && v), x = d && u && v ? F(k ? u : d, r.date) : !1, E = d && u && v ? F(k ? d : u, r.date) : !1, T = a && !M ? F(a, r.date) : !1, P = c && !M ? F(c, r.date) : !1, K = F(r.date, h), $ = ha(
-    r.date,
-    a,
+  ), S = s.month === t.getMonth(), C = D?.(s.date) ?? !1, T = d && h ? X(d, h) : !1, M = !!(d && h && w), N = d && h && w ? F(T ? h : d, s.date) : !1, x = d && h && w ? F(T ? d : h, s.date) : !1, B = c && !M ? F(c, s.date) : !1, $ = i && !M ? F(i, s.date) : !1, U = F(s.date, u), z = ha(
+    s.date,
     c,
-    v,
+    i,
+    w,
     d,
-    u,
-    m,
-    s
-  ), j = d ? F(d, r.date) : !1, Q = T || x, Y = P || E, _ = $.left !== "transparent" && $.right !== "transparent", V = /* @__PURE__ */ o(ke, { variant: "bold", color: "var(--travel-calendar-date-content-color)", children: r.dayOfMonth }), A = K ? /* @__PURE__ */ o("div", { className: ee.todayDot }) : null, G = m ? p ? p({
-    date: r.date,
-    dayOfMonth: r.dayOfMonth,
+    h,
+    S,
+    a
+  ), J = d ? F(d, s.date) : !1, Y = B || N, K = $ || x, E = z.left !== "transparent" && z.right !== "transparent", W = /* @__PURE__ */ o(ke, { variant: "bold", color: "var(--travel-calendar-date-content-color)", children: s.dayOfMonth }), H = U ? /* @__PURE__ */ o("div", { className: te.todayDot }) : null, A = S ? m ? m({
+    date: s.date,
+    dayOfMonth: s.dayOfMonth,
     size: b,
-    isToday: K,
-    isDisabled: S,
-    isSelectionStart: Q,
-    isSelectionEnd: Y,
-    isInRange: _,
-    isHovered: j,
-    defaultContent: V,
-    defaultTodayMarker: A
-  }) : /* @__PURE__ */ N(Oe, { children: [
-    V,
-    A && /* @__PURE__ */ o("div", { className: ee.defaultTodayMarkerPosition, children: A })
-  ] }) : null, L = m ? S ? ee.disabled : ee.clickable : void 0;
-  return /* @__PURE__ */ N(
+    isToday: U,
+    isDisabled: C,
+    isSelectionStart: Y,
+    isSelectionEnd: K,
+    isInRange: E,
+    isHovered: J,
+    defaultContent: W,
+    defaultTodayMarker: H
+  }) : /* @__PURE__ */ _(Oe, { children: [
+    W,
+    H && /* @__PURE__ */ o("div", { className: te.defaultTodayMarkerPosition, children: H })
+  ] }) : null, j = S ? C ? te.disabled : te.clickable : void 0;
+  return /* @__PURE__ */ _(
     "td",
     {
-      className: oe(ee.travelDateCell, ee[b], L),
-      onClick: S ? void 0 : () => m && e(r.date),
-      onMouseOver: S ? void 0 : () => m && i(r.date),
-      onMouseOut: S ? void 0 : () => m && l(r.date),
-      tabIndex: S ? void 0 : g && F(r.date, g) ? 0 : -1,
-      id: S ? void 0 : pt(r.date, f),
-      onKeyDown: S ? void 0 : w,
-      ...S ? void 0 : { "aria-selected": T || P },
-      "aria-current": K && m ? "date" : void 0,
-      "data-testid": C?.(r.date),
+      className: oe(te.travelDateCell, te[b], j),
+      onClick: C ? void 0 : () => S && e(s.date),
+      onMouseOver: C ? void 0 : () => S && l(s.date),
+      onMouseOut: C ? void 0 : () => S && f(s.date),
+      tabIndex: C ? void 0 : g && F(s.date, g) ? 0 : -1,
+      id: C ? void 0 : St(s.date, p),
+      onKeyDown: C ? void 0 : v,
+      ...C ? void 0 : { "aria-selected": B || $ },
+      "aria-current": U && S ? "date" : void 0,
+      "data-testid": k?.(s.date),
       children: [
-        /* @__PURE__ */ o("div", { className: ee.outline }),
+        /* @__PURE__ */ o("div", { className: te.outline }),
         /* @__PURE__ */ o(
           Ca,
           {
             calendarSize: b,
-            bgColorLeft: $.left,
-            bgColorRight: $.right
+            bgColorLeft: z.left,
+            bgColorRight: z.right
           }
         ),
-        m && /* @__PURE__ */ o(
+        S && /* @__PURE__ */ o(
           "div",
           {
             className: oe(
-              ee.contentWrapper,
-              a ? ee.startSelected : void 0,
-              c ? ee.endSelected : void 0,
-              j ? ee.hover : void 0,
-              Q && ee.isSelectionStart,
-              Y && ee.isSelectionEnd
+              te.contentWrapper,
+              c ? te.startSelected : void 0,
+              i ? te.endSelected : void 0,
+              J ? te.hover : void 0,
+              Y && te.isSelectionStart,
+              K && te.isSelectionEnd
             ),
-            style: S ? Sa : void 0,
-            children: G
+            style: C ? Sa : void 0,
+            children: A
           }
         )
       ]
@@ -3458,26 +3463,33 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   selectedStartDate: c,
   selectedEndDate: i,
   hoverDate: l,
-  hoverAnchor: d,
-  today: u,
+  hoverAnchor: f,
+  today: d,
   calendarId: h,
-  isDateDisabled: g,
-  renderDateContent: f,
-  size: D = "medium",
-  multiSelectable: b,
-  dateTestId: C,
-  hoverHighlightDirection: v,
-  ariaLabel: p
+  isDateDisabled: u,
+  renderDateContent: g,
+  size: p = "medium",
+  multiSelectable: D,
+  dateTestId: b,
+  hoverHighlightDirection: k,
+  ariaLabel: w
 }) => {
-  const w = I(() => {
-    const m = e.weeks.flatMap((k) => k.days).filter((k) => k.month === s.getMonth()).map((k) => k.date);
-    return [c, u, ...m].filter(
-      (k) => k != null && De(k, s) && !g?.(k)
+  const m = O(void 0), v = y((C) => {
+    m.current = C;
+  }, []);
+  ne(() => {
+    const C = m.current;
+    C && (m.current = void 0, ue(C, s) && document.getElementById(St(C, h))?.focus());
+  }, [s, h]);
+  const S = I(() => {
+    const C = e.weeks.flatMap((M) => M.days).filter((M) => M.month === s.getMonth()).map((M) => M.date);
+    return [c, d, ...C].filter(
+      (M) => M != null && ue(M, s) && !u?.(M)
     )[0];
   }, [
-    g,
-    c,
     u,
+    c,
+    d,
     s,
     e.weeks
   ]);
@@ -3486,50 +3498,43 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
     {
       className: Ta.travelCalendar,
       role: "grid",
-      "aria-label": p,
-      ...b ? { "aria-multiselectable": !0 } : void 0,
-      children: /* @__PURE__ */ N("tbody", { children: [
-        /* @__PURE__ */ o("tr", { children: e.weeks[0].days.map((m) => /* @__PURE__ */ o("th", { abbr: m.fullName, children: /* @__PURE__ */ o(ke, { children: m.name }) }, m.name)) }),
-        e.weeks.map((m) => /* @__PURE__ */ o(xt.Fragment, { children: /* @__PURE__ */ o("tr", { children: m.days.map((S) => /* @__PURE__ */ o(
+      "aria-label": w,
+      ...D ? { "aria-multiselectable": !0 } : void 0,
+      children: /* @__PURE__ */ _("tbody", { children: [
+        /* @__PURE__ */ o("tr", { children: e.weeks[0].days.map((C) => /* @__PURE__ */ o("th", { abbr: C.fullName, children: /* @__PURE__ */ o(ke, { children: C.name }) }, C.name)) }),
+        e.weeks.map((C) => /* @__PURE__ */ o(xt.Fragment, { children: /* @__PURE__ */ o("tr", { children: C.days.map((T) => /* @__PURE__ */ o(
           ka,
           {
-            size: D,
-            onClick: (k) => t(k),
+            size: p,
+            onClick: (M) => t(M),
             visibleMonth: s,
             onChangeVisibleMonth: r,
+            focusDateWhenShown: v,
             isValidDateRange: a,
-            day: S,
-            onStartHover: (k) => n(k),
-            onEndHover: (k) => n((M) => M && F(M, k) ? void 0 : M),
+            day: T,
+            onStartHover: (M) => n(M),
+            onEndHover: (M) => n((N) => N && F(N, M) ? void 0 : N),
             selectedStartDate: c,
             selectedEndDate: i,
             hoverDate: l,
-            hoverAnchor: d,
-            today: u,
-            focusableDate: w,
+            hoverAnchor: f,
+            today: d,
+            focusableDate: S,
             calendarId: h,
-            isDateDisabled: g,
-            renderDateContent: f,
-            dateTestId: C,
-            hoverHighlightDirection: v
+            isDateDisabled: u,
+            renderDateContent: g,
+            dateTestId: b,
+            hoverHighlightDirection: k
           },
-          S.dateString
-        )) }, m.weekNumber) }, m.weekNumber))
+          T.dateString
+        )) }, C.weekNumber) }, C.weekNumber))
       ] })
     }
   );
-}, Ia = "_travelDateRangeInput_1j7rp_1", Ra = "_overlay_1j7rp_2", _a = "_calendarVisible_1j7rp_6", Dt = {
+}, Ia = "_travelDateRangeInput_1j7rp_1", Ra = "_overlay_1j7rp_2", _a = "_calendarVisible_1j7rp_6", pt = {
   travelDateRangeInput: Ia,
   overlay: Ra,
   calendarVisible: _a
-}, qe = (e, t) => {
-  const n = Vn(
-    (c) => t?.(c)
-  ), r = e.getFullYear(), s = e.getMonth(), a = O(null);
-  te(() => {
-    const c = `${r}-${s}`;
-    a.current !== c && (a.current = c, n(new Date(r, s, 1)));
-  }, [r, s, n]);
 }, fo = ({
   value: e,
   onValueChange: t,
@@ -3537,173 +3542,172 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   endDateLabel: r,
   localeCode: s = "sv",
   languageLocaleCode: a = s,
-  initialMonthInFocus: c,
+  visibleMonth: c,
   previousMonthButtonAriaLabel: i = "Previous month",
   nextMonthButtonAriaLabel: l = "Next month",
-  placeholderWhenBlurredStartDate: d,
-  placeholderWhenBlurredEndDate: u,
+  placeholderWhenBlurredStartDate: f,
+  placeholderWhenBlurredEndDate: d,
   heading: h,
-  headingLevel: g,
-  numMonthsInMonthPicker: f = 12,
-  isDateDisabled: D,
-  renderDateContent: b,
-  onVisibleMonthChange: C,
-  prevMonthDisabled: v,
-  nextMonthDisabled: p,
-  firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
-  zIndex: m = 1e3,
+  headingLevel: u,
+  numMonthsInMonthPicker: g = 12,
+  isDateDisabled: p,
+  renderDateContent: D,
+  onVisibleMonthChange: b,
+  prevMonthDisabled: k,
+  nextMonthDisabled: w,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  zIndex: v = 1e3,
   zIndexWhenClosed: S,
-  onHideCalendar: k,
-  renderBelowCalendar: M,
-  size: x = "medium",
-  dateTestId: E,
-  previousMonthButtonTestId: T,
-  nextMonthButtonTestId: P,
-  textInputVariant: K = "standard",
-  autoFocusStartDate: $,
-  autoFocusEndDate: j
+  onHideCalendar: C,
+  renderBelowCalendar: T,
+  size: M = "medium",
+  dateTestId: N,
+  previousMonthButtonTestId: x,
+  nextMonthButtonTestId: B,
+  textInputVariant: $ = "standard",
+  autoFocusStartDate: U,
+  autoFocusEndDate: z
 }) => {
-  const [Q, Y] = R(!1), [_, V] = R(!1), [A, G] = R({
+  const [J, Y] = R(!1), [K, E] = R(!1), [W, H] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), [L, H] = R(void 0), W = O(null), z = O(null), re = (se) => {
-    se === "startDate" ? W.current?.focus() : se === "endDate" && z.current?.focus();
-  }, ce = x === "large" ? "8.8rem" : "6.6rem", q = O(!1), ft = y((se) => {
-    H(se), q.current = !0, V(!0), setTimeout(() => {
+  }), [A, j] = R(void 0), q = O(null), P = O(null), ee = (se) => {
+    se === "startDate" ? q.current?.focus() : se === "endDate" && P.current?.focus();
+  }, ce = M === "large" ? "8.8rem" : "6.6rem", G = O(!1), ft = y((se) => {
+    j(se), G.current = !0, E(!0), setTimeout(() => {
       Y(!0);
     }, 10);
   }, []), ie = y(() => {
-    _ && (Y(!1), q.current = !1, k?.(), setTimeout(() => {
-      q.current || V(!1);
+    K && (Y(!1), G.current = !1, C?.(), setTimeout(() => {
+      G.current || E(!1);
     }, 120));
-  }, [_, k]), Ge = O(null), Te = O(null);
-  dn(Ge, ie), kn(() => {
+  }, [K, C]), qe = O(null), Te = O(null);
+  dn(qe, ie), Cn(() => {
     const se = Te.current?.offsetWidth, ht = Te.current?.offsetHeight;
-    se != null && ht != null && (A.height !== ht || A.width !== se) && G({ width: se, height: ht });
-  }, [A.height, A.width]);
-  const fe = Yn(
+    se != null && ht != null && (W.height !== ht || W.width !== se) && H({ width: se, height: ht });
+  }, [W.height, W.width]);
+  const be = Yn(
     e,
     t,
     s,
     a,
     c,
-    L,
-    H,
-    re,
+    b,
+    A,
+    j,
+    ee,
     ie
-  );
-  qe(fe.visibleMonth, C);
-  const {
-    visiblePanel: Je,
+  ), {
+    visiblePanel: Ge,
     visibleMonth: le,
     onValueChangeByInputs: Le,
-    setVisibleMonth: $n,
+    setVisibleMonth: Wn,
     setVisiblePanel: At,
     monthPickerButtonRef: Pt
-  } = fe, Wn = y(
+  } = be, $n = y(
     (se) => {
       se.key === "Escape" && ie();
     },
     [ie]
   );
-  return /* @__PURE__ */ N(
-    B,
+  return /* @__PURE__ */ _(
+    L,
     {
       position: "relative",
-      className: Dt.travelDateRangeInput,
-      ref: Ge,
-      onKeyDown: Wn,
-      height: A.height,
-      width: A.width,
+      className: pt.travelDateRangeInput,
+      ref: qe,
+      onKeyDown: $n,
+      height: W.height,
+      width: W.width,
       children: [
         /* @__PURE__ */ o(
-          B,
+          L,
           {
             position: "absolute",
             ref: Te,
-            zIndex: _ ? m : S,
+            zIndex: K ? v : S,
             children: /* @__PURE__ */ o(
-              Fn,
+              Pn,
               {
-                ...fe,
+                ...be,
                 value: e,
                 onValueChange: Le,
-                startDateRef: W,
-                endDateRef: z,
+                startDateRef: q,
+                endDateRef: P,
                 localeCode: s,
                 startDateLabel: n,
                 endDateLabel: r,
                 onFocus: ft,
-                calendarSize: x,
-                placeholderWhenBlurredStartDate: d,
-                placeholderWhenBlurredEndDate: u,
-                variant: K,
-                autoFocusStartDate: $,
-                autoFocusEndDate: j,
+                calendarSize: M,
+                placeholderWhenBlurredStartDate: f,
+                placeholderWhenBlurredEndDate: d,
+                variant: $,
+                autoFocusStartDate: U,
+                autoFocusEndDate: z,
                 readOnlyOnMobile: !0
               }
             )
           }
         ),
-        _ && /* @__PURE__ */ o(
-          B,
+        K && /* @__PURE__ */ o(
+          L,
           {
             position: "absolute",
-            zIndex: m - 1,
+            zIndex: v - 1,
             left: "-2.4rem",
             top: h ? "-8.0rem" : "-2.4rem",
-            className: oe(Dt.overlay, Q && Dt.calendarVisible),
+            className: oe(pt.overlay, J && pt.calendarVisible),
             children: /* @__PURE__ */ o(
-              B,
+              L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ N(hn, { gap: 3, children: [
-                  h && /* @__PURE__ */ o($e, { variant: "h2", as: g, children: h }),
-                  /* @__PURE__ */ o(B, { height: ce }),
+                children: /* @__PURE__ */ _(hn, { gap: 3, children: [
+                  h && /* @__PURE__ */ o(We, { variant: "h2", as: u, children: h }),
+                  /* @__PURE__ */ o(L, { height: ce }),
                   /* @__PURE__ */ o(
                     dt,
                     {
-                      ...fe,
+                      ...be,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: l,
-                      calendarSize: x,
-                      prevMonthDisabled: v,
-                      nextMonthDisabled: p,
-                      previousMonthButtonTestId: T,
-                      nextMonthButtonTestId: P
+                      calendarSize: M,
+                      prevMonthDisabled: k,
+                      nextMonthDisabled: w,
+                      previousMonthButtonTestId: x,
+                      nextMonthButtonTestId: B
                     }
                   ),
-                  Je === "calendar" && /* @__PURE__ */ o(
+                  Ge === "calendar" && /* @__PURE__ */ o(
                     ut,
                     {
-                      ...fe,
-                      size: x,
+                      ...be,
+                      size: M,
                       multiSelectable: !0,
-                      isDateDisabled: D,
-                      renderDateContent: b,
-                      dateTestId: E
+                      isDateDisabled: p,
+                      renderDateContent: D,
+                      dateTestId: N
                     }
                   ),
-                  Je === "month-picker" && /* @__PURE__ */ o(
+                  Ge === "month-picker" && /* @__PURE__ */ o(
                     Ve,
                     {
-                      firstMonth: w,
-                      numMonths: f,
+                      firstMonth: m,
+                      numMonths: g,
                       value: le,
-                      size: x,
+                      size: M,
                       localeCode: a,
                       onValueChange: (se) => {
-                        $n(se), At("calendar"), Pt.current?.focus();
+                        Wn(se), At("calendar"), Pt.current?.focus();
                       },
                       onCancel: () => {
                         At("calendar"), Pt.current?.focus();
                       }
                     }
                   ),
-                  M?.({ hideCalendar: ie })
+                  T?.({ hideCalendar: ie })
                 ] })
               }
             )
@@ -3712,7 +3716,7 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
       ]
     }
   );
-}, xa = "_travelDateInput_hmfbf_1", Na = "_overlay_hmfbf_2", Ba = "_calendarVisible_hmfbf_6", bt = {
+}, xa = "_travelDateInput_hmfbf_1", Na = "_overlay_hmfbf_2", Ba = "_calendarVisible_hmfbf_6", Dt = {
   travelDateInput: xa,
   overlay: Na,
   calendarVisible: Ba
@@ -3726,100 +3730,93 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   calendarSize: c,
   placeholderWhenBlurred: i,
   valueWhenBlurred: l,
-  variant: d,
-  readOnlyOnMobile: u
+  variant: f,
+  readOnlyOnMobile: d
 }) => {
-  const { deviceSize: h } = An(), g = u && !Pn(h, "tablet"), { mask: f, placeholder: D } = I(() => {
-    const b = Ee(r);
+  const { deviceSize: h } = Ln(), u = d && !An(h, "tablet"), { mask: g, placeholder: p } = I(() => {
+    const D = Ee(r);
     return {
-      mask: Ln(b),
-      placeholder: b.toLowerCase()
+      mask: En(D),
+      placeholder: D.toLowerCase()
     };
   }, [r]);
-  return /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
-    Ct,
+  return /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(
+    vt,
     {
-      mask: f,
+      mask: g,
       value: e,
       onValueChange: t,
-      onBlur: (b) => {
-        const C = kt(b.target.value, r);
-        C && C !== e && t?.(C);
+      onBlur: (D) => {
+        const b = Ct(D.target.value, r);
+        b && b !== e && t?.(b);
       },
-      readOnly: g,
+      readOnly: u,
       onFocus: a,
       autoFocus: s,
       label: n,
-      placeholder: D,
+      placeholder: p,
       calendarSize: c,
       placeholderWhenBlurred: i,
       valueWhenBlurred: l,
-      variant: d
+      variant: f
     }
   ) });
-}, Lt = (e, t, n, r, s, a) => {
-  const c = _e(r), i = Nt(), l = xe(), d = O(null), u = I(
+}, Lt = (e, t, n, r, s, a, c) => {
+  const i = _e(r), l = Nt(), f = xe(), d = O(null), h = I(
     () => Ee(n),
     [n]
-  ), h = I(
-    () => e?.length === u.length ? de(e, n) : void 0,
-    [u.length, n, e]
+  ), u = I(
+    () => e?.length === h.length ? de(e, n) : void 0,
+    [h.length, n, e]
   ), g = I(
-    () => h != null ? St(h, l, c) : void 0,
-    [c, h, l]
-  ), [f, D] = R(
-    s ?? h ?? /* @__PURE__ */ new Date()
-  ), b = y(
-    (T) => {
-      De(T, l) || X(T, l) ? D(T) : D(l);
-    },
-    [l]
-  ), C = O(h?.getTime());
-  te(() => {
-    if (!h)
+    () => u != null ? kt(u, f, i) : void 0,
+    [i, u, f]
+  ), { visibleMonth: p, setVisibleMonth: D, setVisibleMonthClamped: b } = Fn(s, a, f), k = O(u?.getTime());
+  ne(() => {
+    if (!u)
       return;
-    const T = h.getTime();
-    T !== C.current && (C.current = T, b(h));
-  }, [h, b]);
-  const v = I(
+    const B = u.getTime();
+    B !== k.current && (k.current = B, b(u));
+  }, [u, b]);
+  const w = I(
     () => it(
-      f.getFullYear(),
-      f.getMonth(),
-      c
+      p.getFullYear(),
+      p.getMonth(),
+      i
     ),
-    [c, f]
-  ), p = I(() => ct(
-    vn(
-      f,
+    [i, p]
+  ), m = I(() => ct(
+    yn(
+      p,
       { month: "long", year: "numeric" },
-      { locale: c.code }
+      { locale: i.code }
     )
-  ), [c, f]), w = I(() => De(l, f), [l, f]), [m, S] = R(), [k, M] = R("calendar"), x = y(
-    (T) => {
-      const P = T?.length === u.length ? de(T, n) : void 0;
-      P && b(P), t?.(T);
+  ), [i, p]), v = I(() => ue(f, p), [f, p]), [S, C] = R(), [T, M] = R("calendar"), N = y(
+    (B) => {
+      const $ = B?.length === h.length ? de(B, n) : void 0;
+      $ && (k.current = $.getTime(), b($)), t?.(B);
     },
-    [u.length, n, t, b]
+    [h.length, n, t, b]
   );
   return {
-    onClickDate: (T) => {
-      t?.(we(T, n)), a?.(T);
+    onClickDate: (B) => {
+      t?.(we(B, n)), c?.(B);
     },
-    onValueChangeByInputs: x,
+    onValueChangeByInputs: N,
     monthPickerButtonRef: d,
-    calendarId: i,
-    monthPickerButtonLabel: p,
-    visiblePanel: k,
+    calendarId: l,
+    monthPickerButtonLabel: m,
+    visiblePanel: T,
     setVisiblePanel: M,
     setVisibleMonth: D,
-    visibleMonthData: v,
-    todayIsInVisibleMonth: w,
-    hoverDate: m,
+    visibleMonthData: w,
+    todayIsInVisibleMonth: v,
+    hoverDate: S,
     hoverAnchor: void 0,
-    setHoverDate: S,
-    selectedDate: h,
-    today: l,
-    visibleMonth: f,
+    setHoverDate: C,
+    selectedDate: u,
+    today: f,
+    visibleMonth: p,
     valueWhenBlurred: g
   };
 }, ho = ({
@@ -3828,170 +3825,169 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   label: n,
   localeCode: r = "sv",
   languageLocaleCode: s = r,
-  initialMonthInFocus: a,
+  visibleMonth: a,
   previousMonthButtonAriaLabel: c = "Previous month",
   nextMonthButtonAriaLabel: i = "Next month",
   placeholderWhenBlurred: l,
-  autoFocus: d,
-  heading: u,
+  autoFocus: f,
+  heading: d,
   headingLevel: h,
-  numMonthsInMonthPicker: g = 12,
-  isDateDisabled: f,
-  renderDateContent: D,
-  onVisibleMonthChange: b,
-  prevMonthDisabled: C,
-  nextMonthDisabled: v,
-  firstMonthInMonthPicker: p = /* @__PURE__ */ new Date(),
-  zIndex: w = 1e3,
-  zIndexWhenClosed: m,
+  numMonthsInMonthPicker: u = 12,
+  isDateDisabled: g,
+  renderDateContent: p,
+  onVisibleMonthChange: D,
+  prevMonthDisabled: b,
+  nextMonthDisabled: k,
+  firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
+  zIndex: m = 1e3,
+  zIndexWhenClosed: v,
   onHideCalendar: S,
-  renderBelowCalendar: k,
-  size: M = "medium",
-  dateTestId: x,
-  previousMonthButtonTestId: E,
-  nextMonthButtonTestId: T,
-  textInputVariant: P = "standard"
+  renderBelowCalendar: C,
+  size: T = "medium",
+  dateTestId: M,
+  previousMonthButtonTestId: N,
+  nextMonthButtonTestId: x,
+  textInputVariant: B = "standard"
 }) => {
-  const [K, $] = R(!1), [j, Q] = R(!1), [Y, _] = R({
+  const [$, U] = R(!1), [z, J] = R(!1), [Y, K] = R({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), V = M === "large" ? "8.8rem" : "6.6rem", A = O(!1), G = y(() => {
-    A.current = !0, Q(!0), setTimeout(() => {
-      $(!0);
+  }), E = T === "large" ? "8.8rem" : "6.6rem", W = O(!1), H = y(() => {
+    W.current = !0, J(!0), setTimeout(() => {
+      U(!0);
     }, 10);
-  }, []), L = y(() => {
-    j && ($(!1), A.current = !1, S?.(), setTimeout(() => {
-      A.current || Q(!1);
+  }, []), A = y(() => {
+    z && (U(!1), W.current = !1, S?.(), setTimeout(() => {
+      W.current || J(!1);
     }, 120));
-  }, [j, S]), H = y(() => {
+  }, [z, S]), j = y(() => {
     setTimeout(() => {
-      L();
+      A();
     }, 250);
-  }, [L]), W = O(null), z = O(null);
-  dn(W, L), kn(() => {
-    const le = z.current?.offsetWidth, Le = z.current?.offsetHeight;
-    le != null && Le != null && (Y.height !== Le || Y.width !== le) && _({ width: le, height: Le });
+  }, [A]), q = O(null), P = O(null);
+  dn(q, A), Cn(() => {
+    const le = P.current?.offsetWidth, Le = P.current?.offsetHeight;
+    le != null && Le != null && (Y.height !== Le || Y.width !== le) && K({ width: le, height: Le });
   }, [Y.height, Y.width]);
-  const re = Lt(
+  const ee = Lt(
     e,
     t,
     r,
     s,
     a,
-    H
-  );
-  qe(re.visibleMonth, b);
-  const {
+    D,
+    j
+  ), {
     visiblePanel: ce,
-    visibleMonth: q,
+    visibleMonth: G,
     onValueChangeByInputs: ft,
     selectedDate: ie,
-    setVisibleMonth: Ge,
+    setVisibleMonth: qe,
     setVisiblePanel: Te,
-    monthPickerButtonRef: fe
-  } = re, Je = y(
+    monthPickerButtonRef: be
+  } = ee, Ge = y(
     (le) => {
-      le.key === "Escape" && L();
+      le.key === "Escape" && A();
     },
-    [L]
+    [A]
   );
-  return /* @__PURE__ */ N(
-    B,
+  return /* @__PURE__ */ _(
+    L,
     {
       position: "relative",
-      className: bt.travelDateInput,
-      ref: W,
-      onKeyDown: Je,
+      className: Dt.travelDateInput,
+      ref: q,
+      onKeyDown: Ge,
       height: Y.height,
       width: Y.width,
       children: [
         /* @__PURE__ */ o(
-          B,
+          L,
           {
             position: "absolute",
-            ref: z,
-            zIndex: j ? w : m,
+            ref: P,
+            zIndex: z ? m : v,
             children: /* @__PURE__ */ o(
               Hn,
               {
-                ...re,
-                autoFocus: d,
+                ...ee,
+                autoFocus: f,
                 value: e,
                 onValueChange: ft,
                 localeCode: r,
                 label: n,
-                onFocus: G,
-                calendarSize: M,
+                onFocus: H,
+                calendarSize: T,
                 placeholderWhenBlurred: l,
-                variant: P,
+                variant: B,
                 readOnlyOnMobile: !0
               }
             )
           }
         ),
-        j && /* @__PURE__ */ o(
-          B,
+        z && /* @__PURE__ */ o(
+          L,
           {
             position: "absolute",
-            zIndex: w - 1,
+            zIndex: m - 1,
             left: "-2.4rem",
-            top: u ? "-8.0rem" : "-2.4rem",
-            className: oe(bt.overlay, K && bt.calendarVisible),
+            top: d ? "-8.0rem" : "-2.4rem",
+            className: oe(Dt.overlay, $ && Dt.calendarVisible),
             children: /* @__PURE__ */ o(
-              B,
+              L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ N(hn, { gap: 3, children: [
-                  u && /* @__PURE__ */ o($e, { variant: "h2", as: h, children: u }),
-                  /* @__PURE__ */ o(B, { height: V }),
+                children: /* @__PURE__ */ _(hn, { gap: 3, children: [
+                  d && /* @__PURE__ */ o(We, { variant: "h2", as: h, children: d }),
+                  /* @__PURE__ */ o(L, { height: E }),
                   /* @__PURE__ */ o(
                     dt,
                     {
-                      ...re,
+                      ...ee,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: i,
-                      calendarSize: M,
-                      prevMonthDisabled: C,
-                      nextMonthDisabled: v,
-                      previousMonthButtonTestId: E,
-                      nextMonthButtonTestId: T
+                      calendarSize: T,
+                      prevMonthDisabled: b,
+                      nextMonthDisabled: k,
+                      previousMonthButtonTestId: N,
+                      nextMonthButtonTestId: x
                     }
                   ),
                   ce === "calendar" && /* @__PURE__ */ o(
                     ut,
                     {
-                      ...re,
-                      size: M,
+                      ...ee,
+                      size: T,
                       isValidDateRange: !!ie,
                       selectedStartDate: ie,
                       selectedEndDate: ie,
                       multiSelectable: !1,
-                      isDateDisabled: f,
-                      renderDateContent: D,
-                      dateTestId: x,
+                      isDateDisabled: g,
+                      renderDateContent: p,
+                      dateTestId: M,
                       hoverHighlightDirection: void 0
                     }
                   ),
                   ce === "month-picker" && /* @__PURE__ */ o(
                     Ve,
                     {
-                      firstMonth: p,
-                      numMonths: g,
-                      value: q,
-                      size: M,
+                      firstMonth: w,
+                      numMonths: u,
+                      value: G,
+                      size: T,
                       localeCode: r,
                       onValueChange: (le) => {
-                        Ge(le), Te("calendar"), fe.current?.focus();
+                        qe(le), Te("calendar"), be.current?.focus();
                       },
                       onCancel: () => {
-                        Te("calendar"), fe.current?.focus();
+                        Te("calendar"), be.current?.focus();
                       }
                     }
                   ),
-                  k?.({ hideCalendar: L })
+                  C?.({ hideCalendar: A })
                 ] })
               }
             )
@@ -4010,64 +4006,64 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   isDateDisabled: c,
   renderDateContent: i,
   prevMonthDisabled: l,
-  nextMonthDisabled: d,
-  size: u,
+  nextMonthDisabled: f,
+  size: d,
   dateTestId: h,
-  previousMonthButtonTestId: g,
-  nextMonthButtonTestId: f,
-  calendarAriaLabel: D
+  previousMonthButtonTestId: u,
+  nextMonthButtonTestId: g,
+  calendarAriaLabel: p
 }) => {
   const {
-    visiblePanel: b,
-    visibleMonth: C,
-    setVisibleMonth: v,
-    setVisiblePanel: p,
-    monthPickerButtonRef: w,
-    selectedDate: m
+    visiblePanel: D,
+    visibleMonth: b,
+    setVisibleMonth: k,
+    setVisiblePanel: w,
+    monthPickerButtonRef: m,
+    selectedDate: v
   } = e;
-  return /* @__PURE__ */ N(Oe, { children: [
+  return /* @__PURE__ */ _(Oe, { children: [
     /* @__PURE__ */ o(
       dt,
       {
         ...e,
         previousMonthButtonAriaLabel: n,
         nextMonthButtonAriaLabel: r,
-        calendarSize: u,
+        calendarSize: d,
         prevMonthDisabled: l,
-        nextMonthDisabled: d,
-        previousMonthButtonTestId: g,
-        nextMonthButtonTestId: f
+        nextMonthDisabled: f,
+        previousMonthButtonTestId: u,
+        nextMonthButtonTestId: g
       }
     ),
-    b === "calendar" && /* @__PURE__ */ o(
+    D === "calendar" && /* @__PURE__ */ o(
       ut,
       {
         ...e,
-        size: u,
-        selectedStartDate: m,
-        selectedEndDate: m,
-        isValidDateRange: !!m,
+        size: d,
+        selectedStartDate: v,
+        selectedEndDate: v,
+        isValidDateRange: !!v,
         isDateDisabled: c,
         renderDateContent: i,
         multiSelectable: !1,
         dateTestId: h,
         hoverHighlightDirection: void 0,
-        ariaLabel: D
+        ariaLabel: p
       }
     ),
-    b === "month-picker" && /* @__PURE__ */ o(
+    D === "month-picker" && /* @__PURE__ */ o(
       Ve,
       {
         firstMonth: s,
         numMonths: a,
-        value: C,
+        value: b,
         localeCode: t,
-        size: u,
+        size: d,
         onValueChange: (S) => {
-          v(S), p("calendar"), w.current?.focus();
+          k(S), w("calendar"), m.current?.focus();
         },
         onCancel: () => {
-          p("calendar"), w.current?.focus();
+          w("calendar"), m.current?.focus();
         }
       }
     )
@@ -4078,71 +4074,70 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   label: n,
   localeCode: r = "sv",
   languageLocaleCode: s = r,
-  initialMonthInFocus: a,
+  visibleMonth: a,
   previousMonthButtonAriaLabel: c = "Previous month",
   nextMonthButtonAriaLabel: i = "Next month",
   placeholderWhenBlurred: l,
-  heading: d,
-  headingLevel: u,
+  heading: f,
+  headingLevel: d,
   numMonthsInMonthPicker: h = 12,
-  isDateDisabled: g,
-  renderDateContent: f,
-  onVisibleMonthChange: D,
-  prevMonthDisabled: b,
-  nextMonthDisabled: C,
-  firstMonthInMonthPicker: v,
-  dateTestId: p,
-  size: w = "medium",
-  previousMonthButtonTestId: m,
+  isDateDisabled: u,
+  renderDateContent: g,
+  onVisibleMonthChange: p,
+  prevMonthDisabled: D,
+  nextMonthDisabled: b,
+  firstMonthInMonthPicker: k,
+  dateTestId: w,
+  size: m = "medium",
+  previousMonthButtonTestId: v,
   nextMonthButtonTestId: S,
-  textInputVariant: k = "standard",
-  autoFocus: M
+  textInputVariant: C = "standard",
+  autoFocus: T
 }) => {
-  const x = Lt(
+  const M = Lt(
     e,
     t,
     r,
     s,
-    a
-  );
-  qe(x.visibleMonth, D);
-  const { onValueChangeByInputs: E } = x, T = I(
-    () => v ?? /* @__PURE__ */ new Date(),
-    [v]
+    a,
+    p
+  ), { onValueChangeByInputs: N } = M, x = I(
+    () => k ?? /* @__PURE__ */ new Date(),
+    [k]
   );
-  return /* @__PURE__ */ N(Z, { gap: 3, children: [
-    d && /* @__PURE__ */ o($e, { variant: "h2", as: u, children: d }),
+  return /* @__PURE__ */ _(Z, { gap: 3, children: [
+    f && /* @__PURE__ */ o(We, { variant: "h2", as: d, children: f }),
     /* @__PURE__ */ o(
       Hn,
       {
-        ...x,
+        ...M,
         value: e,
-        onValueChange: E,
+        onValueChange: N,
         localeCode: r,
         label: n,
-        calendarSize: w,
+        calendarSize: m,
         placeholderWhenBlurred: l,
-        variant: k,
+        variant: C,
         readOnlyOnMobile: !1,
-        autoFocus: M
+        autoFocus: T
       }
     ),
     /* @__PURE__ */ o(
       On,
       {
-        inputProps: x,
+        inputProps: M,
         languageLocaleCode: s,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: i,
-        firstMonthInMonthPicker: T,
+        firstMonthInMonthPicker: x,
         numMonthsInMonthPicker: h,
-        isDateDisabled: g,
-        renderDateContent: f,
-        prevMonthDisabled: b,
-        nextMonthDisabled: C,
-        size: w,
-        dateTestId: p,
-        previousMonthButtonTestId: m,
+        isDateDisabled: u,
+        renderDateContent: g,
+        prevMonthDisabled: D,
+        nextMonthDisabled: b,
+        size: m,
+        dateTestId: w,
+        previousMonthButtonTestId: v,
         nextMonthButtonTestId: S
       }
     )
@@ -4152,52 +4147,51 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   onValueChange: t,
   localeCode: n = "sv",
   languageLocaleCode: r = n,
-  initialMonthInFocus: s,
+  visibleMonth: s,
   previousMonthButtonAriaLabel: a = "Previous month",
   nextMonthButtonAriaLabel: c = "Next month",
   numMonthsInMonthPicker: i = 12,
   isDateDisabled: l,
-  renderDateContent: d,
-  onVisibleMonthChange: u,
+  renderDateContent: f,
+  onVisibleMonthChange: d,
   prevMonthDisabled: h,
-  nextMonthDisabled: g,
-  firstMonthInMonthPicker: f,
-  dateTestId: D,
-  size: b = "medium",
-  previousMonthButtonTestId: C,
-  nextMonthButtonTestId: v,
-  calendarAriaLabel: p
+  nextMonthDisabled: u,
+  firstMonthInMonthPicker: g,
+  dateTestId: p,
+  size: D = "medium",
+  previousMonthButtonTestId: b,
+  nextMonthButtonTestId: k,
+  calendarAriaLabel: w
 }) => {
-  const w = Lt(
+  const m = Lt(
     e,
     t,
     n,
     r,
-    s
-  );
-  qe(w.visibleMonth, u);
-  const m = I(
-    () => f ?? /* @__PURE__ */ new Date(),
-    [f]
+    s,
+    d
+  ), v = I(
+    () => g ?? /* @__PURE__ */ new Date(),
+    [g]
   );
   return /* @__PURE__ */ o(Z, { gap: 3, children: /* @__PURE__ */ o(
     On,
     {
-      inputProps: w,
+      inputProps: m,
       languageLocaleCode: r,
       previousMonthButtonAriaLabel: a,
       nextMonthButtonAriaLabel: c,
-      firstMonthInMonthPicker: m,
+      firstMonthInMonthPicker: v,
       numMonthsInMonthPicker: i,
       isDateDisabled: l,
-      renderDateContent: d,
+      renderDateContent: f,
       prevMonthDisabled: h,
-      nextMonthDisabled: g,
-      size: b,
-      dateTestId: D,
-      previousMonthButtonTestId: C,
-      nextMonthButtonTestId: v,
-      calendarAriaLabel: p
+      nextMonthDisabled: u,
+      size: D,
+      dateTestId: p,
+      previousMonthButtonTestId: b,
+      nextMonthButtonTestId: k,
+      calendarAriaLabel: w
     }
   ) });
 }, po = ({
@@ -4207,72 +4201,71 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
   endDateLabel: r,
   localeCode: s = "sv",
   languageLocaleCode: a = s,
-  initialMonthInFocus: c,
+  visibleMonth: c,
   previousMonthButtonAriaLabel: i = "Previous month",
   nextMonthButtonAriaLabel: l = "Next month",
-  heading: d,
-  headingLevel: u,
+  heading: f,
+  headingLevel: d,
   numMonthsInMonthPicker: h = 12,
-  isDateDisabled: g,
-  renderDateContent: f,
-  onVisibleMonthChange: D,
-  prevMonthDisabled: b,
-  nextMonthDisabled: C,
-  firstMonthInMonthPicker: v = /* @__PURE__ */ new Date(),
-  size: p = "medium",
-  dateTestId: w,
-  previousMonthButtonTestId: m,
+  isDateDisabled: u,
+  renderDateContent: g,
+  onVisibleMonthChange: p,
+  prevMonthDisabled: D,
+  nextMonthDisabled: b,
+  firstMonthInMonthPicker: k = /* @__PURE__ */ new Date(),
+  size: w = "medium",
+  dateTestId: m,
+  previousMonthButtonTestId: v,
   nextMonthButtonTestId: S,
-  placeholderWhenBlurredStartDate: k,
-  placeholderWhenBlurredEndDate: M,
-  textInputVariant: x = "standard",
-  autoFocusStartDate: E,
-  autoFocusEndDate: T
+  placeholderWhenBlurredStartDate: C,
+  placeholderWhenBlurredEndDate: T,
+  textInputVariant: M = "standard",
+  autoFocusStartDate: N,
+  autoFocusEndDate: x
 }) => {
-  const [P, K] = R(void 0), $ = O(null), j = O(null), Q = y((z) => {
-    z === "startDate" ? $.current?.focus() : z === "endDate" && j.current?.focus();
+  const [B, $] = R(void 0), U = O(null), z = O(null), J = y((P) => {
+    P === "startDate" ? U.current?.focus() : P === "endDate" && z.current?.focus();
   }, []), Y = Yn(
     e,
     t,
     s,
     a,
     c,
-    P,
-    K,
-    Q,
+    p,
+    B,
+    $,
+    J,
     void 0
-  );
-  qe(Y.visibleMonth, D);
-  const _ = y((z) => {
-    K(z);
+  ), K = y((P) => {
+    $(P);
   }, []), {
-    visiblePanel: V,
-    visibleMonth: A,
-    onValueChangeByInputs: G,
-    setVisibleMonth: L,
-    setVisiblePanel: H,
-    monthPickerButtonRef: W
+    visiblePanel: E,
+    visibleMonth: W,
+    onValueChangeByInputs: H,
+    setVisibleMonth: A,
+    setVisiblePanel: j,
+    monthPickerButtonRef: q
   } = Y;
-  return /* @__PURE__ */ N(Z, { gap: 3, children: [
-    d && /* @__PURE__ */ o($e, { variant: "h2", as: u, children: d }),
+  return /* @__PURE__ */ _(Z, { gap: 3, children: [
+    f && /* @__PURE__ */ o(We, { variant: "h2", as: d, children: f }),
     /* @__PURE__ */ o(
-      Fn,
+      Pn,
       {
         ...Y,
         value: e,
-        onValueChange: G,
-        startDateRef: $,
-        endDateRef: j,
+        onValueChange: H,
+        startDateRef: U,
+        endDateRef: z,
         localeCode: s,
         startDateLabel: n,
         endDateLabel: r,
-        onFocus: _,
-        calendarSize: p,
-        placeholderWhenBlurredStartDate: k,
-        placeholderWhenBlurredEndDate: M,
-        variant: x,
-        autoFocusStartDate: E,
-        autoFocusEndDate: T,
+        onFocus: K,
+        calendarSize: w,
+        placeholderWhenBlurredStartDate: C,
+        placeholderWhenBlurredEndDate: T,
+        variant: M,
+        autoFocusStartDate: N,
+        autoFocusEndDate: x,
         readOnlyOnMobile: !1
       }
     ),
@@ -4282,37 +4275,37 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
         ...Y,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: l,
-        calendarSize: p,
-        prevMonthDisabled: b,
-        nextMonthDisabled: C,
-        previousMonthButtonTestId: m,
+        calendarSize: w,
+        prevMonthDisabled: D,
+        nextMonthDisabled: b,
+        previousMonthButtonTestId: v,
         nextMonthButtonTestId: S
       }
     ),
-    V === "calendar" && /* @__PURE__ */ o(
+    E === "calendar" && /* @__PURE__ */ o(
       ut,
       {
         ...Y,
-        size: p,
+        size: w,
         multiSelectable: !0,
-        isDateDisabled: g,
-        renderDateContent: f,
-        dateTestId: w
+        isDateDisabled: u,
+        renderDateContent: g,
+        dateTestId: m
       }
     ),
-    V === "month-picker" && /* @__PURE__ */ o(
+    E === "month-picker" && /* @__PURE__ */ o(
       Ve,
       {
-        firstMonth: v,
+        firstMonth: k,
         numMonths: h,
-        value: A,
-        size: p,
+        value: W,
+        size: w,
         localeCode: a,
-        onValueChange: (z) => {
-          L(z), H("calendar"), W.current?.focus();
+        onValueChange: (P) => {
+          A(P), j("calendar"), q.current?.focus();
         },
         onCancel: () => {
-          H("calendar"), W.current?.focus();
+          j("calendar"), q.current?.focus();
         }
       }
     )
@@ -4326,13 +4319,18 @@ const Yn = (e, t, n, r, s, a, c, i, l) => {
 }, bo = () => {
   const e = xe();
   return y(
-    (t) => De(e, t) || Be(t, e),
+    (t) => ue(e, t) || Be(t, e),
     [e]
   );
+}, wo = (e) => {
+  const [t, n] = R(
+    () => st(e ?? /* @__PURE__ */ new Date())
+  );
+  return { visibleMonth: t, onVisibleMonthChange: n };
 };
 export {
-  yt as Calendar,
-  Mn as CalendarDay,
+  wt as Calendar,
+  Sn as CalendarDay,
   so as DateInput,
   eo as DateRangeCalendar,
   uo as DateRangeDualTextInput,
@@ -4343,7 +4341,7 @@ export {
   Ve as MonthPicker,
   no as MultiDateCalendar,
   ns as PresetPicker,
-  Nn as SingleDateCalendar,
+  xn as SingleDateCalendar,
   ro as SingleWeekCalendar,
   co as TimeTextInput,
   go as TravelDateCalendar,
@@ -4356,7 +4354,7 @@ export {
   Or as WeekNumberCell,
   lo as YearPicker,
   pe as addDayStateHighlights,
-  Sn as addDayStateHighlightsOnSingleDay,
+  kn as addDayStateHighlightsOnSingleDay,
   Mr as addWeekRangeHighlights,
   Ga as addWeekStateHighlights,
   He as buildDayStateForDateRange,
@@ -4371,7 +4369,7 @@ export {
   Fr as defaultTextPropsProvider,
   Pr as defaultWrapperStyleProvider,
   Ja as extranetCalendarTheme,
-  In as fallbackLocaleCode,
+  Tn as fallbackLocaleCode,
   Qa as fallbackLocaleCodeForFormatting,
   we as formatLocalizedDate,
   Ee as getDateFormatForLocaleCode,
@@ -4381,24 +4379,25 @@ export {
   _e as getLocaleForLocaleCode,
   it as getMonthInYear,
   Xt as getMonthsInYear,
-  Rn as getSupportedLocaleCode,
+  In as getSupportedLocaleCode,
   Gr as getSupportedLocaleCodeMatchingLanguage,
   Et as getWeekForDate,
   _r as getWeeksForMonth,
-  _n as isDateRangeInvalid,
+  Rn as isDateRangeInvalid,
   de as parseLocalizedDateString,
-  kt as reformatLocalizedDateString,
+  Ct as reformatLocalizedDateString,
   Ka as setDayStateValue,
   qa as setDayStateValueFunction,
   ls as stringsToDateRange,
   Xa as toggleDateStringsIfEndIsEarlierThanStart,
-  xn as toggleDatesIfEndIsEarlierThanStart,
+  _n as toggleDatesIfEndIsEarlierThanStart,
   to as useDateRangeCalendarState,
   us as useDateRangeSelection,
   Do as useDisabledBeforeToday,
   hs as useMultiDateSelection,
   bo as usePrevMonthDisabledBeforeToday,
   fs as useSingleDateSelection,
-  gs as useSingleWeekSelection
+  gs as useSingleWeekSelection,
+  wo as useVisibleMonthState
 };
 //# sourceMappingURL=index.es.js.map