@stenajs-webui/calendar 23.17.1 → 23.17.2

package/dist/index.es.js

@@ -1,16 +1,16 @@
 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 { Box as L, Text as Ce, Clickable as sn, Row as V, Spacing as Fn, useToday as xe, 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 _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 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 { 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 = {
@@ -109,7 +109,7 @@ import './index.css';const de = {
   return {
     ...Ye(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,13 +132,13 @@ 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 }),
@@ -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]
@@ -490,7 +490,7 @@ 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]
   );
@@ -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]
   );
@@ -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);
   }, []);
@@ -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,7 +1200,7 @@ const ns = (e, t) => e || (t || 1) > 1 ? "below" : "header", rs = (e) => ({
     n,
     e,
     r
-  ), g = _(
+  ), g = x(
     () => Ye(
       s,
       t?.startDate,
@@ -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);
@@ -1434,7 +1434,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,7 +1478,7 @@ function Za({
     startDateIsAfterEnd: I
   } = us(r, s), [B, R] = M(
     () => (b && r?.[b]) ?? /* @__PURE__ */ new Date()
-  ), x = _(
+  ), _ = x(
     () => Ye(void 0, r?.startDate, r?.endDate),
     [r]
   );
@@ -1508,7 +1508,7 @@ function Za({
           on,
           {
             icon: zn,
-            color: _t("--lhds-color-ui-500"),
+            color: xt("--lhds-color-ui-500"),
             size: 14
           }
         ),
@@ -1537,7 +1537,7 @@ function Za({
           ...c,
           dateInFocus: B,
           setDateInFocus: R,
-          statePerMonth: x,
+          statePerMonth: _,
           theme: i,
           onClickDay: S,
           currentPanel: f,
@@ -1572,13 +1572,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 +1593,7 @@ const Xa = ({
     {
       appendTo: f,
       zIndex: p,
-      renderTrigger: ({ ref: x, ...A }) => /* @__PURE__ */ o(
+      renderTrigger: ({ ref: _, ...A }) => /* @__PURE__ */ o(
         pe,
         {
           ...y,
@@ -1614,7 +1614,7 @@ const Xa = ({
           min: u,
           max: h,
           size: 10,
-          inputRef: x,
+          inputRef: _,
           ...A
         }
       ),
@@ -1764,7 +1764,7 @@ const Xa = ({
   onBlurLeft: I,
   onBlurRight: B,
   onFocusLeft: R,
-  onFocusRight: x,
+  onFocusRight: _,
   inputRefLeft: A,
   inputRefRight: F,
   variant: E,
@@ -1776,7 +1776,7 @@ const Xa = ({
   widthRight: U,
   disabled: j
 }) => {
-  const O = $(0), Y = _(
+  const O = $(0), Y = x(
     () => fr((W) => {
       W === 0 && J?.();
     }, 10),
@@ -1788,9 +1788,9 @@ const Xa = ({
     [R, O, Y]
   ), re = w(
     (W) => {
-      O.current++, Y(O.current), x && x(W);
+      O.current++, Y(O.current), _ && _(W);
     },
-    [x, O, Y]
+    [_, O, Y]
   ), oe = w(
     (W) => {
       O.current--, Y(O.current), I && I(W);
@@ -1859,7 +1859,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(
@@ -1929,7 +1929,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 +1957,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 +1978,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 +2015,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,7 +2211,7 @@ const Xa = ({
     localTime: B,
     localDate: R
   } = v, {
-    showCalendar: x,
+    showCalendar: _,
     hideCalendar: A,
     inputLeftChangeHandler: F,
     inputRightChangeHandler: E,
@@ -2227,12 +2227,12 @@ const Xa = ({
   } = Ms(
     q,
     p,
-    x,
+    _,
     A,
     v
   );
   Cs(e, k, p);
-  const Y = _(() => {
+  const Y = x(() => {
     const W = e || R;
     return W ? ge(void 0, W, [
       "singleSelected",
@@ -2240,7 +2240,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);
@@ -2305,7 +2305,7 @@ const Xa = ({
           }
         ) }),
         /* @__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 +2315,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 +2399,7 @@ const Xa = ({
     },
     [t, s]
   );
-}, _s = (e, t, n, {
+}, xs = (e, t, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: a,
@@ -2438,7 +2438,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 +2559,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,
     hideCalendar: E,
     inputLeftChangeHandler: H,
     inputRightChangeHandler: q
-  } = _s(m, b, t, S), {
+  } = xs(m, b, t, S), {
     onKeyDownHandler: J,
     onFocusRight: T,
     onFocusLeft: K,
@@ -2594,10 +2594,10 @@ function ro({
     D,
     k
   );
-  const Y = _(
+  const Y = x(
     () => m && b && G(m, b),
     [m, b]
-  ), X = _(
+  ), X = x(
     () => br(
       l?.statePerMonth,
       m,
@@ -2658,7 +2658,7 @@ function ro({
             firstMonthInMonthPicker: h,
             numMonthsInMonthPicker: g,
             setDateInFocus: B,
-            currentPanel: x,
+            currentPanel: _,
             setCurrentPanel: A,
             minDate: i,
             maxDate: c,
@@ -2666,7 +2666,7 @@ function ro({
             statePerMonth: X
           }
         ),
-        x === "calendar" && C
+        _ === "calendar" && C
       ] })
     }
   ) });
@@ -2706,7 +2706,7 @@ const bt = ({
     d,
     u,
     S
-  ), x = w(
+  ), _ = w(
     (E) => {
       g?.(E), I(!0);
     },
@@ -2728,7 +2728,7 @@ const bt = ({
       value: (S ? i : v) ?? "",
       inputRef: B,
       placeholder: F,
-      onFocus: x,
+      onFocus: _,
       onBlur: A,
       onChange: R,
       width: Xt(h),
@@ -2746,7 +2746,7 @@ const bt = ({
       value: (S ? i : v) ?? "",
       ref: B,
       placeholder: F,
-      onFocus: x,
+      onFocus: _,
       onBlur: A,
       onChange: R,
       width: Xt(h),
@@ -2766,7 +2766,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;
@@ -2949,10 +2949,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 +3034,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 +3056,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"), F = 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,13 +3084,13 @@ 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 = _(() => {
+  ), H = x(() => {
     const T = a === "startDate" ? e?.endDate : e?.startDate;
     return T ? le(T, n) : void 0;
-  }, [a, n, e?.endDate, e?.startDate]), q = _(() => {
+  }, [a, n, e?.endDate, e?.startDate]), q = x(() => {
     if (B && H) {
       if (a === "endDate")
         return "right";
@@ -3140,7 +3140,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     monthPickerButtonRef: g,
     calendarId: u,
     monthPickerButtonLabel: S,
-    visiblePanel: x,
+    visiblePanel: _,
     setVisiblePanel: A,
     setVisibleMonth: b,
     visibleMonthData: k,
@@ -3390,7 +3390,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 +3410,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
       tabIndex: D ? void 0 : Da(
         r,
         a,
-        x,
+        _,
         t,
         g
       ),
@@ -3433,7 +3433,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 +3445,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,7 +3543,7 @@ 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
 }) => {
@@ -3620,7 +3620,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
                 calendarSize: S,
                 placeholderWhenBlurredStartDate: d,
                 placeholderWhenBlurredEndDate: u,
-                variant: x,
+                variant: _,
                 autoFocusStartDate: A,
                 autoFocusEndDate: F,
                 readOnlyOnMobile: !0
@@ -3710,10 +3710,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 +3739,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 +3755,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 +3824,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), [F, E] = M(!1), [H, q] = M({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
@@ -3907,7 +3907,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
             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,
               {
@@ -4003,7 +4003,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     visiblePanel: I,
     visibleMonth: B,
     onValueChangeByInputs: R,
-    setVisibleMonth: x,
+    setVisibleMonth: _,
     setVisiblePanel: A,
     monthPickerButtonRef: F,
     selectedDate: E
@@ -4061,7 +4061,7 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
         localeCode: s,
         size: C,
         onValueChange: (H) => {
-          x(H), A("calendar"), F.current?.focus();
+          _(H), A("calendar"), F.current?.focus();
         },
         onCancel: () => {
           A("calendar"), F.current?.focus();
@@ -4096,7 +4096,7 @@ 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) => {
+  const [R, _] = M(void 0), A = $(null), F = $(null), E = w((Y) => {
     Y === "startDate" ? A.current?.focus() : Y === "endDate" && F.current?.focus();
   }, []), H = Ln(
     e,
@@ -4105,11 +4105,11 @@ const Ln = (e, t, n, r, s, a, i, c, l) => {
     a,
     i,
     R,
-    x,
+    _,
     E,
     void 0
   ), q = w((Y) => {
-    x(Y);
+    _(Y);
   }, []), {
     visiblePanel: J,
     visibleMonth: T,
@@ -4182,13 +4182,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]
@@ -4228,7 +4228,7 @@ export {
   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 +4246,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,