@stenajs-webui/calendar 24.0.0 → 25.0.0

package/dist/index.es.js

@@ -1,11 +1,11 @@
-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 { jsx as o, jsxs as N, 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 Te, 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 It, 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 Tt, 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 ce, 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 ne, useCallback as y, useId as Nt, useState as R, forwardRef as ot, createContext as wr, useLayoutEffect as Cn } from "react";
+import { useMemo as T, useRef as Y, useEffect as ne, useCallback as y, useId as Nt, useState as _, forwardRef as ot, createContext as wr, useLayoutEffect as Cn } from "react";
 import oe from "classnames";
 import gt from "@emotion/styled";
 import { TextInput as De, TextInputBox as yr, LabelledTextInput as vr } from "@stenajs-webui/forms";
@@ -39,7 +39,7 @@ import './index.css';const fe = {
   Dn([t, ye(r, 1)]),
   pn([n, ae(s, 1)])
 ) : He(e, t, n), Ka = (e, t, n) => {
-  const r = Q(t, fe.yearAndMonth), s = It(t), a = at(t);
+  const r = Q(t, fe.yearAndMonth), s = Tt(t), a = at(t);
   return {
     ...e,
     [r]: {
@@ -54,7 +54,7 @@ import './index.css';const fe = {
     }
   };
 }, qa = (e, t, n) => {
-  const r = Q(t, fe.yearAndMonth), s = It(t), a = at(t);
+  const r = Q(t, fe.yearAndMonth), s = Tt(t), a = at(t);
   return {
     ...e,
     [r]: {
@@ -71,7 +71,7 @@ import './index.css';const fe = {
     }
   };
 }, pe = (e, t, n) => {
-  const r = t.getMonth() + 1, s = `${t.getFullYear()}-${r < 10 ? "0" : ""}${r}`, a = It(t), c = at(t), i = e && e[s] && e[s][a] && e[s][a][c];
+  const r = t.getMonth() + 1, s = `${t.getFullYear()}-${r < 10 ? "0" : ""}${r}`, a = Tt(t), c = at(t), i = e && e[s] && e[s][a] && e[s][a][c];
   return {
     ...e,
     [s]: {
@@ -109,8 +109,8 @@ import './index.css';const fe = {
   return {
     ...He(e, n, r)
   };
-}, Tr = (e, t) => I(() => e ? pe(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), ct = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
-var Ir = /* @__PURE__ */ ((e) => (e[e.JANUARY = 0] = "JANUARY", e[e.FEBRUARY = 1] = "FEBRUARY", e[e.MARCH = 2] = "MARCH", e[e.APRIL = 3] = "APRIL", e[e.MAY = 4] = "MAY", e[e.JUNE = 5] = "JUNE", e[e.JULY = 6] = "JULY", e[e.AUGUST = 7] = "AUGUST", e[e.SEPTEMBER = 8] = "SEPTEMBER", e[e.OCTOBER = 9] = "OCTOBER", e[e.NOVEMBER = 10] = "NOVEMBER", e[e.DECEMBER = 11] = "DECEMBER", e))(Ir || {}), Rr = /* @__PURE__ */ ((e) => (e[e.SUNDAY = 0] = "SUNDAY", e[e.MONDAY = 1] = "MONDAY", e[e.TUESDAY = 2] = "TUESDAY", e[e.WEDNESDAY = 3] = "WEDNESDAY", e[e.THURSDAY = 4] = "THURSDAY", e[e.FRIDAY = 5] = "FRIDAY", e[e.SATURDAY = 6] = "SATURDAY", e))(Rr || {});
+}, Ir = (e, t) => T(() => e ? pe(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), ct = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
+var Tr = /* @__PURE__ */ ((e) => (e[e.JANUARY = 0] = "JANUARY", e[e.FEBRUARY = 1] = "FEBRUARY", e[e.MARCH = 2] = "MARCH", e[e.APRIL = 3] = "APRIL", e[e.MAY = 4] = "MAY", e[e.JUNE = 5] = "JUNE", e[e.JULY = 6] = "JULY", e[e.AUGUST = 7] = "AUGUST", e[e.SEPTEMBER = 8] = "SEPTEMBER", e[e.OCTOBER = 9] = "OCTOBER", e[e.NOVEMBER = 10] = "NOVEMBER", e[e.DECEMBER = 11] = "DECEMBER", e))(Tr || {}), Rr = /* @__PURE__ */ ((e) => (e[e.SUNDAY = 0] = "SUNDAY", e[e.MONDAY = 1] = "MONDAY", e[e.TUESDAY = 2] = "TUESDAY", e[e.WEDNESDAY = 3] = "WEDNESDAY", e[e.THURSDAY = 4] = "THURSDAY", e[e.FRIDAY = 5] = "FRIDAY", e[e.SATURDAY = 6] = "SATURDAY", e))(Rr || {});
 const Xt = (e, t, n, r) => {
   const s = [];
   for (let a = 0; a < n; a++)
@@ -414,7 +414,7 @@ const Xt = (e, t, n, r) => {
     u,
     {
       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: [
+      children: /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(p, { children: (t.month === r.monthInYear || d) && /* @__PURE__ */ N(Oe, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -444,7 +444,7 @@ const Xt = (e, t, n, r) => {
   backgroundColor: s,
   prefix: a
 }) => {
-  const c = /* @__PURE__ */ _(
+  const c = /* @__PURE__ */ N(
     L,
     {
       width: t.width,
@@ -453,7 +453,7 @@ const Xt = (e, t, n, r) => {
       alignItems: "center",
       children: [
         r && /* @__PURE__ */ o(L, { position: "absolute", children: r }),
-        /* @__PURE__ */ o(L, { position: "absolute", children: /* @__PURE__ */ _(
+        /* @__PURE__ */ o(L, { position: "absolute", children: /* @__PURE__ */ N(
           ke,
           {
             color: e ? t.WeekNumber.clickableTextColor : t.WeekNumber.textColor,
@@ -490,7 +490,7 @@ const Xt = (e, t, n, r) => {
   day: a,
   ...c
 }) {
-  const i = I(
+  const i = T(
     () => Wr(a.date, n, r) ? s : kn(s, ["disabled"]),
     [a.date, s, r, n]
   );
@@ -515,8 +515,8 @@ function Ur({
   defaultHighlights: D,
   showWeekNumber: b
 }) {
-  return /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
-    /* @__PURE__ */ _(
+  return /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ N(L, { alignItems: "stretch", children: [
+    /* @__PURE__ */ N(
       V,
       {
         justifyContent: u ? "space-between" : "center",
@@ -527,9 +527,9 @@ function Ur({
             {
               onClick: () => f(e),
               label: e.name + " " + String(e.year),
-              rightIcon: Tt
+              rightIcon: It
             }
-          ) : /* @__PURE__ */ _(ke, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ N(ke, { whiteSpace: "nowrap", children: [
             e.name,
             " ",
             e.year
@@ -538,36 +538,36 @@ function Ur({
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ _("tr", { children: [
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ N("tbody", { children: [
+      /* @__PURE__ */ N("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(
+        e.weeks[0].days.map((C) => /* @__PURE__ */ o("td", { children: h ? h(C.name, g, l) : /* @__PURE__ */ o(
           Yr,
           {
-            day: k,
+            day: C,
             onClickWeekDay: l,
             theme: g
           }
-        ) }, k.name))
+        ) }, C.name))
       ] }),
-      e.weeks.map((k) => /* @__PURE__ */ _("tr", { children: [
-        b && /* @__PURE__ */ o("td", { children: d ? d(k, g, i) : /* @__PURE__ */ o(
+      e.weeks.map((C) => /* @__PURE__ */ N("tr", { children: [
+        b && /* @__PURE__ */ o("td", { children: d ? d(C, g, i) : /* @__PURE__ */ o(
           Or,
           {
-            week: k,
+            week: C,
             onClickWeek: i,
             theme: g
           }
         ) }),
-        k.days.map((w) => /* @__PURE__ */ o(
+        C.days.map((w) => /* @__PURE__ */ o(
           $r,
           {
             dayComponent: t,
             day: w,
-            week: k,
+            week: C,
             month: e,
-            dayState: n && n[k.weekNumber] && n[k.weekNumber][w.dayOfMonth],
-            userData: r && r[k.weekNumber] && r[k.weekNumber][w.dayOfMonth],
+            dayState: n && n[C.weekNumber] && n[C.weekNumber][w.dayOfMonth],
+            userData: r && r[C.weekNumber] && r[C.weekNumber][w.dayOfMonth],
             onClickDay: c,
             theme: g,
             extraDayContent: p,
@@ -577,7 +577,7 @@ function Ur({
           },
           w.dateString
         ))
-      ] }, k.weekNumber))
+      ] }, C.weekNumber))
     ] }) })
   ] }) });
 }
@@ -600,10 +600,10 @@ function jr({
   showWeekNumber: D,
   theme: b = Se
 }) {
-  const k = I(
+  const C = T(
     () => s ? Ce(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), w = I(
+  ), w = T(
     () => a ? Ce(a, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [a]
   );
@@ -631,7 +631,7 @@ function jr({
           headerRightContent: u,
           extraDayContent: g,
           defaultHighlights: p,
-          minDate: k,
+          minDate: C,
           maxDate: w,
           showWeekNumber: D ?? !1
         },
@@ -650,7 +650,7 @@ function wt(e) {
     e.locale ?? et,
     e.numMonths,
     e.monthsPerRow
-  ), a = Tr(
+  ), a = Ir(
     e.highlightToday,
     e.statePerMonth
   );
@@ -730,7 +730,7 @@ const Vr = (e, t, n) => {
   es: Wt,
   fr: Ot,
   pl: Ht
-}, Tn = "en-GB", Qa = "sv", In = (e, t, n) => {
+}, In = "en-GB", Qa = "sv", Tn = (e, t, n) => {
   if (Re[e])
     return e;
   if (t) {
@@ -759,16 +759,16 @@ const Vr = (e, t, n) => {
   position: c,
   size: i
 }) => {
-  const l = I(
+  const l = T(
     () => _e(r) ?? _e("en-GB"),
     [r]
-  ), f = I(
+  ), f = T(
     () => ct(Q(e, "LLL", { locale: l })),
     [l, e]
-  ), d = I(
+  ), d = T(
     () => Q(e, "LLLL", { locale: l }),
     [l, e]
-  ), h = O(null), u = Mn(c, a), g = n ? 0 : -1;
+  ), h = Y(null), u = Mn(c, a), g = n ? 0 : -1;
   ne(() => {
     h.current?.focus();
   }, []);
@@ -843,7 +843,7 @@ const Vr = (e, t, n) => {
   onCancel: a,
   size: c = "medium"
 }) => {
-  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]);
+  const i = Nt(), l = xe(), f = s > 0 ? s : 12, [d, h] = _(!1), u = Zr(n, f, es(c)), g = T(() => Ue(n, f), [f, n]);
   ne(() => {
     h(!0);
   }, []);
@@ -854,10 +854,10 @@ const Vr = (e, t, n) => {
     [a]
   );
   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: [
+    const { rows: C } = u.years[D];
+    return /* @__PURE__ */ N(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) => {
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: C.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,
@@ -866,7 +866,7 @@ const Vr = (e, t, n) => {
             firstAvailableMonth: n,
             lastAvailableMonth: g,
             localeCode: r,
-            selected: e ? ue(e, v) : !1,
+            selected: e ? ce(e, v) : !1,
             autoFocus: d,
             onClick: () => t?.(v),
             monthPickerId: i,
@@ -923,9 +923,9 @@ const Vr = (e, t, n) => {
 ], ns = ({
   onClickPreset: e
 }) => {
-  const [t, n] = R(0), r = I(() => ts(/* @__PURE__ */ new Date()), []), s = r[t] ?? r[0];
-  return /* @__PURE__ */ _(Z, { children: [
-    /* @__PURE__ */ _(
+  const [t, n] = _(0), r = T(() => ts(/* @__PURE__ */ new Date()), []), s = r[t] ?? r[0];
+  return /* @__PURE__ */ N(Z, { children: [
+    /* @__PURE__ */ N(
       V,
       {
         justifyContent: "space-between",
@@ -954,8 +954,8 @@ const Vr = (e, t, n) => {
         ]
       }
     ),
-    /* @__PURE__ */ o(Ie, {}),
-    /* @__PURE__ */ o(Z, { alignItems: "center", children: s.presets.map((a) => /* @__PURE__ */ _(xt.Fragment, { children: [
+    /* @__PURE__ */ o(Te, {}),
+    /* @__PURE__ */ o(Z, { alignItems: "center", children: s.presets.map((a) => /* @__PURE__ */ N(xt.Fragment, { children: [
       /* @__PURE__ */ o(
         Ne,
         {
@@ -963,7 +963,7 @@ const Vr = (e, t, n) => {
           onClick: () => e(a)
         }
       ),
-      /* @__PURE__ */ o(Ie, {})
+      /* @__PURE__ */ o(Te, {})
     ] }, a.label)) })
   ] });
 }, rs = function({
@@ -977,7 +977,7 @@ const Vr = (e, t, n) => {
   numMonthsInMonthPicker: l,
   ...f
 }) {
-  const d = I(
+  const d = T(
     () => t == null ? "en-GB" : Jr(t) ?? "en-GB",
     [t]
   ), h = xe(), u = y(
@@ -1055,16 +1055,16 @@ const Vr = (e, t, n) => {
   nextMonth: n,
   prevYear: r,
   nextYear: s
-}) => /* @__PURE__ */ _("div", { children: [
+}) => /* @__PURE__ */ N("div", { children: [
   e,
-  /* @__PURE__ */ o(Pe, { children: /* @__PURE__ */ _(V, { gap: 1, children: [
+  /* @__PURE__ */ o(Pe, { children: /* @__PURE__ */ N(V, { gap: 1, children: [
     /* @__PURE__ */ o(ge, { onClick: r, leftIcon: qn }),
     /* @__PURE__ */ o(ge, { onClick: t, leftIcon: rt }),
     /* @__PURE__ */ o(Pe, { num: 2 }),
     /* @__PURE__ */ o(ge, { onClick: n, leftIcon: $e }),
     /* @__PURE__ */ o(ge, { onClick: s, leftIcon: Gn })
   ] }) }),
-  /* @__PURE__ */ o(Ie, {})
+  /* @__PURE__ */ o(Te, {})
 ] }), os = () => {
 };
 function Me({
@@ -1116,7 +1116,7 @@ function Me({
           onSelectPreset: c,
           firstMonthInMonthPicker: l,
           numMonthsInMonthPicker: f,
-          headerRightContent: /* @__PURE__ */ _(V, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ N(V, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
               ge,
               {
@@ -1174,7 +1174,7 @@ const cs = (e, t) => e || (t || 1) > 1 ? "below" : "header", is = (e) => ({
     e?.startDate
   ]
 ), lt = (e) => {
-  const [t, n] = R("calendar"), r = y(
+  const [t, n] = _("calendar"), r = y(
     (s) => {
       n(s), e?.(s);
     },
@@ -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), [f, d] = R(
+  const { currentPanel: i, setCurrentPanel: l } = lt(a), [f, d] = _(
     () => c ?? /* @__PURE__ */ new Date()
   ), h = ds(
     t,
     n,
     e,
     r
-  ), u = I(
+  ), u = T(
     () => He(
       s,
       t?.startDate,
@@ -1222,7 +1222,7 @@ function eo(e) {
   return /* @__PURE__ */ o(Me, { ...e, ...t });
 }
 const to = () => {
-  const [e, t] = R(), [n, r] = R(), [s, a] = R("startDate");
+  const [e, t] = _(), [n, r] = _(), [s, a] = _("startDate");
   return {
     startDate: e,
     setStartDate: t,
@@ -1237,12 +1237,12 @@ const to = () => {
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const { currentPanel: s, setCurrentPanel: a } = lt(r), [c, i] = R(() => t ?? /* @__PURE__ */ new Date()), l = y(
+  const { currentPanel: s, setCurrentPanel: a } = lt(r), [c, i] = _(() => t ?? /* @__PURE__ */ new Date()), l = y(
     (d) => {
       e && e(d.date);
     },
     [e]
-  ), f = I(
+  ), f = T(
     () => t ? pe(n, t, [
       "selected",
       "singleSelected"
@@ -1270,7 +1270,7 @@ const hs = ({
   onChangePanel: r,
   initialDateInFocus: s
 }) => {
-  const { currentPanel: a, setCurrentPanel: c } = lt(r), [i, l] = R(
+  const { currentPanel: a, setCurrentPanel: c } = lt(r), [i, l] = _(
     s ?? /* @__PURE__ */ new Date()
   ), f = y(
     (h) => {
@@ -1280,7 +1280,7 @@ const hs = ({
       e(t && u ? t.filter((g) => !F(g, h.date)) : [...t || [], h.date]);
     },
     [e, t]
-  ), d = I(() => t ? t.reduce(
+  ), d = T(() => t ? t.reduce(
     (h, u) => pe(h, u, ["selected"]),
     n
   ) : n, [n, t]);
@@ -1304,7 +1304,7 @@ const gs = ({
   onChangePanel: r,
   locale: s = et
 }) => {
-  const [a, c] = R(() => {
+  const [a, c] = _(() => {
     const g = mt(t, s);
     return g ? g.days[0].date : /* @__PURE__ */ new Date();
   }), { currentPanel: i, setCurrentPanel: l } = lt(r), f = y(
@@ -1317,10 +1317,10 @@ const gs = ({
       e && e(tn(g));
     },
     [e]
-  ), h = I(() => {
+  ), h = T(() => {
     const g = mt(t, s);
     return g ? Mr(n, g) : n;
-  }, [t, s, n]), u = I(() => {
+  }, [t, s, n]), u = T(() => {
     const g = mt(t, s);
     return g ? g.days[0].date : /* @__PURE__ */ new Date();
   }, [s, t]);
@@ -1350,7 +1350,7 @@ function ro(e) {
   return /* @__PURE__ */ o(Me, { ...e, ...t });
 }
 const ze = "bottom", ms = (e, t, n) => {
-  const [r, s] = R(n || !1), a = y(() => (s(!0), !0), [s]), c = y(() => {
+  const [r, s] = _(n || !1), a = y(() => (s(!0), !0), [s]), c = y(() => {
     s(!1), t && t();
   }, [s, t]), i = y(
     (l) => {
@@ -1381,7 +1381,7 @@ const ze = "bottom", ms = (e, t, n) => {
   portalTarget: g,
   zIndex: p
 }) => {
-  const { hideCalendar: D, showingCalendar: b, onSelectDate: k, showCalendar: w } = ms(i, c, a);
+  const { hideCalendar: D, showingCalendar: b, onSelectDate: C, showCalendar: w } = ms(i, c, a);
   return /* @__PURE__ */ o(L, { width: f, children: /* @__PURE__ */ o(
     je,
     {
@@ -1413,7 +1413,7 @@ const ze = "bottom", ms = (e, t, n) => {
         xn,
         {
           ...s,
-          onChange: k,
+          onChange: C,
           value: n,
           theme: r,
           minDate: d,
@@ -1423,7 +1423,7 @@ const ze = "bottom", ms = (e, t, n) => {
     }
   ) });
 }, 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]), f = y(() => (i("endDate"), a(!0), !0), [i, a]), d = y(() => {
+  const n = Y(null), r = Y(null), [s, a] = _(!1), [c, i] = _(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(
     (g) => {
@@ -1436,7 +1436,7 @@ const ze = "bottom", ms = (e, t, n) => {
       }), e?.startDate ? setTimeout(d, 150) : (i("startDate"), n.current?.focus()));
     },
     [c, t, i, d, e]
-  ), u = I(
+  ), u = T(
     () => e?.startDate && e?.endDate && X(e.startDate, e.endDate),
     [e?.startDate, e?.endDate]
   );
@@ -1468,19 +1468,19 @@ function ao({
   portalTarget: h,
   zIndex: u
 }) {
-  const [g, p] = R("calendar"), {
+  const [g, p] = _("calendar"), {
     hideCalendar: D,
     showCalendarEndDate: b,
-    showCalendarStartDate: k,
+    showCalendarStartDate: C,
     showingCalendar: w,
     focusedInput: m,
     startDateInputRef: v,
     endDateInputRef: S,
-    onClickDay: C,
-    startDateIsAfterEnd: T
-  } = ps(r, s), [M, N] = R(
+    onClickDay: M,
+    startDateIsAfterEnd: k
+  } = ps(r, s), [R, I] = _(
     () => (m && r?.[m]) ?? /* @__PURE__ */ new Date()
-  ), x = I(
+  ), x = T(
     () => He(void 0, r?.startDate, r?.endDate),
     [r]
   );
@@ -1492,22 +1492,22 @@ function ao({
       returnFocus: !1,
       appendTo: h,
       zIndex: u,
-      renderTrigger: (B) => /* @__PURE__ */ _(V, { alignItems: "center", ...B, children: [
+      renderTrigger: (B) => /* @__PURE__ */ N(V, { alignItems: "center", ...B, children: [
         /* @__PURE__ */ o(
           De,
           {
             iconLeft: Fe,
-            onFocus: k,
+            onFocus: C,
             value: r?.startDate ? Q(r.startDate, e) : "",
             placeholder: t,
             width: a,
             disabled: d,
             inputRef: v,
             size: 9,
-            variant: T ? "error" : void 0
+            variant: k ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ o(Ie, {}),
+        /* @__PURE__ */ o(Te, {}),
         /* @__PURE__ */ o(
           un,
           {
@@ -1516,7 +1516,7 @@ function ao({
             size: 14
           }
         ),
-        /* @__PURE__ */ o(Ie, {}),
+        /* @__PURE__ */ o(Te, {}),
         /* @__PURE__ */ o(
           De,
           {
@@ -1528,7 +1528,7 @@ function ao({
             disabled: d,
             inputRef: S,
             size: 9,
-            variant: T ? "error" : void 0
+            variant: k ? "error" : void 0
           }
         )
       ] }),
@@ -1539,11 +1539,11 @@ function ao({
         Me,
         {
           ...i,
-          dateInFocus: M,
-          setDateInFocus: N,
+          dateInFocus: R,
+          setDateInFocus: I,
           statePerMonth: x,
           theme: c,
-          onClickDay: C,
+          onClickDay: M,
           currentPanel: g,
           setCurrentPanel: p,
           minDate: l,
@@ -1571,27 +1571,27 @@ const oo = ({
   zIndex: p,
   ...D
 }) => {
-  const [b, k] = R(!1), w = y(() => {
-    k(!b);
-  }, [k, b]), m = y(() => {
-    k(!1);
-  }, [k]), v = y(
+  const [b, C] = _(!1), w = y(() => {
+    C(!b);
+  }, [C, b]), m = y(() => {
+    C(!1);
+  }, [C]), v = y(
     (x) => {
       s && s(x);
     },
     [s]
   ), S = y(
     (x) => {
-      x && (v(Q(x, n)), t && setTimeout(() => k(!b), 200));
+      x && (v(Q(x, n)), t && setTimeout(() => C(!b), 200));
     },
     [
       v,
       n,
       t,
-      k,
+      C,
       b
     ]
-  ), C = !!c && !/^[-/\\.0-9]+$/.test(c), T = !!c && lr(Ce(c, n, /* @__PURE__ */ new Date())), N = !!c && c.length >= n.length && !T || C;
+  ), M = !!c && !/^[-/\\.0-9]+$/.test(c), k = !!c && lr(Ce(c, n, /* @__PURE__ */ new Date())), I = !!c && c.length >= n.length && !k || M;
   return /* @__PURE__ */ o(L, { width: i, children: /* @__PURE__ */ o(
     je,
     {
@@ -1601,7 +1601,7 @@ const oo = ({
         De,
         {
           ...D,
-          variant: N ? "error" : u,
+          variant: I ? "error" : u,
           disableContentPaddingRight: !0,
           contentRight: f ? void 0 : /* @__PURE__ */ o(V, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
             re,
@@ -1631,7 +1631,7 @@ const oo = ({
         {
           ...e,
           onChange: S,
-          value: c && T ? Ce(c, n, /* @__PURE__ */ new Date()) : void 0,
+          value: c && k ? Ce(c, n, /* @__PURE__ */ new Date()) : void 0,
           minDate: d,
           maxDate: h,
           theme: l
@@ -1715,7 +1715,7 @@ const oo = ({
   variant: a,
   ...c
 }) => {
-  const [i, l] = R(() => yt(r)), f = "hh:mm", d = y(() => {
+  const [i, l] = _(() => yt(r)), f = "hh:mm", d = y(() => {
     if (r) {
       const u = Ds(r);
       l(u.success), u.success && e && e(u.time);
@@ -1759,37 +1759,37 @@ const oo = ({
   valueRight: p,
   minLeft: D,
   maxLeft: b,
-  minRight: k,
+  minRight: C,
   maxRight: w,
   onClickLeft: m,
   onClickRight: v,
   onClickCalendar: S,
-  onClickArrowDown: C,
-  onBlurLeft: T,
-  onBlurRight: M,
-  onFocusLeft: N,
+  onClickArrowDown: M,
+  onBlurLeft: k,
+  onBlurRight: R,
+  onFocusLeft: I,
   onFocusRight: x,
   inputRefLeft: B,
   inputRefRight: $,
   variant: U,
   variantLeft: z,
   variantRight: J,
-  onBlur: Y,
+  onBlur: H,
   showPresets: K,
   widthLeft: E,
   widthRight: W,
-  disabled: H
+  disabled: O
 }) => {
-  const A = O(0), j = I(
+  const A = Y(0), j = T(
     () => Dr((G) => {
-      G === 0 && Y?.();
+      G === 0 && H?.();
     }, 10),
-    [Y]
+    [H]
   ), q = y(
     (G) => {
-      A.current++, j(A.current), N && N(G);
+      A.current++, j(A.current), I && I(G);
     },
-    [N, A, j]
+    [I, A, j]
   ), P = y(
     (G) => {
       A.current++, j(A.current), x && x(G);
@@ -1797,39 +1797,39 @@ const oo = ({
     [x, A, j]
   ), ee = y(
     (G) => {
-      A.current--, j(A.current), T && T(G);
+      A.current--, j(A.current), k && k(G);
     },
-    [T, A, j]
-  ), ce = y(
+    [k, A, j]
+  ), ie = y(
     (G) => {
-      A.current--, j(A.current), M && M(G);
+      A.current--, j(A.current), R && R(G);
     },
-    [M, A, j]
+    [R, A, j]
   );
-  return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ N(
     yr,
     {
       disableContentPaddingRight: !0,
-      disabled: H,
+      disabled: O,
       variant: U,
-      contentRight: /* @__PURE__ */ _(V, { alignItems: "center", children: [
+      contentRight: /* @__PURE__ */ N(V, { alignItems: "center", children: [
         /* @__PURE__ */ o(Pe, { num: 0.5, children: /* @__PURE__ */ o(
           re,
           {
             leftIcon: Fe,
             onClick: S,
-            disabled: H,
+            disabled: O,
             size: "small"
           }
         ) }),
-        K ? /* @__PURE__ */ _(Oe, { children: [
+        K ? /* @__PURE__ */ N(Oe, { children: [
           /* @__PURE__ */ o(V, { height: "22px", children: /* @__PURE__ */ o(jn, { vertical: !0 }) }),
           /* @__PURE__ */ o(Pe, { num: 0.5, children: /* @__PURE__ */ o(
             re,
             {
-              leftIcon: Tt,
-              onClick: C,
-              disabled: H,
+              leftIcon: It,
+              onClick: M,
+              disabled: O,
               size: "small"
             }
           ) })
@@ -1842,7 +1842,7 @@ const oo = ({
             onEsc: n,
             onEnter: r,
             onClick: m,
-            disabled: H,
+            disabled: O,
             hideBorder: !0,
             placeholder: i,
             value: g,
@@ -1872,19 +1872,19 @@ const oo = ({
             onEsc: n,
             onEnter: r,
             onClick: v,
-            disabled: H,
+            disabled: O,
             hideBorder: !0,
             placeholder: l,
             value: p,
             onValueChange: a,
             onChange: u,
-            onBlur: ce,
+            onBlur: ie,
             onFocus: P,
             inputRef: $,
             variant: J,
             type: d,
             autoFocus: t,
-            min: k,
+            min: C,
             max: w
           }
         ) })
@@ -1943,7 +1943,7 @@ const oo = ({
   columnRef: r,
   canScrollRef: s
 }) => {
-  const a = O(null);
+  const a = Y(null);
   return ne(
     function() {
       if (n && r.current && a.current && s.current) {
@@ -1981,7 +1981,7 @@ const oo = ({
   selectedItem: n,
   canScrollRef: r
 }) => {
-  const s = O(null);
+  const s = Y(null);
   return /* @__PURE__ */ o(Z, { className: Bn.timePickerColumn, ref: s, children: t.map((a) => /* @__PURE__ */ o(
     ks,
     {
@@ -1993,11 +1993,11 @@ const oo = ({
     },
     a
   )) });
-}, Ss = _t(0, 24), Ms = _t(0, 60), Ts = ({
+}, Ss = _t(0, 24), Ms = _t(0, 60), Is = ({
   value: e,
   onValueChange: t
 }) => {
-  const n = O(!0), [r, s] = R(void 0), [a, c] = R(void 0);
+  const n = Y(!0), [r, s] = _(void 0), [a, c] = _(void 0);
   ne(() => {
     if (e) {
       const { minute: f, hour: d } = Ze(e);
@@ -2019,7 +2019,7 @@ const oo = ({
     },
     [r, t]
   );
-  return /* @__PURE__ */ _(V, { className: Bn.timePicker, children: [
+  return /* @__PURE__ */ N(V, { className: Bn.timePicker, children: [
     /* @__PURE__ */ o(
       nn,
       {
@@ -2040,7 +2040,7 @@ const oo = ({
       }
     )
   ] });
-}, Is = (e, t, n) => {
+}, Ts = (e, t, n) => {
   ne(
     function() {
       e && t(e);
@@ -2116,21 +2116,21 @@ const oo = ({
     [g]
   ), b = y(() => {
     n(e || /* @__PURE__ */ new Date()), c("calendar"), r();
-  }, [e, c, r, n]), k = y(() => {
+  }, [e, c, r, n]), C = y(() => {
     a(void 0), s();
   }, [a, s]);
   return {
     inputLeftChangeHandler: p,
     inputRightChangeHandler: D,
-    hideCalendar: k,
+    hideCalendar: C,
     showCalendar: b,
     onChangeTime: g,
     onChangeDate: u
   };
 }, _s = (e) => {
-  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(
+  const [t, n] = _(void 0), [r, s] = _(void 0), [a, c, i] = bt(!1), [l, f, d] = bt(!1), [h, u] = _(void 0), [g, p] = _(
     () => e ?? /* @__PURE__ */ new Date()
-  ), [D, b] = R("calendar");
+  ), [D, b] = _("calendar");
   return {
     isCalendarVisible: a,
     showCalendarInternal: c,
@@ -2204,16 +2204,16 @@ const oo = ({
   zIndex: u,
   appendTo: g
 }) => {
-  const p = O(null), D = O(null), b = _s(e), {
-    setCurrentPanel: k,
+  const p = Y(null), D = Y(null), b = _s(e), {
+    setCurrentPanel: C,
     currentPanel: w,
     isCalendarVisible: m,
     dateInFocus: v,
     setDateInFocus: S,
-    isTimePickerVisible: C,
-    hideTimePicker: T,
-    localTime: M,
-    localDate: N
+    isTimePickerVisible: M,
+    hideTimePicker: k,
+    localTime: R,
+    localDate: I
   } = b, {
     showCalendar: x,
     hideCalendar: B,
@@ -2222,11 +2222,11 @@ const oo = ({
     onChangeTime: z,
     onChangeDate: J
   } = Rs(e, t, b, p), {
-    onKeyDownHandler: Y,
+    onKeyDownHandler: H,
     onFocusRight: K,
     onFocusLeft: E,
     onClickDay: W,
-    onClickCalendarButton: H,
+    onClickCalendarButton: O,
     onClickArrowButton: A
   } = xs(
     J,
@@ -2235,20 +2235,20 @@ const oo = ({
     B,
     b
   );
-  Is(e, S, p);
-  const j = I(() => {
-    const G = e || N;
+  Ts(e, S, p);
+  const j = T(() => {
+    const G = e || I;
     return G ? pe(void 0, G, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [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(
+  }, [I, e]), q = y(() => {
+    B(), k();
+  }, [B, k]), P = T(
+    () => e ? ys(e) : R,
+    [e, R]
+  ), ee = Yt(m, 300), ie = Yt(M, 300);
+  return /* @__PURE__ */ o(L, { onKeyDown: H, children: /* @__PURE__ */ o(
     je,
     {
       hideArrow: !0,
@@ -2272,7 +2272,7 @@ const oo = ({
           onChangeLeft: $,
           onChangeRight: U,
           onClickArrowDown: A,
-          onClickCalendar: H,
+          onClickCalendar: O,
           onFocusLeft: E,
           onFocusRight: K,
           onClickLeft: E,
@@ -2288,9 +2288,9 @@ const oo = ({
         }
       ) }),
       placement: ze,
-      open: m || C,
+      open: m || M,
       onRequestClose: q,
-      children: (ee || ce) && /* @__PURE__ */ o(Z, { children: ee ? /* @__PURE__ */ o(
+      children: (ee || ie) && /* @__PURE__ */ o(Z, { children: ee ? /* @__PURE__ */ o(
         Me,
         {
           statePerMonth: j,
@@ -2298,20 +2298,20 @@ const oo = ({
           dateInFocus: v,
           setDateInFocus: S,
           currentPanel: w,
-          setCurrentPanel: k,
+          setCurrentPanel: C,
           minDate: c,
           maxDate: f
         }
-      ) : ce ? /* @__PURE__ */ _(Z, { children: [
+      ) : ie ? /* @__PURE__ */ N(Z, { children: [
         /* @__PURE__ */ o(Z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
-          Ts,
+          Is,
           {
             value: P ?? "",
             onValueChange: z
           }
         ) }),
-        /* @__PURE__ */ o(Ie, {}),
-        /* @__PURE__ */ o(V, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Ne, { label: "Done", onClick: T }) })
+        /* @__PURE__ */ o(Te, {}),
+        /* @__PURE__ */ o(V, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Ne, { label: "Done", onClick: k }) })
       ] }) : null })
     }
   ) });
@@ -2327,13 +2327,13 @@ const oo = ({
   onValueChange: t,
   initialLastYear: n
 }) => {
-  const [r, s] = R(() => e ? e + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), a = I(() => {
+  const [r, s] = _(() => e ? e + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), a = T(() => {
     const c = r - 11;
     return vn(_t(c, r + 1), 3);
   }, [r]);
   return ne(() => {
     s((c) => Bs(e, c));
-  }, [e]), /* @__PURE__ */ _(V, { children: [
+  }, [e]), /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ o(Z, { justifyContent: "center", children: /* @__PURE__ */ o(
       re,
       {
@@ -2445,7 +2445,7 @@ const oo = ({
     showCalendar: d
   };
 }, As = (e, t) => {
-  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");
+  const [n, r, s] = bt(!1), [a, c] = _(void 0), [i, l] = _("startDate"), [f, d] = _(() => (i === "startDate" ? e : i === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, u] = _("calendar");
   return {
     isCalendarVisible: n,
     showCalendarInternal: r,
@@ -2518,7 +2518,7 @@ const oo = ({
       e,
       r
     ]
-  ), k = y(() => {
+  ), C = y(() => {
     u("presets"), a();
   }, [u, a]), w = y(() => {
     f ? c() : (d("startDate"), l("startDate"), r.current?.focus(), u("calendar"), a());
@@ -2540,7 +2540,7 @@ const oo = ({
     onFocusLeft: p,
     onFocusRight: D,
     onClickDay: b,
-    onClickArrowButton: k,
+    onClickArrowButton: C,
     onClickCalendarButton: w,
     onKeyDownHandler: m
   };
@@ -2563,25 +2563,25 @@ function uo({
   disabled: p,
   zIndex: D,
   appendTo: b,
-  renderBelowCalendar: k
+  renderBelowCalendar: C
 }) {
-  const { startDate: w, endDate: m } = e || {}, v = O(null), S = O(null), C = As(w, m), {
-    dateInFocus: T,
-    setDateInFocus: M,
-    isCalendarVisible: N,
+  const { startDate: w, endDate: m } = e || {}, v = Y(null), S = Y(null), M = As(w, m), {
+    dateInFocus: k,
+    setDateInFocus: R,
+    isCalendarVisible: I,
     currentPanel: x,
     setCurrentPanel: B
-  } = C, {
+  } = M, {
     showCalendar: $,
     hideCalendar: U,
     inputLeftChangeHandler: z,
     inputRightChangeHandler: J
-  } = Ls(w, m, t, C), {
-    onKeyDownHandler: Y,
+  } = Ls(w, m, t, M), {
+    onKeyDownHandler: H,
     onFocusRight: K,
     onFocusLeft: E,
     onClickDay: W,
-    onClickCalendarButton: H,
+    onClickCalendarButton: O,
     onClickArrowButton: A
   } = Ps(
     w,
@@ -2591,28 +2591,28 @@ function uo({
     S,
     $,
     U,
-    C
+    M
   );
   Es(
     w,
     m,
-    M,
+    R,
     v,
     S
   );
-  const j = I(
+  const j = T(
     () => w && m && X(w, m),
     [w, m]
-  ), q = I(
+  ), q = T(
     () => kr(
       l?.statePerMonth,
       w,
       m,
-      T
+      k
     ),
-    [l?.statePerMonth, w, m, T]
+    [l?.statePerMonth, w, m, k]
   );
-  return /* @__PURE__ */ o(L, { onKeyDown: Y, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(L, { onKeyDown: H, children: /* @__PURE__ */ o(
     je,
     {
       hideArrow: !0,
@@ -2636,7 +2636,7 @@ function uo({
           onChangeLeft: z,
           onChangeRight: J,
           onClickArrowDown: A,
-          onClickCalendar: H,
+          onClickCalendar: O,
           onFocusLeft: E,
           onFocusRight: K,
           onClickLeft: E,
@@ -2654,16 +2654,16 @@ function uo({
       ) }),
       placement: ze,
       onRequestClose: U,
-      open: N,
-      children: /* @__PURE__ */ _(Z, { children: [
+      open: I,
+      children: /* @__PURE__ */ N(Z, { children: [
         /* @__PURE__ */ o(
           Me,
           {
             onClickDay: W,
-            dateInFocus: T,
+            dateInFocus: k,
             firstMonthInMonthPicker: h,
             numMonthsInMonthPicker: u,
-            setDateInFocus: M,
+            setDateInFocus: R,
             currentPanel: x,
             setCurrentPanel: B,
             minDate: c,
@@ -2672,7 +2672,7 @@ function uo({
             statePerMonth: q
           }
         ),
-        x === "calendar" && k
+        x === "calendar" && C
       ] })
     }
   ) });
@@ -2695,13 +2695,13 @@ const vt = ({
   placeholderWhenBlurred: p,
   placeholder: D,
   valueWhenBlurred: b,
-  label: k,
+  label: C,
   variant: w,
   autoFocus: m,
   ...v
 }) => {
-  const S = O(null), [C, T] = R(!1), M = s ?? S, { onChange: N } = Cr(
-    M,
+  const S = Y(null), [M, k] = _(!1), R = s ?? S, { onChange: I } = Cr(
+    R,
     e,
     t,
     r,
@@ -2711,19 +2711,19 @@ const vt = ({
     l,
     f,
     d,
-    C
+    M
   ), x = y(
     (U) => {
-      u?.(U), T(!0);
+      u?.(U), k(!0);
     },
     [u]
   ), B = y(
     (U) => {
-      g?.(U), T(!1);
+      g?.(U), k(!1);
     },
     [g]
-  ), $ = C ? D : p ?? D;
-  return w === "standard" ? /* @__PURE__ */ o(Zn, { text: k ?? "", children: /* @__PURE__ */ o(
+  ), $ = M ? D : p ?? D;
+  return w === "standard" ? /* @__PURE__ */ o(Zn, { text: C ?? "", children: /* @__PURE__ */ o(
     De,
     {
       ...v,
@@ -2731,12 +2731,12 @@ const vt = ({
       readOnly: n,
       inputMode: "numeric",
       "aria-live": "polite",
-      value: (C ? c : b) ?? "",
-      inputRef: M,
+      value: (M ? c : b) ?? "",
+      inputRef: R,
       placeholder: $,
       onFocus: x,
       onBlur: B,
-      onChange: N,
+      onChange: I,
       width: rn(h),
       alwaysShowPlaceholder: !0
     }
@@ -2747,14 +2747,14 @@ const vt = ({
       autoFocus: m,
       readOnly: n,
       inputMode: "numeric",
-      label: k,
+      label: C,
       "aria-live": "polite",
-      value: (C ? c : b) ?? "",
-      ref: M,
+      value: (M ? c : b) ?? "",
+      ref: R,
       placeholder: $,
       onFocus: x,
       onBlur: B,
-      onChange: N,
+      onChange: I,
       width: rn(h),
       size: h === "large" ? "large" : "medium"
     }
@@ -2799,11 +2799,11 @@ const vt = ({
     day: "dd"
   };
   return n.map((s) => r[s.type] || s.value).join("");
-}, de = (e, t, n) => {
-  const r = In(
+}, ue = (e, t, n) => {
+  const r = Tn(
     t,
     n?.matchLanguage ?? !1,
-    n?.fallbackLocaleCode ?? Tn
+    n?.fallbackLocaleCode ?? In
   ), s = _e(r);
   if (s == null)
     return;
@@ -2818,16 +2818,16 @@ const vt = ({
   if (!isNaN(a.getTime()))
     return a;
 }, we = (e, t, n) => {
-  const r = In(
+  const r = Tn(
     t,
     n?.matchLanguage ?? !1,
-    n?.fallbackLocaleCode ?? Tn
+    n?.fallbackLocaleCode ?? In
   );
   return Q(e, Ee(r), {
     locale: _e(r)
   });
 }, Ct = (e, t) => {
-  const n = de(e, t);
+  const n = ue(e, t);
   if (n != null)
     return we(n, t);
 }, $s = "_navBarButton_b3x3w_1", Us = "_selected_b3x3w_14", sn = {
@@ -2953,31 +2953,31 @@ const on = [
   variant: p,
   readOnlyOnMobile: D,
   autoFocusStartDate: b,
-  autoFocusEndDate: k
+  autoFocusEndDate: C
 }) => {
-  const { deviceSize: w } = Ln(), m = D && !An(w, "tablet"), { mask: v, placeholder: S } = I(() => {
-    const C = Ee(n);
+  const { deviceSize: w } = Ln(), m = D && !An(w, "tablet"), { mask: v, placeholder: S } = T(() => {
+    const M = Ee(n);
     return {
-      mask: En(C),
-      placeholder: C.toLowerCase()
+      mask: En(M),
+      placeholder: M.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ _(V, { children: [
+  return /* @__PURE__ */ N(V, { children: [
     /* @__PURE__ */ o(
       vt,
       {
         mask: v,
         ref: l,
         value: e?.startDate,
-        onValueChange: (C) => {
-          t?.({ startDate: C });
+        onValueChange: (M) => {
+          t?.({ startDate: M });
         },
-        onBlur: (C) => {
-          const T = Ct(
-            C.target.value,
+        onBlur: (M) => {
+          const k = Ct(
+            M.target.value,
             n
           );
-          T && T !== e?.startDate && t?.({ startDate: T }), c?.();
+          k && k !== e?.startDate && t?.({ startDate: k }), c?.();
         },
         onFocus: () => a?.("startDate"),
         autoFocus: b,
@@ -2997,16 +2997,16 @@ const on = [
         mask: v,
         ref: f,
         value: e?.endDate,
-        onValueChange: (C) => t?.({ endDate: C }),
-        onBlur: (C) => {
-          const T = Ct(
-            C.target.value,
+        onValueChange: (M) => t?.({ endDate: M }),
+        onBlur: (M) => {
+          const k = Ct(
+            M.target.value,
             n
           );
-          T && T !== e?.endDate && t?.({ endDate: T }), c?.();
+          k && k !== e?.endDate && t?.({ endDate: k }), c?.();
         },
         onFocus: () => a?.("endDate"),
-        autoFocus: k,
+        autoFocus: C,
         label: s,
         borderRadiusVariant: "onlyRight",
         placeholder: S,
@@ -3019,15 +3019,15 @@ const on = [
     )
   ] });
 }, 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));
+  const r = e.getFullYear(), s = e.getMonth(), a = T(() => new Date(r, s, 1), [r, s]), c = Vn((l) => {
+    ce(l, a) || t(st(l));
   }), i = y(
     (l) => {
-      c(
-        ue(l, n) || X(l, n) ? l : n
+      ce(l, a) || c(
+        ce(l, n) || X(l, n) ? l : n
       );
     },
-    [c, n]
+    [c, n, a]
   );
   return { visibleMonth: a, setVisibleMonth: c, setVisibleMonthClamped: i };
 }, kt = (e, t, n) => {
@@ -3052,38 +3052,38 @@ function Js(e, t, n) {
   } : e;
 }
 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(
+  const d = _e(r), h = Nt(), u = xe(), g = Y(null), p = T(
     () => Ee(n),
     [n]
-  ), D = I(
-    () => e?.startDate?.length === p.length ? de(e.startDate, n) : void 0,
+  ), D = T(
+    () => e?.startDate?.length === p.length ? ue(e.startDate, n) : void 0,
     [p.length, n, e?.startDate]
-  ), b = I(
-    () => e?.endDate?.length === p.length ? de(e.endDate, n) : void 0,
+  ), b = T(
+    () => e?.endDate?.length === p.length ? ue(e.endDate, n) : void 0,
     [p.length, n, e?.endDate]
-  ), k = I(
+  ), C = T(
     () => D != null ? kt(D, u, d) : void 0,
     [d, D, u]
-  ), w = I(
+  ), w = T(
     () => b != null ? kt(b, u, d) : void 0,
     [d, b, u]
-  ), { visibleMonth: m, setVisibleMonth: v, setVisibleMonthClamped: S } = Fn(s, a, u), C = I(
+  ), { visibleMonth: m, setVisibleMonth: v, setVisibleMonthClamped: S } = Fn(s, a, u), M = T(
     () => it(
       m.getFullYear(),
       m.getMonth(),
       d
     ),
     [d, m]
-  ), T = I(() => ct(
+  ), k = T(() => ct(
     yn(
       m,
       { month: "long", year: "numeric" },
       { locale: d.code }
     )
-  ), [d, m]), M = I(() => ue(u, m), [u, m]), [N, x] = R(), [B, $] = R("calendar"), U = y(
+  ), [d, m]), R = T(() => ce(u, m), [u, m]), [I, x] = _(), [B, $] = _("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?.({
+      const W = E?.startDate?.length === p.length ? ue(E.startDate, n) : void 0, O = E?.endDate?.length === p.length ? ue(E.endDate, n) : void 0;
+      W ? S(W) : O && S(O), t?.({
         ...e,
         ...E
       });
@@ -3095,38 +3095,38 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
       S,
       e
     ]
-  ), z = I(
+  ), z = T(
     () => D && b ? X(b, D) || F(b, D) : !1,
     [b, D]
-  ), J = I(() => {
+  ), J = T(() => {
     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) {
+    return E ? ue(E, n) : void 0;
+  }, [c, n, e?.endDate, e?.startDate]), H = T(() => {
+    if (I && J) {
       if (c === "endDate")
         return "right";
       if (c === "startDate")
         return "left";
     }
-  }, [c, J, N]);
+  }, [c, J, I]);
   return {
     onClickDate: (E) => {
       if (!(E.getFullYear() === m.getFullYear() && E.getMonth() === m.getMonth()))
         return;
-      const H = (A, j) => t?.(
+      const O = (A, j) => t?.(
         Js(
           A,
-          (q) => de(q, n),
+          (q) => ue(q, n),
           j
         )
       );
-      c === "startDate" ? (H(
+      c === "startDate" ? (O(
         {
           startDate: we(E, n),
           endDate: e?.endDate
         },
         "startDate"
-      ), e?.endDate ? (f?.(), i(void 0), x(void 0)) : l("endDate")) : c === "endDate" ? (H(
+      ), e?.endDate ? (f?.(), i(void 0), x(void 0)) : l("endDate")) : c === "endDate" ? (O(
         {
           startDate: e?.startDate,
           endDate: we(E, n)
@@ -3138,7 +3138,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
       }), l("endDate")) : (t?.({
         startDate: e?.startDate,
         endDate: we(E, n)
-      }), f?.(), i(void 0), x(void 0)) : (H(
+      }), f?.(), i(void 0), x(void 0)) : (O(
         {
           startDate: we(E, n),
           endDate: void 0
@@ -3150,21 +3150,21 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     isValidDateRange: z,
     monthPickerButtonRef: g,
     calendarId: h,
-    monthPickerButtonLabel: T,
+    monthPickerButtonLabel: k,
     visiblePanel: B,
     setVisiblePanel: $,
     setVisibleMonth: v,
-    visibleMonthData: C,
-    todayIsInVisibleMonth: M,
-    hoverDate: N,
+    visibleMonthData: M,
+    todayIsInVisibleMonth: R,
+    hoverDate: I,
     setHoverDate: x,
     hoverAnchor: J,
-    hoverHighlightDirection: Y,
+    hoverHighlightDirection: H,
     selectedStartDate: D,
     selectedEndDate: b,
     today: u,
     visibleMonth: m,
-    valueWhenBlurredStartDate: k,
+    valueWhenBlurredStartDate: C,
     valueWhenBlurredEndDate: w
   };
 }, dt = ({
@@ -3183,13 +3183,13 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   nextMonthButtonTestId: u
 }) => {
   const g = d === "smaller" || d === "small" ? "medium" : "large";
-  return /* @__PURE__ */ _(V, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  return /* @__PURE__ */ N(V, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ o(
       re,
       {
         "aria-live": "polite",
         label: n,
-        rightIcon: r === "calendar" ? Tt : rr,
+        rightIcon: r === "calendar" ? It : rr,
         onClick: () => s(
           r === "calendar" ? "month-picker" : "calendar"
         ),
@@ -3197,7 +3197,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
         size: g
       }
     ),
-    /* @__PURE__ */ _(V, { alignItems: "center", gap: 2, children: [
+    /* @__PURE__ */ N(V, { alignItems: "center", gap: 2, children: [
       /* @__PURE__ */ o(
         ge,
         {
@@ -3332,7 +3332,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   small: wa,
   medium: ya,
   large: va
-}, Ca = ({ calendarSize: e, bgColorLeft: t, bgColorRight: n }) => /* @__PURE__ */ _(V, { children: [
+}, Ca = ({ calendarSize: e, bgColorLeft: t, bgColorRight: n }) => /* @__PURE__ */ N(V, { children: [
   /* @__PURE__ */ o(
     L,
     {
@@ -3365,14 +3365,14 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   calendarId: p,
   isDateDisabled: D,
   size: b,
-  dateTestId: k,
+  dateTestId: C,
   hoverHighlightDirection: w,
   renderDateContent: m
 }) => {
   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);
+      P && !ee && (l(P), ce(P, t) ? document.getElementById(St(P, p))?.focus() : (r(P), n(P))), (q.key === "Enter" || q.code === "Space") && e(s.date);
     },
     [
       p,
@@ -3381,9 +3381,10 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
       D,
       n,
       e,
-      l
+      l,
+      t
     ]
-  ), 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 = s.month === t.getMonth(), M = D?.(s.date) ?? !1, k = d && h ? X(d, h) : !1, R = !!(d && h && w), I = d && h && w ? F(k ? h : d, s.date) : !1, x = d && h && w ? F(k ? d : h, s.date) : !1, B = c && !R ? F(c, s.date) : !1, $ = i && !R ? F(i, s.date) : !1, U = F(s.date, u), z = ha(
     s.date,
     c,
     i,
@@ -3392,35 +3393,35 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     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({
+  ), J = d ? F(d, s.date) : !1, H = B || I, 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 }), O = U ? /* @__PURE__ */ o("div", { className: te.todayDot }) : null, A = S ? m ? m({
     date: s.date,
     dayOfMonth: s.dayOfMonth,
     size: b,
     isToday: U,
-    isDisabled: C,
-    isSelectionStart: Y,
+    isDisabled: M,
+    isSelectionStart: H,
     isSelectionEnd: K,
     isInRange: E,
     isHovered: J,
     defaultContent: W,
-    defaultTodayMarker: H
-  }) : /* @__PURE__ */ _(Oe, { children: [
+    defaultTodayMarker: O
+  }) : /* @__PURE__ */ N(Oe, { children: [
     W,
-    H && /* @__PURE__ */ o("div", { className: te.defaultTodayMarkerPosition, children: H })
-  ] }) : null, j = S ? C ? te.disabled : te.clickable : void 0;
-  return /* @__PURE__ */ _(
+    O && /* @__PURE__ */ o("div", { className: te.defaultTodayMarkerPosition, children: O })
+  ] }) : null, j = S ? M ? te.disabled : te.clickable : void 0;
+  return /* @__PURE__ */ N(
     "td",
     {
       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 || $ },
+      onClick: M ? void 0 : () => S && e(s.date),
+      onMouseOver: M ? void 0 : () => S && l(s.date),
+      onMouseOut: M ? void 0 : () => S && f(s.date),
+      tabIndex: M ? void 0 : g && F(s.date, g) ? 0 : -1,
+      id: M ? void 0 : St(s.date, p),
+      onKeyDown: M ? void 0 : v,
+      ...M ? void 0 : { "aria-selected": B || $ },
       "aria-current": U && S ? "date" : void 0,
-      "data-testid": k?.(s.date),
+      "data-testid": C?.(s.date),
       children: [
         /* @__PURE__ */ o("div", { className: te.outline }),
         /* @__PURE__ */ o(
@@ -3439,10 +3440,10 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
               c ? te.startSelected : void 0,
               i ? te.endSelected : void 0,
               J ? te.hover : void 0,
-              Y && te.isSelectionStart,
+              H && te.isSelectionStart,
               K && te.isSelectionEnd
             ),
-            style: C ? Sa : void 0,
+            style: M ? Sa : void 0,
             children: A
           }
         )
@@ -3451,7 +3452,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   );
 }, Sa = {
   "--travel-calendar-date-content-color": Bt("--lhds-color-ui-500")
-}, Ma = "_travelCalendar_3zr00_1", Ta = {
+}, Ma = "_travelCalendar_3zr00_1", Ia = {
   travelCalendar: Ma
 }, ut = ({
   visibleMonthData: e,
@@ -3471,20 +3472,23 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   size: p = "medium",
   multiSelectable: D,
   dateTestId: b,
-  hoverHighlightDirection: k,
+  hoverHighlightDirection: C,
   ariaLabel: w
 }) => {
-  const m = O(void 0), v = y((C) => {
-    m.current = C;
+  const m = Y(void 0), v = Y(null), S = y((k) => {
+    m.current = k;
   }, []);
   ne(() => {
-    const C = m.current;
-    C && (m.current = void 0, ue(C, s) && document.getElementById(St(C, h))?.focus());
+    const k = m.current;
+    if (!k || (m.current = void 0, !ce(k, s)))
+      return;
+    const R = document.activeElement;
+    (R == null || R === document.body || !!v.current?.contains(R)) && document.getElementById(St(k, 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)
+  const M = T(() => {
+    const k = e.weeks.flatMap((I) => I.days).filter((I) => I.month === s.getMonth()).map((I) => I.date);
+    return [c, d, ...k].filter(
+      (I) => I != null && ce(I, s) && !u?.(I)
     )[0];
   }, [
     u,
@@ -3496,43 +3500,44 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   return /* @__PURE__ */ o(
     "table",
     {
-      className: Ta.travelCalendar,
+      ref: v,
+      className: Ia.travelCalendar,
       role: "grid",
       "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(
+      children: /* @__PURE__ */ N("tbody", { children: [
+        /* @__PURE__ */ o("tr", { children: e.weeks[0].days.map((k) => /* @__PURE__ */ o("th", { abbr: k.fullName, children: /* @__PURE__ */ o(ke, { children: k.name }) }, k.name)) }),
+        e.weeks.map((k) => /* @__PURE__ */ o(xt.Fragment, { children: /* @__PURE__ */ o("tr", { children: k.days.map((R) => /* @__PURE__ */ o(
           ka,
           {
             size: p,
-            onClick: (M) => t(M),
+            onClick: (I) => t(I),
             visibleMonth: s,
             onChangeVisibleMonth: r,
-            focusDateWhenShown: v,
+            focusDateWhenShown: S,
             isValidDateRange: a,
-            day: T,
-            onStartHover: (M) => n(M),
-            onEndHover: (M) => n((N) => N && F(N, M) ? void 0 : N),
+            day: R,
+            onStartHover: (I) => n(I),
+            onEndHover: (I) => n((x) => x && F(x, I) ? void 0 : x),
             selectedStartDate: c,
             selectedEndDate: i,
             hoverDate: l,
             hoverAnchor: f,
             today: d,
-            focusableDate: S,
+            focusableDate: M,
             calendarId: h,
             isDateDisabled: u,
             renderDateContent: g,
             dateTestId: b,
-            hoverHighlightDirection: k
+            hoverHighlightDirection: C
           },
-          T.dateString
-        )) }, C.weekNumber) }, C.weekNumber))
+          R.dateString
+        )) }, k.weekNumber) }, k.weekNumber))
       ] })
     }
   );
-}, Ia = "_travelDateRangeInput_1j7rp_1", Ra = "_overlay_1j7rp_2", _a = "_calendarVisible_1j7rp_6", pt = {
-  travelDateRangeInput: Ia,
+}, Ta = "_travelDateRangeInput_1j7rp_1", Ra = "_overlay_1j7rp_2", _a = "_calendarVisible_1j7rp_6", pt = {
+  travelDateRangeInput: Ta,
   overlay: Ra,
   calendarVisible: _a
 }, fo = ({
@@ -3553,39 +3558,39 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   isDateDisabled: p,
   renderDateContent: D,
   onVisibleMonthChange: b,
-  prevMonthDisabled: k,
+  prevMonthDisabled: C,
   nextMonthDisabled: w,
   firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
   zIndex: v = 1e3,
   zIndexWhenClosed: S,
-  onHideCalendar: C,
-  renderBelowCalendar: T,
-  size: M = "medium",
-  dateTestId: N,
+  onHideCalendar: M,
+  renderBelowCalendar: k,
+  size: R = "medium",
+  dateTestId: I,
   previousMonthButtonTestId: x,
   nextMonthButtonTestId: B,
   textInputVariant: $ = "standard",
   autoFocusStartDate: U,
   autoFocusEndDate: z
 }) => {
-  const [J, Y] = R(!1), [K, E] = R(!1), [W, H] = R({
+  const [J, H] = _(!1), [K, E] = _(!1), [W, O] = _({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), [A, j] = R(void 0), q = O(null), P = O(null), ee = (se) => {
+  }), [A, j] = _(void 0), q = Y(null), P = Y(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) => {
+  }, ie = R === "large" ? "8.8rem" : "6.6rem", G = Y(!1), ft = y((se) => {
     j(se), G.current = !0, E(!0), setTimeout(() => {
-      Y(!0);
+      H(!0);
     }, 10);
-  }, []), ie = y(() => {
-    K && (Y(!1), G.current = !1, C?.(), setTimeout(() => {
+  }, []), le = y(() => {
+    K && (H(!1), G.current = !1, M?.(), setTimeout(() => {
       G.current || E(!1);
     }, 120));
-  }, [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 && (W.height !== ht || W.width !== se) && H({ width: se, height: ht });
+  }, [K, M]), qe = Y(null), Ie = Y(null);
+  dn(qe, le), Cn(() => {
+    const se = Ie.current?.offsetWidth, ht = Ie.current?.offsetHeight;
+    se != null && ht != null && (W.height !== ht || W.width !== se) && O({ width: se, height: ht });
   }, [W.height, W.width]);
   const be = Yn(
     e,
@@ -3597,21 +3602,21 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     A,
     j,
     ee,
-    ie
+    le
   ), {
     visiblePanel: Ge,
-    visibleMonth: le,
+    visibleMonth: de,
     onValueChangeByInputs: Le,
     setVisibleMonth: Wn,
     setVisiblePanel: At,
     monthPickerButtonRef: Pt
   } = be, $n = y(
     (se) => {
-      se.key === "Escape" && ie();
+      se.key === "Escape" && le();
     },
-    [ie]
+    [le]
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ N(
     L,
     {
       position: "relative",
@@ -3625,7 +3630,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
           L,
           {
             position: "absolute",
-            ref: Te,
+            ref: Ie,
             zIndex: K ? v : S,
             children: /* @__PURE__ */ o(
               Pn,
@@ -3639,7 +3644,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                 startDateLabel: n,
                 endDateLabel: r,
                 onFocus: ft,
-                calendarSize: M,
+                calendarSize: R,
                 placeholderWhenBlurredStartDate: f,
                 placeholderWhenBlurredEndDate: d,
                 variant: $,
@@ -3664,17 +3669,17 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(hn, { gap: 3, children: [
+                children: /* @__PURE__ */ N(hn, { gap: 3, children: [
                   h && /* @__PURE__ */ o(We, { variant: "h2", as: u, children: h }),
-                  /* @__PURE__ */ o(L, { height: ce }),
+                  /* @__PURE__ */ o(L, { height: ie }),
                   /* @__PURE__ */ o(
                     dt,
                     {
                       ...be,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: l,
-                      calendarSize: M,
-                      prevMonthDisabled: k,
+                      calendarSize: R,
+                      prevMonthDisabled: C,
                       nextMonthDisabled: w,
                       previousMonthButtonTestId: x,
                       nextMonthButtonTestId: B
@@ -3684,11 +3689,11 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                     ut,
                     {
                       ...be,
-                      size: M,
+                      size: R,
                       multiSelectable: !0,
                       isDateDisabled: p,
                       renderDateContent: D,
-                      dateTestId: N
+                      dateTestId: I
                     }
                   ),
                   Ge === "month-picker" && /* @__PURE__ */ o(
@@ -3696,8 +3701,8 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                     {
                       firstMonth: m,
                       numMonths: g,
-                      value: le,
-                      size: M,
+                      value: de,
+                      size: R,
                       localeCode: a,
                       onValueChange: (se) => {
                         Wn(se), At("calendar"), Pt.current?.focus();
@@ -3707,7 +3712,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                       }
                     }
                   ),
-                  T?.({ hideCalendar: ie })
+                  k?.({ hideCalendar: le })
                 ] })
               }
             )
@@ -3733,7 +3738,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   variant: f,
   readOnlyOnMobile: d
 }) => {
-  const { deviceSize: h } = Ln(), u = d && !An(h, "tablet"), { mask: g, placeholder: p } = I(() => {
+  const { deviceSize: h } = Ln(), u = d && !An(h, "tablet"), { mask: g, placeholder: p } = T(() => {
     const D = Ee(r);
     return {
       mask: En(D),
@@ -3762,39 +3767,39 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     }
   ) });
 }, Lt = (e, t, n, r, s, a, c) => {
-  const i = _e(r), l = Nt(), f = xe(), d = O(null), h = I(
+  const i = _e(r), l = Nt(), f = xe(), d = Y(null), h = T(
     () => Ee(n),
     [n]
-  ), u = I(
-    () => e?.length === h.length ? de(e, n) : void 0,
+  ), u = T(
+    () => e?.length === h.length ? ue(e, n) : void 0,
     [h.length, n, e]
-  ), g = I(
+  ), g = T(
     () => 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());
+  ), { visibleMonth: p, setVisibleMonth: D, setVisibleMonthClamped: b } = Fn(s, a, f), C = Y(u?.getTime());
   ne(() => {
     if (!u)
       return;
     const B = u.getTime();
-    B !== k.current && (k.current = B, b(u));
+    B !== C.current && (C.current = B, b(u));
   }, [u, b]);
-  const w = I(
+  const w = T(
     () => it(
       p.getFullYear(),
       p.getMonth(),
       i
     ),
     [i, p]
-  ), m = I(() => ct(
+  ), m = T(() => ct(
     yn(
       p,
       { month: "long", year: "numeric" },
       { locale: i.code }
     )
-  ), [i, p]), v = I(() => ue(f, p), [f, p]), [S, C] = R(), [T, M] = R("calendar"), N = y(
+  ), [i, p]), v = T(() => ce(f, p), [f, p]), [S, M] = _(), [k, R] = _("calendar"), I = y(
     (B) => {
-      const $ = B?.length === h.length ? de(B, n) : void 0;
-      $ && (k.current = $.getTime(), b($)), t?.(B);
+      const $ = B?.length === h.length ? ue(B, n) : void 0;
+      $ && (C.current = $.getTime(), b($)), t?.(B);
     },
     [h.length, n, t, b]
   );
@@ -3802,18 +3807,18 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     onClickDate: (B) => {
       t?.(we(B, n)), c?.(B);
     },
-    onValueChangeByInputs: N,
+    onValueChangeByInputs: I,
     monthPickerButtonRef: d,
     calendarId: l,
     monthPickerButtonLabel: m,
-    visiblePanel: T,
-    setVisiblePanel: M,
+    visiblePanel: k,
+    setVisiblePanel: R,
     setVisibleMonth: D,
     visibleMonthData: w,
     todayIsInVisibleMonth: v,
     hoverDate: S,
     hoverAnchor: void 0,
-    setHoverDate: C,
+    setHoverDate: M,
     selectedDate: u,
     today: f,
     visibleMonth: p,
@@ -3837,23 +3842,23 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   renderDateContent: p,
   onVisibleMonthChange: D,
   prevMonthDisabled: b,
-  nextMonthDisabled: k,
+  nextMonthDisabled: C,
   firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
   zIndex: m = 1e3,
   zIndexWhenClosed: v,
   onHideCalendar: S,
-  renderBelowCalendar: C,
-  size: T = "medium",
-  dateTestId: M,
-  previousMonthButtonTestId: N,
+  renderBelowCalendar: M,
+  size: k = "medium",
+  dateTestId: R,
+  previousMonthButtonTestId: I,
   nextMonthButtonTestId: x,
   textInputVariant: B = "standard"
 }) => {
-  const [$, U] = R(!1), [z, J] = R(!1), [Y, K] = R({
+  const [$, U] = _(!1), [z, J] = _(!1), [H, K] = _({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), E = T === "large" ? "8.8rem" : "6.6rem", W = O(!1), H = y(() => {
+  }), E = k === "large" ? "8.8rem" : "6.6rem", W = Y(!1), O = y(() => {
     W.current = !0, J(!0), setTimeout(() => {
       U(!0);
     }, 10);
@@ -3865,11 +3870,11 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     setTimeout(() => {
       A();
     }, 250);
-  }, [A]), q = O(null), P = O(null);
+  }, [A]), q = Y(null), P = Y(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 de = P.current?.offsetWidth, Le = P.current?.offsetHeight;
+    de != null && Le != null && (H.height !== Le || H.width !== de) && K({ width: de, height: Le });
+  }, [H.height, H.width]);
   const ee = Lt(
     e,
     t,
@@ -3879,28 +3884,28 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     D,
     j
   ), {
-    visiblePanel: ce,
+    visiblePanel: ie,
     visibleMonth: G,
     onValueChangeByInputs: ft,
-    selectedDate: ie,
+    selectedDate: le,
     setVisibleMonth: qe,
-    setVisiblePanel: Te,
+    setVisiblePanel: Ie,
     monthPickerButtonRef: be
   } = ee, Ge = y(
-    (le) => {
-      le.key === "Escape" && A();
+    (de) => {
+      de.key === "Escape" && A();
     },
     [A]
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ N(
     L,
     {
       position: "relative",
       className: Dt.travelDateInput,
       ref: q,
       onKeyDown: Ge,
-      height: Y.height,
-      width: Y.width,
+      height: H.height,
+      width: H.width,
       children: [
         /* @__PURE__ */ o(
           L,
@@ -3917,8 +3922,8 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                 onValueChange: ft,
                 localeCode: r,
                 label: n,
-                onFocus: H,
-                calendarSize: T,
+                onFocus: O,
+                calendarSize: k,
                 placeholderWhenBlurred: l,
                 variant: B,
                 readOnlyOnMobile: !0
@@ -3940,7 +3945,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(hn, { gap: 3, children: [
+                children: /* @__PURE__ */ N(hn, { gap: 3, children: [
                   d && /* @__PURE__ */ o(We, { variant: "h2", as: h, children: d }),
                   /* @__PURE__ */ o(L, { height: E }),
                   /* @__PURE__ */ o(
@@ -3949,45 +3954,45 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
                       ...ee,
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: i,
-                      calendarSize: T,
+                      calendarSize: k,
                       prevMonthDisabled: b,
-                      nextMonthDisabled: k,
-                      previousMonthButtonTestId: N,
+                      nextMonthDisabled: C,
+                      previousMonthButtonTestId: I,
                       nextMonthButtonTestId: x
                     }
                   ),
-                  ce === "calendar" && /* @__PURE__ */ o(
+                  ie === "calendar" && /* @__PURE__ */ o(
                     ut,
                     {
                       ...ee,
-                      size: T,
-                      isValidDateRange: !!ie,
-                      selectedStartDate: ie,
-                      selectedEndDate: ie,
+                      size: k,
+                      isValidDateRange: !!le,
+                      selectedStartDate: le,
+                      selectedEndDate: le,
                       multiSelectable: !1,
                       isDateDisabled: g,
                       renderDateContent: p,
-                      dateTestId: M,
+                      dateTestId: R,
                       hoverHighlightDirection: void 0
                     }
                   ),
-                  ce === "month-picker" && /* @__PURE__ */ o(
+                  ie === "month-picker" && /* @__PURE__ */ o(
                     Ve,
                     {
                       firstMonth: w,
                       numMonths: u,
                       value: G,
-                      size: T,
+                      size: k,
                       localeCode: r,
-                      onValueChange: (le) => {
-                        qe(le), Te("calendar"), be.current?.focus();
+                      onValueChange: (de) => {
+                        qe(de), Ie("calendar"), be.current?.focus();
                       },
                       onCancel: () => {
-                        Te("calendar"), be.current?.focus();
+                        Ie("calendar"), be.current?.focus();
                       }
                     }
                   ),
-                  C?.({ hideCalendar: A })
+                  M?.({ hideCalendar: A })
                 ] })
               }
             )
@@ -4016,12 +4021,12 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   const {
     visiblePanel: D,
     visibleMonth: b,
-    setVisibleMonth: k,
+    setVisibleMonth: C,
     setVisiblePanel: w,
     monthPickerButtonRef: m,
     selectedDate: v
   } = e;
-  return /* @__PURE__ */ _(Oe, { children: [
+  return /* @__PURE__ */ N(Oe, { children: [
     /* @__PURE__ */ o(
       dt,
       {
@@ -4060,7 +4065,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
         localeCode: t,
         size: d,
         onValueChange: (S) => {
-          k(S), w("calendar"), m.current?.focus();
+          C(S), w("calendar"), m.current?.focus();
         },
         onCancel: () => {
           w("calendar"), m.current?.focus();
@@ -4086,46 +4091,46 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   onVisibleMonthChange: p,
   prevMonthDisabled: D,
   nextMonthDisabled: b,
-  firstMonthInMonthPicker: k,
+  firstMonthInMonthPicker: C,
   dateTestId: w,
   size: m = "medium",
   previousMonthButtonTestId: v,
   nextMonthButtonTestId: S,
-  textInputVariant: C = "standard",
-  autoFocus: T
+  textInputVariant: M = "standard",
+  autoFocus: k
 }) => {
-  const M = Lt(
+  const R = Lt(
     e,
     t,
     r,
     s,
     a,
     p
-  ), { onValueChangeByInputs: N } = M, x = I(
-    () => k ?? /* @__PURE__ */ new Date(),
-    [k]
+  ), { onValueChangeByInputs: I } = R, x = T(
+    () => C ?? /* @__PURE__ */ new Date(),
+    [C]
   );
-  return /* @__PURE__ */ _(Z, { gap: 3, children: [
+  return /* @__PURE__ */ N(Z, { gap: 3, children: [
     f && /* @__PURE__ */ o(We, { variant: "h2", as: d, children: f }),
     /* @__PURE__ */ o(
       Hn,
       {
-        ...M,
+        ...R,
         value: e,
-        onValueChange: N,
+        onValueChange: I,
         localeCode: r,
         label: n,
         calendarSize: m,
         placeholderWhenBlurred: l,
-        variant: C,
+        variant: M,
         readOnlyOnMobile: !1,
-        autoFocus: T
+        autoFocus: k
       }
     ),
     /* @__PURE__ */ o(
       On,
       {
-        inputProps: M,
+        inputProps: R,
         languageLocaleCode: s,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: i,
@@ -4160,7 +4165,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   dateTestId: p,
   size: D = "medium",
   previousMonthButtonTestId: b,
-  nextMonthButtonTestId: k,
+  nextMonthButtonTestId: C,
   calendarAriaLabel: w
 }) => {
   const m = Lt(
@@ -4170,7 +4175,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     r,
     s,
     d
-  ), v = I(
+  ), v = T(
     () => g ?? /* @__PURE__ */ new Date(),
     [g]
   );
@@ -4190,7 +4195,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
       size: D,
       dateTestId: p,
       previousMonthButtonTestId: b,
-      nextMonthButtonTestId: k,
+      nextMonthButtonTestId: C,
       calendarAriaLabel: w
     }
   ) });
@@ -4212,20 +4217,20 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   onVisibleMonthChange: p,
   prevMonthDisabled: D,
   nextMonthDisabled: b,
-  firstMonthInMonthPicker: k = /* @__PURE__ */ new Date(),
+  firstMonthInMonthPicker: C = /* @__PURE__ */ new Date(),
   size: w = "medium",
   dateTestId: m,
   previousMonthButtonTestId: v,
   nextMonthButtonTestId: S,
-  placeholderWhenBlurredStartDate: C,
-  placeholderWhenBlurredEndDate: T,
-  textInputVariant: M = "standard",
-  autoFocusStartDate: N,
+  placeholderWhenBlurredStartDate: M,
+  placeholderWhenBlurredEndDate: k,
+  textInputVariant: R = "standard",
+  autoFocusStartDate: I,
   autoFocusEndDate: x
 }) => {
-  const [B, $] = R(void 0), U = O(null), z = O(null), J = y((P) => {
+  const [B, $] = _(void 0), U = Y(null), z = Y(null), J = y((P) => {
     P === "startDate" ? U.current?.focus() : P === "endDate" && z.current?.focus();
-  }, []), Y = Yn(
+  }, []), H = Yn(
     e,
     t,
     s,
@@ -4241,19 +4246,19 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
   }, []), {
     visiblePanel: E,
     visibleMonth: W,
-    onValueChangeByInputs: H,
+    onValueChangeByInputs: O,
     setVisibleMonth: A,
     setVisiblePanel: j,
     monthPickerButtonRef: q
-  } = Y;
-  return /* @__PURE__ */ _(Z, { gap: 3, children: [
+  } = H;
+  return /* @__PURE__ */ N(Z, { gap: 3, children: [
     f && /* @__PURE__ */ o(We, { variant: "h2", as: d, children: f }),
     /* @__PURE__ */ o(
       Pn,
       {
-        ...Y,
+        ...H,
         value: e,
-        onValueChange: H,
+        onValueChange: O,
         startDateRef: U,
         endDateRef: z,
         localeCode: s,
@@ -4261,10 +4266,10 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
         endDateLabel: r,
         onFocus: K,
         calendarSize: w,
-        placeholderWhenBlurredStartDate: C,
-        placeholderWhenBlurredEndDate: T,
-        variant: M,
-        autoFocusStartDate: N,
+        placeholderWhenBlurredStartDate: M,
+        placeholderWhenBlurredEndDate: k,
+        variant: R,
+        autoFocusStartDate: I,
         autoFocusEndDate: x,
         readOnlyOnMobile: !1
       }
@@ -4272,7 +4277,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     /* @__PURE__ */ o(
       dt,
       {
-        ...Y,
+        ...H,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: l,
         calendarSize: w,
@@ -4285,7 +4290,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     E === "calendar" && /* @__PURE__ */ o(
       ut,
       {
-        ...Y,
+        ...H,
         size: w,
         multiSelectable: !0,
         isDateDisabled: u,
@@ -4296,7 +4301,7 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
     E === "month-picker" && /* @__PURE__ */ o(
       Ve,
       {
-        firstMonth: k,
+        firstMonth: C,
         numMonths: h,
         value: W,
         size: w,
@@ -4319,13 +4324,14 @@ const Yn = (e, t, n, r, s, a, c, i, l, f) => {
 }, bo = () => {
   const e = xe();
   return y(
-    (t) => ue(e, t) || Be(t, e),
+    (t) => ce(e, t) || Be(t, e),
     [e]
   );
 }, wo = (e) => {
-  const [t, n] = R(
-    () => st(e ?? /* @__PURE__ */ new Date())
-  );
+  const [t, n] = _(() => {
+    const r = typeof e == "function" ? e() : e;
+    return st(r ?? /* @__PURE__ */ new Date());
+  });
   return { visibleMonth: t, onVisibleMonthChange: n };
 };
 export {
@@ -4337,7 +4343,7 @@ export {
   ao as DateRangeInput,
   oo as DateTextInput,
   io as DateTimeInput,
-  Ir as Month,
+  Tr as Month,
   Ve as MonthPicker,
   no as MultiDateCalendar,
   ns as PresetPicker,
@@ -4369,7 +4375,7 @@ export {
   Fr as defaultTextPropsProvider,
   Pr as defaultWrapperStyleProvider,
   Ja as extranetCalendarTheme,
-  Tn as fallbackLocaleCode,
+  In as fallbackLocaleCode,
   Qa as fallbackLocaleCodeForFormatting,
   we as formatLocalizedDate,
   Ee as getDateFormatForLocaleCode,
@@ -4379,12 +4385,12 @@ export {
   _e as getLocaleForLocaleCode,
   it as getMonthInYear,
   Xt as getMonthsInYear,
-  In as getSupportedLocaleCode,
+  Tn as getSupportedLocaleCode,
   Gr as getSupportedLocaleCodeMatchingLanguage,
   Et as getWeekForDate,
   _r as getWeeksForMonth,
   Rn as isDateRangeInvalid,
-  de as parseLocalizedDateString,
+  ue as parseLocalizedDateString,
   Ct as reformatLocalizedDateString,
   Ka as setDayStateValue,
   qa as setDayStateValueFunction,