@stenajs-webui/calendar 23.17.1 → 23.17.3

package/dist/index.es.js

@@ -1,23 +1,23 @@
 import { jsx as o, jsxs as N, Fragment as vt } from "react/jsx-runtime";
-import { Box as L, Text as Ce, Clickable as sn, Row as V, Spacing as Fn, useToday as _e, Column as Q, Heading as Fe, exhaustSwitchCase as Ct, Space as Ie, Indent as Ae, SeparatorLine as On, parseIntElseUndefined as Et, useBoolean as mt, useDelayedFalse as Lt, useOnClickOutside as an } from "@stenajs-webui/core";
-import { FlatButton as Z, stenaAngleDown as kt, PrimaryButton as xe, stenaAngleLeft as Wn, stenaAngleRight as $n, SecondaryButton as he, stenaAngleLeftDouble as Un, stenaArrowLeft as tt, stenaArrowRight as Oe, stenaAngleRightDouble as Vn, TextInputButton as jn, stenaCalendar as Pe, Icon as on, stenaArrowWideRight as zn, stenaClock as cn, Label as Kn, FlatButtonLink as qn, BaseButton as Gn, stenaBellFilled as Jn, MenuButton as Qn, stenaAngleUp as Zn, CardBody as ln } from "@stenajs-webui/elements";
-import { isAfter as G, eachDayOfInterval as dn, isSameDay as P, endOfMonth as un, startOfMonth as fn, min as hn, addDays as te, max as gn, subDays as we, format as z, getISOWeek as St, getDate as nt, startOfWeek as Qe, addWeeks as Xn, getMonth as ye, getYear as He, getWeek as mn, getISODay as er, addHours as pn, isBefore as Ne, parse as ve, addMonths as We, isSameMonth as me, addYears as tr, subMonths as Mt, subYears as nr, setWeek as rr, isValid as sr, isSameYear as ar, intlFormat as Dn, isWithinInterval as or } from "date-fns";
-import { enGB as Ze, pl as At, fr as Pt, es as Ht, cs as Yt, fi as Ft, et as Ot, it as Wt, lt as $t, lv as Ut, da as Vt, sv as jt, nb as zt, de as Kt, nl as qt, nlBE as ir, deAT as cr, enIE as lr, enUS as dr } from "date-fns/locale";
+import { Box as L, Text as Ce, Clickable as sn, Row as V, Spacing as Yn, useToday as xe, Column as Q, Heading as Ye, exhaustSwitchCase as Ct, Space as Ie, Indent as Ae, SeparatorLine as On, parseIntElseUndefined as Et, useBoolean as mt, useDelayedFalse as Lt, useOnClickOutside as an } from "@stenajs-webui/core";
+import { FlatButton as Z, stenaAngleDown as kt, PrimaryButton as _e, stenaAngleLeft as Wn, stenaAngleRight as $n, SecondaryButton as he, stenaAngleLeftDouble as Un, stenaArrowLeft as tt, stenaArrowRight as Oe, stenaAngleRightDouble as Vn, TextInputButton as jn, stenaCalendar as Pe, Icon as on, stenaArrowWideRight as zn, stenaClock as cn, Label as Kn, FlatButtonLink as qn, BaseButton as Gn, stenaBellFilled as Jn, MenuButton as Qn, stenaAngleUp as Zn, CardBody as ln } from "@stenajs-webui/elements";
+import { isAfter as G, eachDayOfInterval as dn, isSameDay as P, endOfMonth as un, startOfMonth as fn, min as hn, addDays as te, max as gn, subDays as we, format as z, getISOWeek as St, getDate as nt, startOfWeek as Qe, addWeeks as Xn, getMonth as ye, getYear as Fe, getWeek as mn, getISODay as er, addHours as pn, isBefore as Ne, parse as ve, addMonths as We, isSameMonth as me, addYears as tr, subMonths as Mt, subYears as nr, setWeek as rr, isValid as sr, isSameYear as ar, intlFormat as Dn, isWithinInterval as or } from "date-fns";
+import { enGB as Ze, pl as At, fr as Pt, es as Ft, cs as Ht, fi as Yt, et as Ot, it as Wt, lt as $t, lv as Ut, da as Vt, sv as jt, nb as zt, de as Kt, nl as qt, nlBE as ir, deAT as cr, enIE as lr, enUS as dr } from "date-fns/locale";
 import { last as ur, chunk as bn, debounce as fr, padStart as hr, range as It } from "lodash-es";
 import * as Rt from "react";
-import { useMemo as _, useRef as $, useEffect as ae, useCallback as w, useId as Tt, useState as M, forwardRef as rt, createContext as gr, useLayoutEffect as wn } from "react";
+import { useMemo as x, useRef as $, useEffect as ae, useCallback as w, useId as Tt, useState as M, forwardRef as rt, createContext as gr, useLayoutEffect as wn } from "react";
 import ne from "classnames";
 import dt from "@emotion/styled";
 import { TextInput as pe, TextInputBox as mr, LabelledTextInput as pr } from "@stenajs-webui/forms";
 import { ControlledPopover as $e } from "@stenajs-webui/tooltip";
-import { cssColor as _t } from "@stenajs-webui/theme";
+import { cssColor as xt } from "@stenajs-webui/theme";
 import { useMaskedInput as Dr } from "@stenajs-webui/input-mask";
 import { useMediaQuery as qe } from "react-responsive";
 import './index.css';const de = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL"
-}, Ye = (e = {}, t, n) => {
+}, He = (e = {}, t, n) => {
   if (t && n && G(n, t))
     return dn({ start: t, end: n }).reduce(
       (s, a) => {
@@ -34,11 +34,11 @@ import './index.css';const de = {
   n,
   fn(r),
   un(r)
-), wr = (e = {}, t, n, r, s) => t && n ? Ye(
+), wr = (e = {}, t, n, r, s) => t && n ? He(
   e,
   gn([t, we(r, 1)]),
   hn([n, te(s, 1)])
-) : Ye(e, t, n), Oa = (e, t, n) => {
+) : He(e, t, n), Oa = (e, t, n) => {
   const r = z(t, de.yearAndMonth), s = St(t), a = nt(t);
   return {
     ...e,
@@ -107,9 +107,9 @@ import './index.css';const de = {
     return { ...e };
   const n = t.days[0].date, r = ur(t.days)?.date;
   return {
-    ...Ye(e, n, r)
+    ...He(e, n, r)
   };
-}, vr = (e, t) => _(() => e ? ge(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), st = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
+}, vr = (e, t) => x(() => e ? ge(t, /* @__PURE__ */ new Date(), ["today"]) : t, [e, t]), st = (e) => e.length === 0 ? e : e.length === 1 ? e.toUpperCase() : e.charAt(0).toUpperCase() + e.slice(1);
 var Cr = /* @__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))(Cr || {}), kr = /* @__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))(kr || {});
 const Gt = (e, t, n, r) => {
   const s = [];
@@ -132,20 +132,20 @@ const Gt = (e, t, n, r) => {
 }, Sr = (e, t, n, r = !0) => {
   const s = new Date(e, t, 1), a = Qe(s, { locale: n }), i = [];
   for (let c = 0; c < 6; c++) {
-    const l = xt(Xn(a, c), n);
+    const l = _t(Xn(a, c), n);
     if (c > 0 && l.startMonth !== t && !r)
       return i;
     i.push(l);
   }
   return i;
-}, xt = (e, t) => {
+}, _t = (e, t) => {
   const n = ye(te(e, 7)) !== ye(e);
   return {
     weekNumber: mn(e, { locale: t }),
     startMonth: ye(e),
-    startYear: He(e),
+    startYear: Fe(e),
     endMonth: ye(te(e, 6)),
-    endYear: He(te(e, 6)),
+    endYear: Fe(te(e, 6)),
     days: Ir(e, t),
     isLastWeekOfMonth: n
   };
@@ -157,7 +157,7 @@ const Gt = (e, t, n, r) => {
     fullName: z(e, "EEEE", t ? { locale: t } : void 0),
     dateString: z(pn(e, 12), de.fullDate),
     weekNumber: mn(e, { locale: t }),
-    year: He(e),
+    year: Fe(e),
     month: ye(e),
     dayOfMonth: nt(e),
     dayOfWeek: n,
@@ -169,10 +169,10 @@ const Gt = (e, t, n, r) => {
 }, Ir = (e, t) => dn({
   start: e,
   end: te(e, 6)
-}).map((n) => Mr(n, t)), Rr = (e, t) => t > 11 ? { year: e + Math.floor(t / 12), month: t % 12 } : t < 0 ? { year: e + Math.floor(t / 12), month: 12 + t % 12 } : { year: e, month: t }, Tr = "_calendar_5yxz4_1", _r = "_weekNumberVisible_5yxz4_41", Jt = {
+}).map((n) => Mr(n, t)), Rr = (e, t) => t > 11 ? { year: e + Math.floor(t / 12), month: t % 12 } : t < 0 ? { year: e + Math.floor(t / 12), month: 12 + t % 12 } : { year: e, month: t }, Tr = "_calendar_5yxz4_1", xr = "_weekNumberVisible_5yxz4_41", Jt = {
   calendar: Tr,
-  weekNumberVisible: _r
-}, xr = (e, t, n) => !!(t && t.indexOf(n) >= 0 || e && e.highlights && e.highlights.indexOf(n) >= 0), fe = (e, t, n, r, s) => {
+  weekNumberVisible: xr
+}, _r = (e, t, n) => !!(t && t.indexOf(n) >= 0 || e && e.highlights && e.highlights.indexOf(n) >= 0), fe = (e, t, n, r, s) => {
   if (n.length !== r.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -180,7 +180,7 @@ const Gt = (e, t, n, r) => {
   if (n.length === 0)
     return s;
   for (let a = 0; a < n.length; a++)
-    if (typeof n[a] == "boolean" && n[a] || typeof n[a] == "string" && xr(
+    if (typeof n[a] == "boolean" && n[a] || typeof n[a] == "string" && _r(
       e,
       t,
       n[a]
@@ -482,7 +482,7 @@ const Gt = (e, t, n, r) => {
       ) : i
     }
   );
-}, Pr = (e, t, n) => t && Ne(e, t) ? P(e, t) : n && G(e, n) ? P(e, n) : !0, Hr = function({
+}, Pr = (e, t, n) => t && Ne(e, t) ? P(e, t) : n && G(e, n) ? P(e, n) : !0, Fr = function({
   dayComponent: t,
   minDate: n,
   maxDate: r,
@@ -490,13 +490,13 @@ const Gt = (e, t, n, r) => {
   day: a,
   ...i
 }) {
-  const c = _(
+  const c = x(
     () => Pr(a.date, n, r) ? s : yn(s, ["disabled"]),
     [a.date, s, r, n]
   );
   return /* @__PURE__ */ o(t, { day: a, ...i, dayState: c });
 };
-function Yr({
+function Hr({
   month: e,
   dayComponent: t = vn,
   statePerWeek: n,
@@ -560,7 +560,7 @@ function Yr({
           }
         ) }),
         C.days.map((m) => /* @__PURE__ */ o(
-          Hr,
+          Fr,
           {
             dayComponent: t,
             day: m,
@@ -581,7 +581,7 @@ function Yr({
     ] }) })
   ] }) });
 }
-function Fr({
+function Yr({
   monthRows: e,
   dayComponent: t = vn,
   userDataPerMonth: n,
@@ -600,10 +600,10 @@ function Fr({
   showWeekNumber: y,
   theme: v = ke
 }) {
-  const C = _(
+  const C = x(
     () => s ? ve(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), m = _(
+  ), m = x(
     () => a ? ve(a, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [a]
   );
@@ -614,8 +614,8 @@ function Fr({
         Jt.calendar,
         y && Jt.weekNumberVisible
       ),
-      children: e.map((b, D) => /* @__PURE__ */ o(Fn, { children: /* @__PURE__ */ o(V, { gap: 2, children: b.map((k) => /* @__PURE__ */ o(
-        Yr,
+      children: e.map((b, D) => /* @__PURE__ */ o(Yn, { children: /* @__PURE__ */ o(V, { gap: 2, children: b.map((k) => /* @__PURE__ */ o(
+        Hr,
         {
           month: k,
           dayComponent: t,
@@ -655,7 +655,7 @@ function pt(e) {
     e.statePerMonth
   );
   return /* @__PURE__ */ o(
-    Fr,
+    Yr,
     {
       year: n,
       month: r,
@@ -674,12 +674,12 @@ const Or = (e, t, n) => {
   if (n)
     return {
       month: ye(n),
-      year: He(n)
+      year: Fe(n)
     };
   const r = /* @__PURE__ */ new Date();
   return {
     month: ye(r),
-    year: He(r)
+    year: Fe(r)
   };
 }, Wr = (e, t, n, r, s) => r == null ? [[at(e, t, n)]] : s == null ? [Gt(e, t, r, n)] : bn(Gt(e, t, r, n), s), Cn = (e, t) => `${e.row}-${e.column}-${t}`, $r = (e, t, n, r) => {
   let s = t;
@@ -711,9 +711,9 @@ const Or = (e, t, n) => {
   "lt-LT": $t,
   "it-IT": Wt,
   "et-EE": Ot,
-  "fi-FI": Ft,
-  "cs-CZ": Yt,
-  "es-ES": Ht,
+  "fi-FI": Yt,
+  "cs-CZ": Ht,
+  "es-ES": Ft,
   "fr-FR": Pt,
   "pl-PL": At,
   nl: qt,
@@ -725,9 +725,9 @@ const Or = (e, t, n) => {
   lt: $t,
   it: Wt,
   et: Ot,
-  fi: Ft,
-  cs: Yt,
-  es: Ht,
+  fi: Yt,
+  cs: Ht,
+  es: Ft,
   fr: Pt,
   pl: At
 }, kn = "en-GB", Va = "sv", Sn = (e, t, n) => {
@@ -759,13 +759,13 @@ const Or = (e, t, n) => {
   position: i,
   size: c
 }) => {
-  const l = _(
+  const l = x(
     () => Te(r) ?? Te("en-GB"),
     [r]
-  ), d = _(
+  ), d = x(
     () => st(z(e, "LLL", { locale: l })),
     [l, e]
-  ), u = _(
+  ), u = x(
     () => z(e, "LLLL", { locale: l }),
     [l, e]
   ), h = $(null), g = Cn(i, a), f = n ? 0 : -1;
@@ -785,7 +785,7 @@ const Or = (e, t, n) => {
     [a, i]
   );
   return /* @__PURE__ */ o(V, { justifyContent: "center", onKeyDown: p, children: n ? /* @__PURE__ */ o(
-    xe,
+    _e,
     {
       id: g,
       "aria-label": u,
@@ -843,7 +843,7 @@ const Or = (e, t, n) => {
   onCancel: a,
   size: i = "medium"
 }) => {
-  const c = Tt(), l = _e(), d = s > 0 ? s : 12, [u, h] = M(!1), g = Kr(n, d, Gr(i)), f = _(() => We(n, d), [d, n]);
+  const c = Tt(), l = xe(), d = s > 0 ? s : 12, [u, h] = M(!1), g = Kr(n, d, Gr(i)), f = x(() => We(n, d), [d, n]);
   ae(() => {
     h(!0);
   }, []);
@@ -856,7 +856,7 @@ const Or = (e, t, n) => {
   return /* @__PURE__ */ o(Q, { gap: 1, maxWidth: qr(i), onKeyDown: p, children: g.yearOrder.map((y, v) => {
     const { rows: C } = g.years[y];
     return /* @__PURE__ */ N(Rt.Fragment, { children: [
-      (v !== 0 || y !== l.getFullYear()) && /* @__PURE__ */ o(Fe, { variant: "h4", children: y }),
+      (v !== 0 || y !== l.getFullYear()) && /* @__PURE__ */ o(Ye, { variant: "h4", children: y }),
       /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: C.map((m) => {
         const { columns: b } = g.rows[m];
         return /* @__PURE__ */ o("tr", { children: b.map(({ month: D, position: k }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
@@ -923,7 +923,7 @@ const Or = (e, t, n) => {
 ], Qr = ({
   onClickPreset: e
 }) => {
-  const [t, n] = M(0), r = _(() => Jr(/* @__PURE__ */ new Date()), []), s = r[t] ?? r[0];
+  const [t, n] = M(0), r = x(() => Jr(/* @__PURE__ */ new Date()), []), s = r[t] ?? r[0];
   return /* @__PURE__ */ N(Q, { children: [
     /* @__PURE__ */ N(
       V,
@@ -957,7 +957,7 @@ const Or = (e, t, n) => {
     /* @__PURE__ */ o(Ie, {}),
     /* @__PURE__ */ o(Q, { alignItems: "center", children: s.presets.map((a) => /* @__PURE__ */ N(Rt.Fragment, { children: [
       /* @__PURE__ */ o(
-        xe,
+        _e,
         {
           label: a.label,
           onClick: () => e(a)
@@ -977,10 +977,10 @@ const Or = (e, t, n) => {
   numMonthsInMonthPicker: l,
   ...d
 }) {
-  const u = _(
+  const u = x(
     () => t == null ? "en-GB" : jr(t) ?? "en-GB",
     [t]
-  ), h = _e(), g = w(
+  ), h = xe(), g = w(
     (p) => {
       r && r(p), a("calendar");
     },
@@ -1022,7 +1022,7 @@ const Or = (e, t, n) => {
       } });
     default:
       return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
-        xe,
+        _e,
         {
           label: "Show calendar",
           onClick: () => a("calendar")
@@ -1200,8 +1200,8 @@ const ns = (e, t) => e || (t || 1) > 1 ? "below" : "header", rs = (e) => ({
     n,
     e,
     r
-  ), g = _(
-    () => Ye(
+  ), g = x(
+    () => He(
       s,
       t?.startDate,
       t?.endDate
@@ -1242,7 +1242,7 @@ const qa = () => {
       e && e(u.date);
     },
     [e]
-  ), d = _(
+  ), d = x(
     () => t ? ge(n, t, [
       "selected",
       "singleSelected"
@@ -1280,7 +1280,7 @@ const cs = ({
       e(t && g ? t.filter((f) => !P(f, h.date)) : [...t || [], h.date]);
     },
     [e, t]
-  ), u = _(() => t ? t.reduce(
+  ), u = x(() => t ? t.reduce(
     (h, g) => ge(h, g, ["selected"]),
     n
   ) : n, [n, t]);
@@ -1309,7 +1309,7 @@ const ls = ({
     return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }), { currentPanel: c, setCurrentPanel: l } = ot(r), d = w(
     (f) => {
-      e && e(Qt(xt(f.date, s)));
+      e && e(Qt(_t(f.date, s)));
     },
     [s, e]
   ), u = w(
@@ -1317,10 +1317,10 @@ const ls = ({
       e && e(Qt(f));
     },
     [e]
-  ), h = _(() => {
+  ), h = x(() => {
     const f = ut(t, s);
     return f ? yr(n, f) : n;
-  }, [t, s, n]), g = _(() => {
+  }, [t, s, n]), g = x(() => {
     const f = ut(t, s);
     return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }, [s, t]);
@@ -1343,7 +1343,7 @@ const ls = ({
   const n = e.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), a = /* @__PURE__ */ new Date();
   a.setFullYear(s);
   const i = Qe(rr(a, r), { locale: t });
-  return xt(i, t);
+  return _t(i, t);
 };
 function Ja(e) {
   const t = ls(e);
@@ -1386,6 +1386,8 @@ const Ve = "bottom", ds = (e, t, n) => {
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       open: v,
       onRequestClose: y,
       appendTo: f,
@@ -1434,7 +1436,7 @@ const Ve = "bottom", ds = (e, t, n) => {
       }), e?.startDate ? setTimeout(u, 150) : (c("startDate"), n.current?.focus()));
     },
     [i, t, c, u, e]
-  ), g = _(
+  ), g = x(
     () => e?.startDate && e?.endDate && G(e.startDate, e.endDate),
     [e?.startDate, e?.endDate]
   );
@@ -1478,14 +1480,16 @@ function Za({
     startDateIsAfterEnd: I
   } = us(r, s), [B, R] = M(
     () => (b && r?.[b]) ?? /* @__PURE__ */ new Date()
-  ), x = _(
-    () => Ye(void 0, r?.startDate, r?.endDate),
+  ), _ = x(
+    () => He(void 0, r?.startDate, r?.endDate),
     [r]
   );
   return /* @__PURE__ */ o(
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       appendTo: h,
       zIndex: g,
       renderTrigger: (A) => /* @__PURE__ */ N(V, { alignItems: "center", ...A, children: [
@@ -1508,7 +1512,7 @@ function Za({
           on,
           {
             icon: zn,
-            color: _t("--lhds-color-ui-500"),
+            color: xt("--lhds-color-ui-500"),
             size: 14
           }
         ),
@@ -1537,7 +1541,7 @@ function Za({
           ...c,
           dateInFocus: B,
           setDateInFocus: R,
-          statePerMonth: x,
+          statePerMonth: _,
           theme: i,
           onClickDay: S,
           currentPanel: f,
@@ -1572,13 +1576,13 @@ const Xa = ({
   }, [C, v]), b = w(() => {
     C(!1);
   }, [C]), D = w(
-    (x) => {
-      s && s(x);
+    (_) => {
+      s && s(_);
     },
     [s]
   ), k = w(
-    (x) => {
-      x && (D(z(x, n)), t && setTimeout(() => C(!v), 200));
+    (_) => {
+      _ && (D(z(_, n)), t && setTimeout(() => C(!v), 200));
     },
     [
       D,
@@ -1593,7 +1597,7 @@ const Xa = ({
     {
       appendTo: f,
       zIndex: p,
-      renderTrigger: ({ ref: x, ...A }) => /* @__PURE__ */ o(
+      renderTrigger: ({ ref: _, ...A }) => /* @__PURE__ */ o(
         pe,
         {
           ...y,
@@ -1614,7 +1618,7 @@ const Xa = ({
           min: u,
           max: h,
           size: 10,
-          inputRef: x,
+          inputRef: _,
           ...A
         }
       ),
@@ -1764,11 +1768,11 @@ const Xa = ({
   onBlurLeft: I,
   onBlurRight: B,
   onFocusLeft: R,
-  onFocusRight: x,
+  onFocusRight: _,
   inputRefLeft: A,
-  inputRefRight: F,
+  inputRefRight: Y,
   variant: E,
-  variantLeft: H,
+  variantLeft: F,
   variantRight: q,
   onBlur: J,
   showPresets: T,
@@ -1776,31 +1780,31 @@ const Xa = ({
   widthRight: U,
   disabled: j
 }) => {
-  const O = $(0), Y = _(
+  const O = $(0), H = x(
     () => fr((W) => {
       W === 0 && J?.();
     }, 10),
     [J]
   ), X = w(
     (W) => {
-      O.current++, Y(O.current), R && R(W);
+      O.current++, H(O.current), R && R(W);
     },
-    [R, O, Y]
+    [R, O, H]
   ), re = w(
     (W) => {
-      O.current++, Y(O.current), x && x(W);
+      O.current++, H(O.current), _ && _(W);
     },
-    [x, O, Y]
+    [_, O, H]
   ), oe = w(
     (W) => {
-      O.current--, Y(O.current), I && I(W);
+      O.current--, H(O.current), I && I(W);
     },
-    [I, O, Y]
+    [I, O, H]
   ), ue = w(
     (W) => {
-      O.current--, Y(O.current), B && B(W);
+      O.current--, H(O.current), B && B(W);
     },
-    [B, O, Y]
+    [B, O, H]
   );
   return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ N(
     mr,
@@ -1847,7 +1851,7 @@ const Xa = ({
             onBlur: oe,
             onFocus: X,
             inputRef: A,
-            variant: H,
+            variant: F,
             type: d,
             autoFocus: e,
             min: y,
@@ -1859,7 +1863,7 @@ const Xa = ({
           {
             icon: i,
             size: 12,
-            color: _t("--lhds-color-ui-500")
+            color: xt("--lhds-color-ui-500")
           }
         ) }),
         /* @__PURE__ */ o(L, { width: U, children: /* @__PURE__ */ o(
@@ -1876,7 +1880,7 @@ const Xa = ({
             onChange: g,
             onBlur: ue,
             onFocus: re,
-            inputRef: F,
+            inputRef: Y,
             variant: q,
             type: u,
             autoFocus: t,
@@ -1929,7 +1933,7 @@ const Xa = ({
   };
 }, ms = (e) => `${Xe(String(e.getHours()))}:${et(
   String(e.getMinutes())
-)}`, ps = "_timePicker_1w05d_1", Ds = "_timePickerColumn_1w05d_6", _n = {
+)}`, ps = "_timePicker_1w05d_1", Ds = "_timePickerColumn_1w05d_6", xn = {
   timePicker: ps,
   timePickerColumn: Ds
 }, bs = ({
@@ -1957,7 +1961,7 @@ const Xa = ({
       indent: 0.5,
       ref: a,
       children: n ? /* @__PURE__ */ o(
-        xe,
+        _e,
         {
           label: hr(String(t), 2, "0"),
           onClick: () => e && e(t)
@@ -1978,7 +1982,7 @@ const Xa = ({
   canScrollRef: r
 }) => {
   const s = $(null);
-  return /* @__PURE__ */ o(Q, { className: _n.timePickerColumn, ref: s, children: t.map((a) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Q, { className: xn.timePickerColumn, ref: s, children: t.map((a) => /* @__PURE__ */ o(
     bs,
     {
       item: a,
@@ -2015,7 +2019,7 @@ const Xa = ({
     },
     [r, t]
   );
-  return /* @__PURE__ */ N(V, { className: _n.timePicker, children: [
+  return /* @__PURE__ */ N(V, { className: xn.timePicker, children: [
     /* @__PURE__ */ o(
       Zt,
       {
@@ -2211,11 +2215,11 @@ const Xa = ({
     localTime: B,
     localDate: R
   } = v, {
-    showCalendar: x,
+    showCalendar: _,
     hideCalendar: A,
-    inputLeftChangeHandler: F,
+    inputLeftChangeHandler: Y,
     inputRightChangeHandler: E,
-    onChangeTime: H,
+    onChangeTime: F,
     onChangeDate: q
   } = ks(e, t, v, p), {
     onKeyDownHandler: J,
@@ -2227,12 +2231,12 @@ const Xa = ({
   } = Ms(
     q,
     p,
-    x,
+    _,
     A,
     v
   );
   Cs(e, k, p);
-  const Y = _(() => {
+  const H = x(() => {
     const W = e || R;
     return W ? ge(void 0, W, [
       "singleSelected",
@@ -2240,7 +2244,7 @@ const Xa = ({
     ]) : {};
   }, [R, e]), X = w(() => {
     A(), I();
-  }, [A, I]), re = _(
+  }, [A, I]), re = x(
     () => e ? ms(e) : B,
     [e, B]
   ), oe = Lt(b, 300), ue = Lt(S, 300);
@@ -2248,6 +2252,8 @@ const Xa = ({
     $e,
     {
       hideArrow: !0,
+      restoreFocus: !1,
+      returnFocus: !1,
       zIndex: g,
       appendTo: f,
       renderTrigger: (W) => /* @__PURE__ */ o(L, { ...W, children: /* @__PURE__ */ o(
@@ -2263,7 +2269,7 @@ const Xa = ({
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: F,
+          onChangeLeft: Y,
           onChangeRight: E,
           onClickArrowDown: O,
           onClickCalendar: j,
@@ -2287,7 +2293,7 @@ const Xa = ({
       children: (oe || ue) && /* @__PURE__ */ o(Q, { children: oe ? /* @__PURE__ */ o(
         Se,
         {
-          statePerMonth: Y,
+          statePerMonth: H,
           onClickDay: U,
           dateInFocus: D,
           setDateInFocus: k,
@@ -2301,11 +2307,11 @@ const Xa = ({
           vs,
           {
             value: re ?? "",
-            onValueChange: H
+            onValueChange: F
           }
         ) }),
         /* @__PURE__ */ o(Ie, {}),
-        /* @__PURE__ */ o(V, { justifyContent: "flex-end", children: /* @__PURE__ */ o(xe, { label: "Done", onClick: I }) })
+        /* @__PURE__ */ o(V, { justifyContent: "flex-end", children: /* @__PURE__ */ o(_e, { label: "Done", onClick: I }) })
       ] }) : null })
     }
   ) });
@@ -2315,13 +2321,13 @@ const Xa = ({
   year: n
 }) => {
   const r = String(n);
-  return /* @__PURE__ */ o(V, { justifyContent: "center", children: e === n ? /* @__PURE__ */ o(xe, { label: r, onClick: () => t?.(n) }) : /* @__PURE__ */ o(Z, { label: r, onClick: () => t?.(n) }) });
+  return /* @__PURE__ */ o(V, { justifyContent: "center", children: e === n ? /* @__PURE__ */ o(_e, { label: r, onClick: () => t?.(n) }) : /* @__PURE__ */ o(Z, { label: r, onClick: () => t?.(n) }) });
 }, no = ({
   value: e,
   onValueChange: t,
   initialLastYear: n
 }) => {
-  const [r, s] = M(() => e ? e + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), a = _(() => {
+  const [r, s] = M(() => e ? e + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), a = x(() => {
     const i = r - 11;
     return bn(It(i, r + 1), 3);
   }, [r]);
@@ -2399,7 +2405,7 @@ const Xa = ({
     },
     [t, s]
   );
-}, _s = (e, t, n, {
+}, xs = (e, t, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: a,
@@ -2438,7 +2444,7 @@ const Xa = ({
     setCurrentPanel: c,
     showCalendar: u
   };
-}, xs = (e, t) => {
+}, _s = (e, t) => {
   const [n, r, s] = mt(!1), [a, i] = M(void 0), [c, l] = M("startDate"), [d, u] = M(() => (c === "startDate" ? e : c === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, g] = M("calendar");
   return {
     isCalendarVisible: n,
@@ -2559,18 +2565,18 @@ function ro({
   appendTo: v,
   renderBelowCalendar: C
 }) {
-  const { startDate: m, endDate: b } = e || {}, D = $(null), k = $(null), S = xs(m, b), {
+  const { startDate: m, endDate: b } = e || {}, D = $(null), k = $(null), S = _s(m, b), {
     dateInFocus: I,
     setDateInFocus: B,
     isCalendarVisible: R,
-    currentPanel: x,
+    currentPanel: _,
     setCurrentPanel: A
   } = S, {
-    showCalendar: F,
+    showCalendar: Y,
     hideCalendar: E,
-    inputLeftChangeHandler: H,
+    inputLeftChangeHandler: F,
     inputRightChangeHandler: q
-  } = _s(m, b, t, S), {
+  } = xs(m, b, t, S), {
     onKeyDownHandler: J,
     onFocusRight: T,
     onFocusLeft: K,
@@ -2583,7 +2589,7 @@ function ro({
     t,
     D,
     k,
-    F,
+    Y,
     E,
     S
   );
@@ -2594,10 +2600,10 @@ function ro({
     D,
     k
   );
-  const Y = _(
+  const H = x(
     () => m && b && G(m, b),
     [m, b]
-  ), X = _(
+  ), X = x(
     () => br(
       l?.statePerMonth,
       m,
@@ -2627,7 +2633,7 @@ function ro({
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: H,
+          onChangeLeft: F,
           onChangeRight: q,
           onClickArrowDown: O,
           onClickCalendar: j,
@@ -2637,7 +2643,7 @@ function ro({
           onClickRight: T,
           inputRefLeft: D,
           inputRefRight: k,
-          variant: Y ? "error" : f,
+          variant: H ? "error" : f,
           widthLeft: d,
           widthRight: u,
           minLeft: i,
@@ -2658,7 +2664,7 @@ function ro({
             firstMonthInMonthPicker: h,
             numMonthsInMonthPicker: g,
             setDateInFocus: B,
-            currentPanel: x,
+            currentPanel: _,
             setCurrentPanel: A,
             minDate: i,
             maxDate: c,
@@ -2666,7 +2672,7 @@ function ro({
             statePerMonth: X
           }
         ),
-        x === "calendar" && C
+        _ === "calendar" && C
       ] })
     }
   ) });
@@ -2706,7 +2712,7 @@ const bt = ({
     d,
     u,
     S
-  ), x = w(
+  ), _ = w(
     (E) => {
       g?.(E), I(!0);
     },
@@ -2716,7 +2722,7 @@ const bt = ({
       f?.(E), I(!1);
     },
     [f]
-  ), F = S ? y : p ?? y;
+  ), Y = S ? y : p ?? y;
   return m === "standard" ? /* @__PURE__ */ o(Kn, { text: C ?? "", children: /* @__PURE__ */ o(
     pe,
     {
@@ -2727,8 +2733,8 @@ const bt = ({
       "aria-live": "polite",
       value: (S ? i : v) ?? "",
       inputRef: B,
-      placeholder: F,
-      onFocus: x,
+      placeholder: Y,
+      onFocus: _,
       onBlur: A,
       onChange: R,
       width: Xt(h),
@@ -2745,8 +2751,8 @@ const bt = ({
       "aria-live": "polite",
       value: (S ? i : v) ?? "",
       ref: B,
-      placeholder: F,
-      onFocus: x,
+      placeholder: Y,
+      onFocus: _,
       onBlur: A,
       onChange: R,
       width: Xt(h),
@@ -2766,7 +2772,7 @@ const bt = ({
     default:
       return Ct(e, "168px");
   }
-}, Bs = [/[1-2]/, /\d/, /\d/, /\d/], Es = [/[0-1]/, /\d/], Ls = [/[0-3]/, /\d/], xn = (e) => Ps(e).flatMap(As), As = (e) => {
+}, Bs = [/[1-2]/, /\d/, /\d/, /\d/], Es = [/[0-1]/, /\d/], Ls = [/[0-3]/, /\d/], _n = (e) => Ps(e).flatMap(As), As = (e) => {
   switch (e) {
     case "yyyy":
       return Bs;
@@ -2824,9 +2830,9 @@ const bt = ({
   const n = le(e, t);
   if (n != null)
     return be(n, t);
-}, Hs = "_navBarButton_b3x3w_1", Ys = "_selected_b3x3w_14", en = {
-  navBarButton: Hs,
-  selected: Ys
+}, Fs = "_navBarButton_b3x3w_1", Hs = "_selected_b3x3w_14", en = {
+  navBarButton: Fs,
+  selected: Hs
 };
 rt(
   function({ selected: e, className: t, ...n }, r) {
@@ -2844,8 +2850,8 @@ rt(
     );
   }
 );
-const Fs = "_navBarLink_1u1b2_1", Os = "_selected_1u1b2_14", tn = {
-  navBarLink: Fs,
+const Ys = "_navBarLink_1u1b2_1", Os = "_selected_1u1b2_14", tn = {
+  navBarLink: Ys,
   selected: Os
 };
 rt(
@@ -2949,10 +2955,10 @@ const nn = [
   autoFocusStartDate: v,
   autoFocusEndDate: C
 }) => {
-  const { deviceSize: m } = Nn(), b = y && !Bn(m, "tablet"), { mask: D, placeholder: k } = _(() => {
+  const { deviceSize: m } = Nn(), b = y && !Bn(m, "tablet"), { mask: D, placeholder: k } = x(() => {
     const S = Be(n);
     return {
-      mask: xn(S),
+      mask: _n(S),
       placeholder: S.toLowerCase()
     };
   }, [n]);
@@ -3034,19 +3040,19 @@ function js(e, t, n) {
   } : e;
 }
 const Ln = (e, t, n, r, s, a, i, c, l) => {
-  const d = Te(r), u = Tt(), h = _e(), g = $(null), f = _(
+  const d = Te(r), u = Tt(), h = xe(), g = $(null), f = x(
     () => Be(n),
     [n]
-  ), p = _(
+  ), p = x(
     () => e?.startDate?.length === f.length ? le(e.startDate, n) : void 0,
     [f.length, n, e?.startDate]
-  ), y = _(
+  ), y = x(
     () => e?.endDate?.length === f.length ? le(e.endDate, n) : void 0,
     [f.length, n, e?.endDate]
-  ), v = _(
+  ), v = x(
     () => p != null ? yt(p, h, d) : void 0,
     [d, p, h]
-  ), C = _(
+  ), C = x(
     () => y != null ? yt(y, h, d) : void 0,
     [d, y, h]
   ), [m, b] = M(
@@ -3056,20 +3062,20 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       me(T, h) || G(T, h) ? b(T) : b(h);
     },
     [h]
-  ), k = _(
+  ), k = x(
     () => at(
       m.getFullYear(),
       m.getMonth(),
       d
     ),
     [d, m]
-  ), S = _(() => st(
+  ), S = x(() => st(
     Dn(
       m,
       { month: "long", year: "numeric" },
       { locale: d.code }
     )
-  ), [d, m]), I = _(() => me(h, m), [h, m]), [B, R] = M(), [x, A] = M("calendar"), F = w(
+  ), [d, m]), I = x(() => me(h, m), [h, m]), [B, R] = M(), [_, A] = M("calendar"), Y = w(
     (T) => {
       const K = T?.startDate?.length === f.length ? le(T.startDate, n) : void 0, U = T?.endDate?.length === f.length ? le(T.endDate, n) : void 0;
       K ? D(K) : U && D(U), t?.({
@@ -3084,20 +3090,20 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       D,
       e
     ]
-  ), E = _(
+  ), E = x(
     () => p && y ? G(y, p) || P(y, p) : !1,
     [y, p]
-  ), H = _(() => {
+  ), F = x(() => {
     const T = a === "startDate" ? e?.endDate : e?.startDate;
     return T ? le(T, n) : void 0;
-  }, [a, n, e?.endDate, e?.startDate]), q = _(() => {
-    if (B && H) {
+  }, [a, n, e?.endDate, e?.startDate]), q = x(() => {
+    if (B && F) {
       if (a === "endDate")
         return "right";
       if (a === "startDate")
         return "left";
     }
-  }, [a, H, B]);
+  }, [a, F, B]);
   return {
     onClickDate: (T) => {
       if (!(T.getFullYear() === m.getFullYear() && T.getMonth() === m.getMonth()))
@@ -3105,7 +3111,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       const U = (j, O) => t?.(
         js(
           j,
-          (Y) => le(Y, n),
+          (H) => le(H, n),
           O
         )
       );
@@ -3135,19 +3141,19 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         "startDate"
       ), c("endDate"));
     },
-    onValueChangeByInputs: F,
+    onValueChangeByInputs: Y,
     isValidDateRange: E,
     monthPickerButtonRef: g,
     calendarId: u,
     monthPickerButtonLabel: S,
-    visiblePanel: x,
+    visiblePanel: _,
     setVisiblePanel: A,
     setVisibleMonth: b,
     visibleMonthData: k,
     todayIsInVisibleMonth: I,
     hoverDate: B,
     setHoverDate: R,
-    hoverAnchor: H,
+    hoverAnchor: F,
     hoverHighlightDirection: q,
     selectedStartDate: p,
     selectedEndDate: y,
@@ -3376,11 +3382,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   hoverHighlightDirection: C
 }) => {
   const m = w(
-    async (F) => {
-      const E = la(r.date, F.key), H = (E && p?.(E)) ?? !1;
-      E && !H && (c(E), me(r.date, E) ? document.getElementById(ft(E, f))?.focus() : (n(E), setTimeout(() => {
+    async (Y) => {
+      const E = la(r.date, Y.key), F = (E && p?.(E)) ?? !1;
+      E && !F && (c(E), me(r.date, E) ? document.getElementById(ft(E, f))?.focus() : (n(E), setTimeout(() => {
         document.getElementById(ft(E, f))?.focus();
-      }, 10))), (F.key === "Enter" || F.code === "Space") && e(r.date);
+      }, 10))), (Y.key === "Enter" || Y.code === "Space") && e(r.date);
     },
     [
       f,
@@ -3390,7 +3396,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       e,
       c
     ]
-  ), b = r.month === t.getMonth(), D = p?.(r.date) ?? !1, k = d && u ? G(d, u) : !1, S = d && u ? P(k ? u : d, r.date) : !1, I = d && u ? P(k ? d : u, r.date) : !1, B = !d && a ? P(a, r.date) : !1, R = !d && i ? P(i, r.date) : !1, x = P(r.date, h), A = oa(
+  ), b = r.month === t.getMonth(), D = p?.(r.date) ?? !1, k = d && u ? G(d, u) : !1, S = d && u ? P(k ? u : d, r.date) : !1, I = d && u ? P(k ? d : u, r.date) : !1, B = !d && a ? P(a, r.date) : !1, R = !d && i ? P(i, r.date) : !1, _ = P(r.date, h), A = oa(
     r.date,
     a,
     i,
@@ -3410,7 +3416,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       tabIndex: D ? void 0 : Da(
         r,
         a,
-        x,
+        _,
         t,
         g
       ),
@@ -3433,7 +3439,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
           {
             className: ne(
               se.contentWrapper,
-              x ? se.isToday : void 0,
+              _ ? se.isToday : void 0,
               a ? se.startSelected : void 0,
               i ? se.endSelected : void 0,
               d && P(d, r.date) ? se.hover : void 0,
@@ -3445,7 +3451,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
               Ce,
               {
                 variant: "bold",
-                color: D ? _t("--lhds-color-ui-500") : void 0,
+                color: D ? xt("--lhds-color-ui-500") : void 0,
                 children: r.dayOfMonth
               }
             )
@@ -3543,22 +3549,22 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   dateTestId: I,
   previousMonthButtonTestId: B,
   nextMonthButtonTestId: R,
-  textInputVariant: x = "standard",
+  textInputVariant: _ = "standard",
   autoFocusStartDate: A,
-  autoFocusEndDate: F
+  autoFocusEndDate: Y
 }) => {
-  const [E, H] = M(!1), [q, J] = M(!1), [T, K] = M({
+  const [E, F] = M(!1), [q, J] = M(!1), [T, K] = M({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), [U, j] = M(void 0), O = $(null), Y = $(null), X = (ee) => {
-    ee === "startDate" ? O.current?.focus() : ee === "endDate" && Y.current?.focus();
+  }), [U, j] = M(void 0), O = $(null), H = $(null), X = (ee) => {
+    ee === "startDate" ? O.current?.focus() : ee === "endDate" && H.current?.focus();
   }, re = S === "large" ? "8.8rem" : "6.6rem", oe = $(!1), ue = w((ee) => {
     j(ee), oe.current = !0, J(!0), setTimeout(() => {
-      H(!0);
+      F(!0);
     }, 10);
   }, []), W = w(() => {
-    q && (H(!1), oe.current = !1, D?.(), setTimeout(() => {
+    q && (F(!1), oe.current = !1, D?.(), setTimeout(() => {
       oe.current || J(!1);
     }, 120));
   }, [q, D]), ze = $(null), Me = $(null);
@@ -3580,10 +3586,10 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     visiblePanel: Ke,
     visibleMonth: ce,
     onValueChangeByInputs: Ee,
-    setVisibleMonth: Hn,
+    setVisibleMonth: Fn,
     setVisiblePanel: Nt,
     monthPickerButtonRef: Bt
-  } = De, Yn = w(
+  } = De, Hn = w(
     (ee) => {
       ee.key === "Escape" && W();
     },
@@ -3595,7 +3601,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       position: "relative",
       className: ht.travelDateRangeInput,
       ref: ze,
-      onKeyDown: Yn,
+      onKeyDown: Hn,
       height: T.height,
       width: T.width,
       children: [
@@ -3612,7 +3618,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 value: e,
                 onValueChange: Ee,
                 startDateRef: O,
-                endDateRef: Y,
+                endDateRef: H,
                 localeCode: s,
                 startDateLabel: n,
                 endDateLabel: r,
@@ -3620,9 +3626,9 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 calendarSize: S,
                 placeholderWhenBlurredStartDate: d,
                 placeholderWhenBlurredEndDate: u,
-                variant: x,
+                variant: _,
                 autoFocusStartDate: A,
-                autoFocusEndDate: F,
+                autoFocusEndDate: Y,
                 readOnlyOnMobile: !0
               }
             )
@@ -3643,7 +3649,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(ln, { gap: 3, children: [
-                  h && /* @__PURE__ */ o(Fe, { variant: "h2", as: g, children: h }),
+                  h && /* @__PURE__ */ o(Ye, { variant: "h2", as: g, children: h }),
                   /* @__PURE__ */ o(L, { height: re }),
                   /* @__PURE__ */ o(
                     it,
@@ -3677,7 +3683,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                       size: S,
                       localeCode: a,
                       onValueChange: (ee) => {
-                        Hn(ee), Nt("calendar"), Bt.current?.focus();
+                        Fn(ee), Nt("calendar"), Bt.current?.focus();
                       },
                       onCancel: () => {
                         Nt("calendar"), Bt.current?.focus();
@@ -3710,10 +3716,10 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   variant: d,
   readOnlyOnMobile: u
 }) => {
-  const { deviceSize: h } = Nn(), g = u && !Bn(h, "tablet"), { mask: f, placeholder: p } = _(() => {
+  const { deviceSize: h } = Nn(), g = u && !Bn(h, "tablet"), { mask: f, placeholder: p } = x(() => {
     const y = Be(r);
     return {
-      mask: xn(y),
+      mask: _n(y),
       placeholder: y.toLowerCase()
     };
   }, [r]);
@@ -3739,13 +3745,13 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     }
   ) });
 }, Pn = (e, t, n, r, s, a) => {
-  const i = Te(r), c = Tt(), l = _e(), d = $(null), u = _(
+  const i = Te(r), c = Tt(), l = xe(), d = $(null), u = x(
     () => Be(n),
     [n]
-  ), h = _(
+  ), h = x(
     () => e?.length === u.length ? le(e, n) : void 0,
     [u.length, n, e]
-  ), g = _(
+  ), g = x(
     () => h != null ? yt(h, l, i) : void 0,
     [i, h, l]
   ), [f, p] = M(
@@ -3755,23 +3761,23 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       me(R, l) || G(R, l) ? p(R) : p(l);
     },
     [l]
-  ), v = _(
+  ), v = x(
     () => at(
       f.getFullYear(),
       f.getMonth(),
       i
     ),
     [i, f]
-  ), C = _(() => st(
+  ), C = x(() => st(
     Dn(
       f,
       { month: "long", year: "numeric" },
       { locale: i.code }
     )
-  ), [i, f]), m = _(() => me(l, f), [l, f]), [b, D] = M(), [k, S] = M("calendar"), I = w(
+  ), [i, f]), m = x(() => me(l, f), [l, f]), [b, D] = M(), [k, S] = M("calendar"), I = w(
     (R) => {
-      const x = R?.length === u.length ? le(R, n) : void 0;
-      x && y(x), t?.(R);
+      const _ = R?.length === u.length ? le(R, n) : void 0;
+      _ && y(_), t?.(R);
     },
     [u.length, n, t, y]
   );
@@ -3824,7 +3830,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   nextMonthButtonTestId: B,
   textInputVariant: R = "standard"
 }) => {
-  const [x, A] = M(!1), [F, E] = M(!1), [H, q] = M({
+  const [_, A] = M(!1), [Y, E] = M(!1), [F, q] = M({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
@@ -3833,18 +3839,18 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       A(!0);
     }, 10);
   }, []), U = w(() => {
-    F && (A(!1), T.current = !1, b?.(), setTimeout(() => {
+    Y && (A(!1), T.current = !1, b?.(), setTimeout(() => {
       T.current || E(!1);
     }, 120));
-  }, [F, b]), j = w(() => {
+  }, [Y, b]), j = w(() => {
     setTimeout(() => {
       U();
     }, 250);
-  }, [U]), O = $(null), Y = $(null);
+  }, [U]), O = $(null), H = $(null);
   an(O, U), wn(() => {
-    const ce = Y.current?.offsetWidth, Ee = Y.current?.offsetHeight;
-    ce != null && Ee != null && (H.height !== Ee || H.width !== ce) && q({ width: ce, height: Ee });
-  }, [H.height, H.width]);
+    const ce = H.current?.offsetWidth, Ee = H.current?.offsetHeight;
+    ce != null && Ee != null && (F.height !== Ee || F.width !== ce) && q({ width: ce, height: Ee });
+  }, [F.height, F.width]);
   const X = Pn(
     e,
     t,
@@ -3873,15 +3879,15 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       className: gt.travelDateInput,
       ref: O,
       onKeyDown: Ke,
-      height: H.height,
-      width: H.width,
+      height: F.height,
+      width: F.width,
       children: [
         /* @__PURE__ */ o(
           L,
           {
             position: "absolute",
-            ref: Y,
-            zIndex: F ? C : m,
+            ref: H,
+            zIndex: Y ? C : m,
             children: /* @__PURE__ */ o(
               An,
               {
@@ -3900,14 +3906,14 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
             )
           }
         ),
-        F && /* @__PURE__ */ o(
+        Y && /* @__PURE__ */ o(
           L,
           {
             position: "absolute",
             zIndex: C - 1,
             left: "-2.4rem",
             top: u ? "-8.0rem" : "-2.4rem",
-            className: ne(gt.overlay, x && gt.calendarVisible),
+            className: ne(gt.overlay, _ && gt.calendarVisible),
             children: /* @__PURE__ */ o(
               L,
               {
@@ -3915,7 +3921,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ N(ln, { gap: 3, children: [
-                  u && /* @__PURE__ */ o(Fe, { variant: "h2", as: h, children: u }),
+                  u && /* @__PURE__ */ o(Ye, { variant: "h2", as: h, children: u }),
                   /* @__PURE__ */ o(L, { height: J }),
                   /* @__PURE__ */ o(
                     it,
@@ -4003,13 +4009,13 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     visiblePanel: I,
     visibleMonth: B,
     onValueChangeByInputs: R,
-    setVisibleMonth: x,
+    setVisibleMonth: _,
     setVisiblePanel: A,
-    monthPickerButtonRef: F,
+    monthPickerButtonRef: Y,
     selectedDate: E
   } = S;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
-    d && /* @__PURE__ */ o(Fe, { variant: "h2", as: u, children: d }),
+    d && /* @__PURE__ */ o(Ye, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ o(
       An,
       {
@@ -4060,11 +4066,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         value: B,
         localeCode: s,
         size: C,
-        onValueChange: (H) => {
-          x(H), A("calendar"), F.current?.focus();
+        onValueChange: (F) => {
+          _(F), A("calendar"), Y.current?.focus();
         },
         onCancel: () => {
-          A("calendar"), F.current?.focus();
+          A("calendar"), Y.current?.focus();
         }
       }
     )
@@ -4096,20 +4102,20 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
   autoFocusStartDate: I,
   autoFocusEndDate: B
 }) => {
-  const [R, x] = M(void 0), A = $(null), F = $(null), E = w((Y) => {
-    Y === "startDate" ? A.current?.focus() : Y === "endDate" && F.current?.focus();
-  }, []), H = Ln(
+  const [R, _] = M(void 0), A = $(null), Y = $(null), E = w((H) => {
+    H === "startDate" ? A.current?.focus() : H === "endDate" && Y.current?.focus();
+  }, []), F = Ln(
     e,
     t,
     s,
     a,
     i,
     R,
-    x,
+    _,
     E,
     void 0
-  ), q = w((Y) => {
-    x(Y);
+  ), q = w((H) => {
+    _(H);
   }, []), {
     visiblePanel: J,
     visibleMonth: T,
@@ -4117,17 +4123,17 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     setVisibleMonth: U,
     setVisiblePanel: j,
     monthPickerButtonRef: O
-  } = H;
+  } = F;
   return /* @__PURE__ */ N(Q, { gap: 3, children: [
-    d && /* @__PURE__ */ o(Fe, { variant: "h2", as: u, children: d }),
+    d && /* @__PURE__ */ o(Ye, { variant: "h2", as: u, children: d }),
     /* @__PURE__ */ o(
       En,
       {
-        ...H,
+        ...F,
         value: e,
         onValueChange: K,
         startDateRef: A,
-        endDateRef: F,
+        endDateRef: Y,
         localeCode: s,
         startDateLabel: n,
         endDateLabel: r,
@@ -4144,7 +4150,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     /* @__PURE__ */ o(
       it,
       {
-        ...H,
+        ...F,
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: l,
         calendarSize: v,
@@ -4157,7 +4163,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     J === "calendar" && /* @__PURE__ */ o(
       ct,
       {
-        ...H,
+        ...F,
         size: v,
         multiSelectable: !0,
         isDateDisabled: g,
@@ -4172,8 +4178,8 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         value: T,
         size: v,
         localeCode: a,
-        onValueChange: (Y) => {
-          U(Y), j("calendar"), O.current?.focus();
+        onValueChange: (H) => {
+          U(H), j("calendar"), O.current?.focus();
         },
         onCancel: () => {
           j("calendar"), O.current?.focus();
@@ -4182,13 +4188,13 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     )
   ] });
 }, co = () => {
-  const e = _e();
+  const e = xe();
   return w(
     (t) => !P(t, e) && Ne(t, e),
     [e]
   );
 }, lo = () => {
-  const e = _e();
+  const e = xe();
   return w(
     (t) => me(e, t) || Ne(t, e),
     [e]
@@ -4222,13 +4228,13 @@ export {
   yn as addDayStateHighlightsOnSingleDay,
   yr as addWeekRangeHighlights,
   $a as addWeekStateHighlights,
-  Ye as buildDayStateForDateRange,
+  He as buildDayStateForDateRange,
   wr as buildDayStateForRange,
   br as buildDayStateForSingleMonth,
   Rr as calculateOverflowingMonth,
   Mr as createDay,
   rs as dateRangeToStrings,
-  xr as dayHasHighlight,
+  _r as dayHasHighlight,
   fe as dayHighlightSelect,
   ke as defaultCalendarTheme,
   Br as defaultTextPropsProvider,
@@ -4246,7 +4252,7 @@ export {
   Gt as getMonthsInYear,
   Sn as getSupportedLocaleCode,
   Vr as getSupportedLocaleCodeMatchingLanguage,
-  xt as getWeekForDate,
+  _t as getWeekForDate,
   Sr as getWeeksForMonth,
   Mn as isDateRangeInvalid,
   le as parseLocalizedDateString,