@stenajs-webui/calendar 21.6.0 → 21.7.0

package/dist/index.es.js

@@ -1,19 +1,19 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._calendar_1b766_1{--swui-calendar-day-width: 48px;--swui-calendar-day-height: 48px;--swui-calendar-day-border-radius: var(--swui-max-border-radius);--swui-calendar-week-number-bg-color: transparent;--swui-calendar-week-number-text-color: var(--lhds-color-ui-500);--swui-calendar-week-number-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-text-color: var(--lhds-color-ui-500);--swui-calendar-week-day-clickable-text-color: var(--lhds-color-ui-500);--swui-calendar-wrapper-selected-border: var(--modern-red);--swui-calendar-wrapper-selected-background: var(--modern-red);--swui-calendar-wrapper-range-border: var(--lhds-color-red-100);--swui-calendar-wrapper-range-background: var(--lhds-color-red-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-50);--swui-calendar-text-selected-color: #fff;--swui-calendar-text-disabled-color: var(--swui-text-disabled-color);--swui-calendar-text-in-other-month-color: var(--swui-text-disabled-color)}._calendar_1b766_1 table{border-spacing:0 4px}._calendar_1b766_1 tr td:last-child{border-top-right-radius:var(--swui-calendar-day-border-radius);border-bottom-right-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1._weekNumberVisible_1b766_41 tr td:nth-child(2),._calendar_1b766_1:not(._weekNumberVisible_1b766_41) tr td:first-child{border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1b766_1 td{padding:0;width:var(--swui-calendar-day-width);height:var(--swui-calendar-day-height)}._timePicker_1w05d_1{overflow:hidden;width:180px}._timePickerColumn_1w05d_6{overflow-y:hidden;flex:1}._timePickerColumn_1w05d_6:hover{overflow-y:scroll}._travelDateCell_h6vcn_1{position:relative}._travelDateCell_h6vcn_1._small_h6vcn_4{width:40px;height:40px}._travelDateCell_h6vcn_1._medium_h6vcn_9{width:48px;height:48px}._travelDateCell_h6vcn_1._large_h6vcn_14{width:56px;height:28px}._travelDateCell_h6vcn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_h6vcn_1:focus{outline:none}._travelDateCell_h6vcn_1:focus-visible ._outline_h6vcn_26{outline:var(--swui-focus-outline);outline-width:var(--swui-focus-outline-width);background:transparent;position:absolute;border-radius:var(--swui-max-border-radius);top:0;bottom:0;left:0;right:0;z-index:10}._travelDateCell_h6vcn_1:focus-visible ._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39._contentWrapper_h6vcn_39{border-color:transparent}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39{cursor:pointer;border-radius:var(--swui-max-border-radius);border-width:2px;border-style:solid;border-color:transparent;background:transparent;position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._disabled_h6vcn_60{cursor:not-allowed}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isToday_h6vcn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67,._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67{background:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionStart_h6vcn_67 span{color:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._isSelectionEnd_h6vcn_68:not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83{border-color:var(--modern-red)}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67){background:#fff}._travelDateCell_h6vcn_1 ._contentWrapper_h6vcn_39._hover_h6vcn_83._startSelected_h6vcn_86:not(._endSelected_h6vcn_86):not(._isSelectionStart_h6vcn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1k07m_1._small_1k07m_2{width:20px;height:40px}._travelDateCellBackground_1k07m_1._medium_1k07m_7{width:24px;height:48px}._travelDateCellBackground_1k07m_1._large_1k07m_12{width:28px;height:56px}._travelCalendar_18pjj_1{border-spacing:0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._travelCalendar_18pjj_1 td{padding:0}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2:not(._travelDateRangeInput_1j7rp_1 ._overlay_1j7rp_2._calendarVisible_1j7rp_6){opacity:0}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2{transition:opacity var(--swui-animation-time-fast) ease-in-out;opacity:1}._travelDateInput_hmfbf_1 ._overlay_hmfbf_2:not(._travelDateInput_hmfbf_1 ._overlay_hmfbf_2._calendarVisible_hmfbf_6){opacity:0}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { jsx as c, jsxs as _, Fragment as de } from "react/jsx-runtime";
-import { Box as L, Text as wt, Clickable as Ee, Row as B, Spacing as er, Column as J, Heading as Lt, exhaustSwitchCase as ue, Space as kt, Indent as xt, SeparatorLine as rr, parseIntElseUndefined as Me, useBoolean as se, useDelayedFalse as ke, useOnClickOutside as Ae } from "@stenajs-webui/core";
-import { FlatButton as tt, stenaAngleDown as fe, PrimaryButton as St, stenaAngleLeft as nr, stenaAngleRight as sr, SecondaryButton as ut, stenaAngleLeftDouble as ir, stenaArrowLeft as Ct, stenaArrowRight as Pt, stenaAngleRightDouble as or, TextInputButton as cr, stenaCalendar as Et, Icon as _e, stenaArrowWideRight as ar, stenaClock as Ne, stenaAngleUp as lr, CardBody as Le } from "@stenajs-webui/elements";
-import { isAfter as V, eachDayOfInterval as Pe, isSameDay as P, endOfMonth as Ye, startOfMonth as Be, min as dr, addDays as Z, max as ur, subDays as ht, format as v, getISOWeek as he, getDate as Kt, startOfWeek as Ut, addWeeks as fr, getMonth as mt, getWeek as ve, getYear as At, getISODay as hr, addHours as He, isBefore as ot, parse as pt, addMonths as Yt, isSameMonth as ct, addYears as mr, subMonths as me, subYears as gr, setWeek as pr, isValid as Dr, isSameYear as br } from "date-fns";
-import { enGB as zt, enUS as wr, deAT as yr, de as Se, fr as Mr, es as kr, sv as Sr, pl as Tr, da as Rr, nl as Ir, nb as xr } from "date-fns/locale";
-import { last as Er, startCase as _t, chunk as We, debounce as Ar, padStart as _r, range as ge } from "lodash-es";
-import * as pe from "react";
-import { useMemo as x, useRef as W, useEffect as rt, useCallback as D, useId as De, useState as I, useLayoutEffect as $e } from "react";
-import Dt from "classnames";
-import Vt from "@emotion/styled";
-import { TextInput as bt, TextInputBox as Nr, LabelledTextInput as Lr } from "@stenajs-webui/forms";
+import { jsx as c, jsxs as _, Fragment as ue } from "react/jsx-runtime";
+import { Box as L, Text as yt, Clickable as _e, Row as B, Spacing as nr, Column as J, Heading as Yt, exhaustSwitchCase as fe, Space as St, Indent as Et, SeparatorLine as sr, parseIntElseUndefined as ke, useBoolean as ie, useDelayedFalse as Se, useOnClickOutside as Ne } from "@stenajs-webui/core";
+import { FlatButton as tt, stenaAngleDown as he, PrimaryButton as Tt, stenaAngleLeft as ir, stenaAngleRight as or, SecondaryButton as ft, stenaAngleLeftDouble as cr, stenaArrowLeft as Kt, stenaArrowRight as Pt, stenaAngleRightDouble as ar, TextInputButton as lr, stenaCalendar as At, Icon as Le, stenaArrowWideRight as dr, stenaClock as Ye, Label as ur, stenaAngleUp as fr, CardBody as Pe } from "@stenajs-webui/elements";
+import { isAfter as V, eachDayOfInterval as ve, isSameDay as v, endOfMonth as Be, startOfMonth as He, min as hr, addDays as Z, max as mr, subDays as gt, format as $, getISOWeek as me, getDate as zt, startOfWeek as Ft, addWeeks as gr, getMonth as pt, getWeek as $e, getYear as _t, getISODay as pr, addHours as We, isBefore as ct, parse as bt, addMonths as vt, isSameMonth as at, addYears as Dr, subMonths as ge, subYears as br, setWeek as wr, isValid as yr, isSameYear as Mr } from "date-fns";
+import { enGB as qt, enUS as kr, deAT as Sr, de as Te, fr as Tr, es as Rr, sv as Ir, pl as xr, da as Er, nl as Ar, nb as _r } from "date-fns/locale";
+import { last as Nr, startCase as Nt, chunk as Oe, debounce as Lr, padStart as Yr, range as pe } from "lodash-es";
+import * as De from "react";
+import { useMemo as E, useRef as O, useEffect as nt, useCallback as w, useId as be, useState as x, useLayoutEffect as Ue } from "react";
+import wt from "classnames";
+import te from "@emotion/styled";
+import { TextInput as mt, TextInputBox as Pr, LabelledTextInput as vr } from "@stenajs-webui/forms";
 import { ControlledPopover as Bt } from "@stenajs-webui/tooltip";
-import { cssColor as qt } from "@stenajs-webui/theme";
-import { useMaskedInput as Pr } from "@stenajs-webui/input-mask";
-const at = {
+import { cssColor as Jt } from "@stenajs-webui/theme";
+import { useMaskedInput as Br } from "@stenajs-webui/input-mask";
+const lt = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -27,29 +27,29 @@ const at = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, Nt = (t = {}, e, r) => {
+}, Lt = (t = {}, e, r) => {
   if (e && r && V(r, e))
-    return Pe({ start: e, end: r }).reduce(
+    return ve({ start: e, end: r }).reduce(
       (s, i) => {
-        const o = P(i, e), a = P(i, r);
-        return ft(s, i, o ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
+        const o = v(i, e), a = v(i, r);
+        return ht(s, i, o ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let n = t;
-  return e && (n = ft(n, e, ["selected", "singleSelected"])), r && (n = ft(n, r, ["selected", "singleSelected"])), n;
-}, Yr = (t = {}, e, r, n) => Br(
+  return e && (n = ht(n, e, ["selected", "singleSelected"])), r && (n = ht(n, r, ["selected", "singleSelected"])), n;
+}, Hr = (t = {}, e, r, n) => $r(
   t,
   e,
   r,
-  Be(n),
-  Ye(n)
-), Br = (t = {}, e, r, n, s) => e && r ? Nt(
+  He(n),
+  Be(n)
+), $r = (t = {}, e, r, n, s) => e && r ? Lt(
   t,
-  ur([e, ht(n, 1)]),
-  dr([r, Z(s, 1)])
-) : Nt(t, e, r), Fs = (t, e, r) => {
-  const n = v(e, at.yearAndMonth), s = he(e), i = Kt(e);
+  mr([e, gt(n, 1)]),
+  hr([r, Z(s, 1)])
+) : Lt(t, e, r), Cs = (t, e, r) => {
+  const n = $(e, lt.yearAndMonth), s = me(e), i = zt(e);
   return {
     ...t,
     [n]: {
@@ -63,8 +63,8 @@ const at = {
       }
     }
   };
-}, js = (t, e, r) => {
-  const n = v(e, at.yearAndMonth), s = he(e), i = Kt(e);
+}, Ks = (t, e, r) => {
+  const n = $(e, lt.yearAndMonth), s = me(e), i = zt(e);
   return {
     ...t,
     [n]: {
@@ -80,26 +80,26 @@ const at = {
       }
     }
   };
-}, ft = (t, e, r) => {
-  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = he(e), o = Kt(e), a = t && t[s] && t[s][i] && t[s][i][o];
+}, ht = (t, e, r) => {
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = me(e), o = zt(e), a = t && t[s] && t[s][i] && t[s][i][o];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [o]: Oe(a, r)
+        [o]: Fe(a, r)
       }
     }
   };
-}, Oe = (t, e) => ({
+}, Fe = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), Cs = (t, e, r) => {
+}), zs = (t, e, r) => {
   const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, o = e.weekNumber;
   let a = t;
   e.days.forEach((m) => {
-    a = ft(a, m.date, r);
+    a = ht(a, m.date, r);
   });
   const l = a && a[i] ? a[i][o] : void 0, d = l && l.highlights ? [...l.highlights, ...r] : r, u = {
     ...l,
@@ -112,78 +112,78 @@ const at = {
       [o]: u
     }
   };
-}, vr = (t, e) => {
+}, Wr = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const r = e.days[0].date, n = (s = Er(e.days)) == null ? void 0 : s.date;
+  const r = e.days[0].date, n = (s = Nr(e.days)) == null ? void 0 : s.date;
   return {
-    ...Nt(t, r, n)
+    ...Lt(t, r, n)
   };
-}, Hr = (t, e) => x(() => t ? ft(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var Wr = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(Wr || {}), $r = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))($r || {});
-const Te = (t, e, r, n) => {
+}, Or = (t, e) => E(() => t ? ht(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var Ur = /* @__PURE__ */ ((t) => (t[t.JANUARY = 0] = "JANUARY", t[t.FEBRUARY = 1] = "FEBRUARY", t[t.MARCH = 2] = "MARCH", t[t.APRIL = 3] = "APRIL", t[t.MAY = 4] = "MAY", t[t.JUNE = 5] = "JUNE", t[t.JULY = 6] = "JULY", t[t.AUGUST = 7] = "AUGUST", t[t.SEPTEMBER = 8] = "SEPTEMBER", t[t.OCTOBER = 9] = "OCTOBER", t[t.NOVEMBER = 10] = "NOVEMBER", t[t.DECEMBER = 11] = "DECEMBER", t))(Ur || {}), Fr = /* @__PURE__ */ ((t) => (t[t.SUNDAY = 0] = "SUNDAY", t[t.MONDAY = 1] = "MONDAY", t[t.TUESDAY = 2] = "TUESDAY", t[t.WEDNESDAY = 3] = "WEDNESDAY", t[t.THURSDAY = 4] = "THURSDAY", t[t.FRIDAY = 5] = "FRIDAY", t[t.SATURDAY = 6] = "SATURDAY", t))(Fr || {});
+const Re = (t, e, r, n) => {
   const s = [];
   for (let i = 0; i < r; i++)
-    s.push(Jt(t, e + i, n));
+    s.push(Gt(t, e + i, n));
   return s;
-}, Jt = (t, e, r) => {
+}, Gt = (t, e, r) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
   const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: v(i, at.yearAndMonth),
-    name: _t(
-      v(i, at.fullMonthName, { locale: r })
+    monthString: $(i, lt.yearAndMonth),
+    name: Nt(
+      $(i, lt.fullMonthName, { locale: r })
     ),
     year: n,
     monthInYear: s,
-    weeks: Or(n, s, r)
+    weeks: jr(n, s, r)
   };
-}, Or = (t, e, r, n = !0) => {
-  const s = new Date(t, e, 1), i = Ut(s, { locale: r }), o = [];
+}, jr = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = Ft(s, { locale: r }), o = [];
   for (let a = 0; a < 6; a++) {
-    const l = be(fr(i, a), r);
+    const l = we(gr(i, a), r);
     if (a > 0 && l.startMonth !== e && !n)
       return o;
     o.push(l);
   }
   return o;
-}, be = (t, e) => {
-  const r = mt(Z(t, 7)) !== mt(t);
+}, we = (t, e) => {
+  const r = pt(Z(t, 7)) !== pt(t);
   return {
-    weekNumber: ve(t, { locale: e }),
-    startMonth: mt(t),
-    startYear: At(t),
-    endMonth: mt(Z(t, 6)),
-    endYear: At(Z(t, 6)),
-    days: Fr(t, e),
+    weekNumber: $e(t, { locale: e }),
+    startMonth: pt(t),
+    startYear: _t(t),
+    endMonth: pt(Z(t, 6)),
+    endYear: _t(Z(t, 6)),
+    days: Kr(t, e),
     isLastWeekOfMonth: r
   };
-}, Ur = (t, e) => {
-  const r = hr(t);
+}, Cr = (t, e) => {
+  const r = pr(t);
   return {
     date: t,
-    name: v(t, "EEE", e ? { locale: e } : void 0),
-    fullName: v(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: v(He(t, 12), at.fullDate),
-    weekNumber: ve(t, { locale: e }),
-    year: At(t),
-    month: mt(t),
-    dayOfMonth: Kt(t),
+    name: $(t, "EEE", e ? { locale: e } : void 0),
+    fullName: $(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: $(We(t, 12), lt.fullDate),
+    weekNumber: $e(t, { locale: e }),
+    year: _t(t),
+    month: pt(t),
+    dayOfMonth: zt(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: P(Be(t), t),
-    isLastDayOfMonth: P(Ye(t), t)
+    isFirstDayOfMonth: v(He(t), t),
+    isLastDayOfMonth: v(Be(t), t)
   };
-}, Fr = (t, e) => Pe({
+}, Kr = (t, e) => ve({
   start: t,
   end: Z(t, 6)
-}).map((r) => Ur(r, e)), jr = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, Cr = "_calendar_1b766_1", Kr = "_weekNumberVisible_1b766_41", Re = {
-  calendar: Cr,
-  weekNumberVisible: Kr
-}, zr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), dt = (t, e, r, n, s) => {
+}).map((r) => Cr(r, e)), zr = (t, e) => e > 11 ? { year: t + Math.floor(e / 12), month: e % 12 } : e < 0 ? { year: t + Math.floor(e / 12), month: 12 + e % 12 } : { year: t, month: e }, qr = "_calendar_1b766_1", Jr = "_weekNumberVisible_1b766_41", Ie = {
+  calendar: qr,
+  weekNumberVisible: Jr
+}, Gr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), ut = (t, e, r, n, s) => {
   if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -191,20 +191,20 @@ const Te = (t, e, r, n) => {
   if (r.length === 0)
     return s;
   for (let i = 0; i < r.length; i++)
-    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && zr(
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && Gr(
       t,
       e,
       r[i]
     ))
       return n[i];
   return s;
-}, qr = ({
+}, Qr = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: r,
   borderColor: n = "transparent"
 }) => (s, i, o, a, l) => ({
-  backgroundColor: dt(
+  backgroundColor: ut(
     i,
     s,
     ["selected", "range", "today", o.month === l.monthInYear],
@@ -213,7 +213,7 @@ const Te = (t, e, r, n) => {
   ),
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: dt(
+  borderColor: ut(
     i,
     s,
     ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
@@ -226,7 +226,7 @@ const Te = (t, e, r, n) => {
     ],
     n
   ),
-  borderTopLeftRadius: dt(
+  borderTopLeftRadius: ut(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -237,7 +237,7 @@ const Te = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomLeftRadius: dt(
+  borderBottomLeftRadius: ut(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -248,7 +248,7 @@ const Te = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderTopRightRadius: dt(
+  borderTopRightRadius: ut(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -259,7 +259,7 @@ const Te = (t, e, r, n) => {
     ],
     "unset"
   ),
-  borderBottomRightRadius: dt(
+  borderBottomRightRadius: ut(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -271,7 +271,7 @@ const Te = (t, e, r, n) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Jr = ({
+}), Xr = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
@@ -279,7 +279,7 @@ const Te = (t, e, r, n) => {
 }) => (s, i, o, a, l) => {
   const d = o.month !== l.monthInYear;
   return {
-    color: dt(
+    color: ut(
       i,
       s,
       [d, "selected", "range", "enabled", "disabled"],
@@ -292,7 +292,7 @@ const Te = (t, e, r, n) => {
       ]
     )
   };
-}, yt = {
+}, Mt = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
@@ -305,12 +305,12 @@ const Te = (t, e, r, n) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: qr({
+    tdStyle: Qr({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Jr({
+    textProps: Xr({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -319,11 +319,11 @@ const Te = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Ks = {
-  ...yt,
+}, qs = {
+  ...Mt,
   width: "37px",
   height: "37px"
-}, Gr = ({
+}, Zr = ({
   onClickWeekDay: t,
   day: e,
   theme: r
@@ -336,7 +336,7 @@ const Te = (t, e, r, n) => {
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ c(
-        wt,
+        yt,
         {
           size: "small",
           color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
@@ -346,7 +346,7 @@ const Te = (t, e, r, n) => {
     }
   );
   return t ? /* @__PURE__ */ c(
-    Ee,
+    _e,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
@@ -354,7 +354,7 @@ const Te = (t, e, r, n) => {
       children: n
     }
   ) : n;
-}, Ue = function({
+}, je = function({
   day: e,
   week: r,
   month: n,
@@ -373,7 +373,7 @@ const Te = (t, e, r, n) => {
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ c(
-        wt,
+        yt,
         {
           ...a.CalendarDay.textProps && a.CalendarDay.textProps(
             d,
@@ -387,7 +387,7 @@ const Te = (t, e, r, n) => {
         }
       )
     }
-  ), m = Vt.td({
+  ), m = te.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const Te = (t, e, r, n) => {
       n,
       i
     )
-  }), h = Vt.div({
+  }), h = te.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const Te = (t, e, r, n) => {
     ),
     width: "100%",
     height: "100%"
-  }), f = Vt.div({
+  }), f = te.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,12 +419,12 @@ const Te = (t, e, r, n) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = Qr(d, s);
+  }), g = Vr(d, s);
   return /* @__PURE__ */ c(
     m,
     {
-      onClick: g ? void 0 : (w) => o == null ? void 0 : o(e, i, w),
-      children: /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(f, { children: e.month === n.monthInYear && /* @__PURE__ */ _(de, { children: [
+      onClick: g ? void 0 : (p) => o == null ? void 0 : o(e, i, p),
+      children: /* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(f, { children: e.month === n.monthInYear && /* @__PURE__ */ _(ue, { children: [
         l && /* @__PURE__ */ c(
           l,
           {
@@ -440,13 +440,13 @@ const Te = (t, e, r, n) => {
       ] }) }) })
     }
   );
-}, Qr = (t, e) => !!dt(
+}, Vr = (t, e) => !!ut(
   e,
   t,
   ["disabled"],
   [!0],
   !1
-), Xr = ({
+), tn = ({
   onClickWeek: t,
   theme: e,
   week: r,
@@ -464,7 +464,7 @@ const Te = (t, e, r, n) => {
       children: [
         n && /* @__PURE__ */ c(L, { position: "absolute", children: n }),
         /* @__PURE__ */ c(L, { position: "absolute", children: /* @__PURE__ */ _(
-          wt,
+          yt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
@@ -482,7 +482,7 @@ const Te = (t, e, r, n) => {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
       children: t ? /* @__PURE__ */ c(
-        Ee,
+        _e,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
           onClick: (a) => t(r, a),
@@ -492,7 +492,7 @@ const Te = (t, e, r, n) => {
       ) : o
     }
   );
-}, Zr = (t, e, r) => e && ot(t, e) ? P(t, e) : r && V(t, r) ? P(t, r) : !0, Vr = function({
+}, en = (t, e, r) => e && ct(t, e) ? v(t, e) : r && V(t, r) ? v(t, r) : !0, rn = function({
   dayComponent: e,
   minDate: r,
   maxDate: n,
@@ -500,15 +500,15 @@ const Te = (t, e, r, n) => {
   day: i,
   ...o
 }) {
-  const a = x(
-    () => Zr(i.date, r, n) ? s : Oe(s, ["disabled"]),
+  const a = E(
+    () => en(i.date, r, n) ? s : Fe(s, ["disabled"]),
     [i.date, s, n, r]
   );
   return /* @__PURE__ */ c(e, { day: i, ...o, dayState: a });
 };
-function tn({
+function nn({
   month: t,
-  dayComponent: e = Ue,
+  dayComponent: e = je,
   statePerWeek: r,
   userDataPerWeek: n,
   minDate: s,
@@ -520,12 +520,12 @@ function tn({
   renderWeekNumber: u,
   renderWeekDay: m,
   headerRightContent: h,
-  theme: f = yt,
+  theme: f = Mt,
   extraDayContent: g,
-  defaultHighlights: w,
-  showWeekNumber: y
+  defaultHighlights: p,
+  showWeekNumber: M
 }) {
-  return /* @__PURE__ */ c(de, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
+  return /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ _(L, { alignItems: "stretch", children: [
     /* @__PURE__ */ _(
       B,
       {
@@ -537,9 +537,9 @@ function tn({
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: fe
+              rightIcon: he
             }
-          ) : /* @__PURE__ */ _(wt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ _(yt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
@@ -550,50 +550,50 @@ function tn({
     ),
     /* @__PURE__ */ c("table", { children: /* @__PURE__ */ _("tbody", { children: [
       /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(L, { width: f.width, height: f.height }) }),
-        t.weeks[0].days.map((M) => /* @__PURE__ */ c("td", { children: m ? m(M.name, f, l) : /* @__PURE__ */ c(
-          Gr,
+        M && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(L, { width: f.width, height: f.height }) }),
+        t.weeks[0].days.map((y) => /* @__PURE__ */ c("td", { children: m ? m(y.name, f, l) : /* @__PURE__ */ c(
+          Zr,
           {
-            day: M,
+            day: y,
             onClickWeekDay: l,
             theme: f
           }
-        ) }, M.name))
+        ) }, y.name))
       ] }),
-      t.weeks.map((M) => /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ c("td", { children: u ? u(M, f, a) : /* @__PURE__ */ c(
-          Xr,
+      t.weeks.map((y) => /* @__PURE__ */ _("tr", { children: [
+        M && /* @__PURE__ */ c("td", { children: u ? u(y, f, a) : /* @__PURE__ */ c(
+          tn,
           {
-            week: M,
+            week: y,
             onClickWeek: a,
             theme: f
           }
         ) }),
-        M.days.map((p) => /* @__PURE__ */ c(
-          Vr,
+        y.days.map((D) => /* @__PURE__ */ c(
+          rn,
           {
             dayComponent: e,
-            day: p,
-            week: M,
+            day: D,
+            week: y,
             month: t,
-            dayState: r && r[M.weekNumber] && r[M.weekNumber][p.dayOfMonth],
-            userData: n && n[M.weekNumber] && n[M.weekNumber][p.dayOfMonth],
+            dayState: r && r[y.weekNumber] && r[y.weekNumber][D.dayOfMonth],
+            userData: n && n[y.weekNumber] && n[y.weekNumber][D.dayOfMonth],
             onClickDay: o,
             theme: f,
             extraDayContent: g,
-            defaultHighlights: w,
+            defaultHighlights: p,
             minDate: s,
             maxDate: i
           },
-          p.dateString
+          D.dateString
         ))
-      ] }, M.weekNumber))
+      ] }, y.weekNumber))
     ] }) })
   ] }) });
 }
-function en({
+function sn({
   monthRows: t,
-  dayComponent: e = Ue,
+  dayComponent: e = je,
   userDataPerMonth: r,
   statePerMonth: n,
   minDate: s,
@@ -607,65 +607,65 @@ function en({
   headerRightContent: h,
   extraDayContent: f,
   defaultHighlights: g,
-  showWeekNumber: w,
-  theme: y = yt
+  showWeekNumber: p,
+  theme: M = Mt
 }) {
-  const M = x(
-    () => s ? pt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  const y = E(
+    () => s ? bt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), p = x(
-    () => i ? pt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  ), D = E(
+    () => i ? bt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
   return /* @__PURE__ */ c(
     "div",
     {
-      className: Dt(
-        Re.calendar,
-        w && Re.weekNumberVisible
+      className: wt(
+        Ie.calendar,
+        p && Ie.weekNumberVisible
       ),
-      children: t.map((b, S) => /* @__PURE__ */ c(er, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((T) => /* @__PURE__ */ c(
-        tn,
+      children: t.map((b, S) => /* @__PURE__ */ c(nr, { children: /* @__PURE__ */ c(B, { gap: 2, children: b.map((R) => /* @__PURE__ */ c(
+        nn,
         {
-          month: T,
+          month: R,
           dayComponent: e,
-          userDataPerWeek: r && r[T.monthString],
-          statePerWeek: n && n[T.monthString],
+          userDataPerWeek: r && r[R.monthString],
+          statePerWeek: n && n[R.monthString],
           onClickDay: o,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
-          theme: y,
+          theme: M,
           renderWeekNumber: m,
           renderWeekDay: u,
           headerRightContent: h,
           extraDayContent: f,
           defaultHighlights: g,
-          minDate: M,
-          maxDate: p,
-          showWeekNumber: w ?? !1
+          minDate: y,
+          maxDate: D,
+          showWeekNumber: p ?? !1
         },
-        T.name
+        R.name
       )) }) }, S))
     }
   );
 }
-function ie(t) {
-  const e = rn(t.year, t.month, t.date), { year: r, month: n } = jr(
+function oe(t) {
+  const e = on(t.year, t.month, t.date), { year: r, month: n } = zr(
     e.year,
     e.month
-  ), s = nn(
+  ), s = cn(
     r,
     n,
-    t.locale ?? zt,
+    t.locale ?? qt,
     t.numMonths,
     t.monthsPerRow
-  ), i = Hr(
+  ), i = Or(
     t.highlightToday,
     t.statePerMonth
   );
   return /* @__PURE__ */ c(
-    en,
+    sn,
     {
       year: r,
       month: n,
@@ -675,7 +675,7 @@ function ie(t) {
     }
   );
 }
-const rn = (t, e, r) => {
+const on = (t, e, r) => {
   if (e && t)
     return {
       month: e,
@@ -683,29 +683,29 @@ const rn = (t, e, r) => {
     };
   if (r)
     return {
-      month: mt(r),
-      year: At(r)
+      month: pt(r),
+      year: _t(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: mt(n),
-    year: At(n)
+    month: pt(n),
+    year: _t(n)
   };
-}, nn = (t, e, r, n, s) => n == null ? [[Jt(t, e, r)]] : s == null ? [Te(t, e, n, r)] : We(Te(t, e, n, r), s), Fe = (t, e) => `${t.row}-${t.column}-${e}`, sn = (t, e, r, n) => {
+}, cn = (t, e, r, n, s) => n == null ? [[Gt(t, e, r)]] : s == null ? [Re(t, e, n, r)] : Oe(Re(t, e, n, r), s), Ce = (t, e) => `${t.row}-${t.column}-${e}`, an = (t, e, r, n) => {
   let s = e;
   for (let i = 0; i < n; i++) {
-    s = on(s, t, n);
-    const o = Fe(s, r);
+    s = ln(s, t, n);
+    const o = Ce(s, r);
     if (document.getElementById(o))
       return o;
   }
-}, on = (t, e, r) => {
+}, ln = (t, e, r) => {
   let n = t.row, s = t.column;
   return e === "ArrowLeft" ? s-- : e === "ArrowUp" ? n-- : e === "ArrowRight" ? s++ : e === "ArrowDown" && n++, s < 0 && (s = r - 1, n--), s > r - 1 && (s = 0, n++), {
     column: s,
     row: n
   };
-}, cn = ({
+}, dn = ({
   month: t,
   onClick: e,
   selected: r,
@@ -715,32 +715,32 @@ const rn = (t, e, r) => {
   position: o,
   size: a
 }) => {
-  const l = x(
-    () => _t(v(t, "MMM", { locale: n })),
+  const l = E(
+    () => Nt($(t, "MMM", { locale: n })),
     [n, t]
-  ), d = x(
-    () => _t(v(t, "MMMM", { locale: n })),
+  ), d = E(
+    () => Nt($(t, "MMMM", { locale: n })),
     [n, t]
-  ), u = W(null), m = Fe(o, i), h = r ? 0 : -1;
-  rt(() => {
+  ), u = O(null), m = Ce(o, i), h = r ? 0 : -1;
+  nt(() => {
     var g;
     (g = u.current) == null || g.focus();
   }, []);
-  const f = D(
+  const f = w(
     (g) => {
-      var y;
-      const w = sn(
+      var M;
+      const p = an(
         g.key,
         o,
         i,
         4
       );
-      w && ((y = document.getElementById(w)) == null || y.focus());
+      p && ((M = document.getElementById(p)) == null || M.focus());
     },
     [i, o]
   );
   return /* @__PURE__ */ c(B, { justifyContent: "center", onKeyDown: f, children: r ? /* @__PURE__ */ c(
-    St,
+    Tt,
     {
       id: m,
       "aria-label": d,
@@ -763,7 +763,7 @@ const rn = (t, e, r) => {
       tabIndex: h
     }
   ) });
-}, an = (t, e, r) => {
+}, un = (t, e, r) => {
   let n = t.getFullYear(), s = 0, i = 0, o = t;
   const a = {
     yearOrder: [],
@@ -786,53 +786,53 @@ const rn = (t, e, r) => {
       a.years[n].rows.push(s);
       break;
     }
-    o = Yt(o, 1), o.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
+    o = vt(o, 1), o.getFullYear() !== n ? (a.years[n].rows.push(s), n++, i = 0, s++) : (i++, i > r - 1 && (a.years[n].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, we = () => x(() => /* @__PURE__ */ new Date(), []), vt = ({
+}, ye = () => E(() => /* @__PURE__ */ new Date(), []), Ht = ({
   value: t,
   onValueChange: e,
-  locale: r = zt,
+  locale: r = qt,
   firstMonth: n,
   numMonths: s,
   onCancel: i,
   size: o = "medium"
 }) => {
-  const a = De(), l = we(), d = s > 0 ? s : 12, [u, m] = I(!1), h = an(n, d, dn(o)), f = x(() => Yt(n, d), [d, n]);
-  rt(() => {
+  const a = be(), l = ye(), d = s > 0 ? s : 12, [u, m] = x(!1), h = un(n, d, hn(o)), f = E(() => vt(n, d), [d, n]);
+  nt(() => {
     m(!0);
   }, []);
-  const g = D(
-    (w) => {
-      w.key === "Escape" && (i == null || i(), w.preventDefault(), w.stopPropagation());
+  const g = w(
+    (p) => {
+      p.key === "Escape" && (i == null || i(), p.preventDefault(), p.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ c(J, { gap: 1, maxWidth: ln(o), onKeyDown: g, children: h.yearOrder.map((w, y) => {
-    const { rows: M } = h.years[w];
-    return /* @__PURE__ */ _(pe.Fragment, { children: [
-      (y !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ c(Lt, { variant: "h4", children: w }),
-      /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: M.map((p) => {
-        const { columns: b } = h.rows[p];
-        return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: T }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
-          cn,
+  return /* @__PURE__ */ c(J, { gap: 1, maxWidth: fn(o), onKeyDown: g, children: h.yearOrder.map((p, M) => {
+    const { rows: y } = h.years[p];
+    return /* @__PURE__ */ _(De.Fragment, { children: [
+      (M !== 0 || p !== l.getFullYear()) && /* @__PURE__ */ c(Yt, { variant: "h4", children: p }),
+      /* @__PURE__ */ c("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ c("tbody", { children: y.map((D) => {
+        const { columns: b } = h.rows[D];
+        return /* @__PURE__ */ c("tr", { children: b.map(({ month: S, position: R }) => /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(
+          dn,
           {
             month: S,
             firstAvailableMonth: n,
             lastAvailableMonth: f,
             locale: r,
-            selected: t ? ct(t, S) : !1,
+            selected: t ? at(t, S) : !1,
             autoFocus: u,
             onClick: () => e == null ? void 0 : e(S),
             monthPickerId: a,
-            position: T,
+            position: R,
             size: o
           }
-        ) }, S.getMonth())) }, p);
+        ) }, S.getMonth())) }, D);
       }) }) })
-    ] }, w);
+    ] }, p);
   }) });
-}, ln = (t) => {
+}, fn = (t) => {
   switch (t) {
     case "small":
       return "280px";
@@ -841,9 +841,9 @@ const rn = (t, e, r) => {
     case "large":
       return "448px";
     default:
-      return ue(t, "336px");
+      return fe(t, "336px");
   }
-}, dn = (t) => {
+}, hn = (t) => {
   switch (t) {
     case "small":
       return 3;
@@ -852,16 +852,16 @@ const rn = (t, e, r) => {
     case "large":
       return 5;
     default:
-      return ue(t, 4);
+      return fe(t, 4);
   }
-}, un = (t) => [
+}, mn = (t) => [
   {
     label: "Past",
     presets: [
-      { label: "Last 3 days", startDate: t, endDate: ht(t, 2) },
-      { label: "Last 7 days", startDate: t, endDate: ht(t, 6) },
-      { label: "Last 30 days", startDate: t, endDate: ht(t, 29) },
-      { label: "Last 45 days", startDate: t, endDate: ht(t, 44) }
+      { label: "Last 3 days", startDate: t, endDate: gt(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: gt(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: gt(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: gt(t, 44) }
     ]
   },
   {
@@ -873,10 +873,10 @@ const rn = (t, e, r) => {
       { label: "Next 45 days", startDate: t, endDate: Z(t, 44) }
     ]
   }
-], fn = ({
+], gn = ({
   onClickPreset: t
 }) => {
-  const [e, r] = I(0), n = x(() => un(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  const [e, r] = x(0), n = E(() => mn(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
   return /* @__PURE__ */ _(J, { children: [
     /* @__PURE__ */ _(
       B,
@@ -889,17 +889,17 @@ const rn = (t, e, r) => {
             tt,
             {
               size: "small",
-              leftIcon: nr,
+              leftIcon: ir,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
           ),
-          /* @__PURE__ */ c(wt, { children: s.label }),
+          /* @__PURE__ */ c(yt, { children: s.label }),
           /* @__PURE__ */ c(
             tt,
             {
               size: "small",
-              leftIcon: sr,
+              leftIcon: or,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -907,19 +907,19 @@ const rn = (t, e, r) => {
         ]
       }
     ),
-    /* @__PURE__ */ c(kt, {}),
-    /* @__PURE__ */ c(J, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(pe.Fragment, { children: [
+    /* @__PURE__ */ c(St, {}),
+    /* @__PURE__ */ c(J, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ _(De.Fragment, { children: [
       /* @__PURE__ */ c(
-        St,
+        Tt,
         {
           label: i.label,
           onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ c(kt, {})
+      /* @__PURE__ */ c(St, {})
     ] }, i.label)) })
   ] });
-}, hn = function({
+}, pn = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
@@ -928,18 +928,18 @@ const rn = (t, e, r) => {
   renderMonthPicker: o,
   ...a
 }) {
-  const l = D(
+  const l = w(
     (u) => {
       n && n(u), i("calendar");
     },
     [n, i]
-  ), d = D(() => {
+  ), d = w(() => {
     i("month");
   }, [i]);
   switch (s) {
     case "calendar":
       return /* @__PURE__ */ c(
-        ie,
+        oe,
         {
           ...a,
           date: r,
@@ -956,7 +956,7 @@ const rn = (t, e, r) => {
         numMonths: 24,
         dateInFocus: r
       }) : /* @__PURE__ */ c(
-        vt,
+        Ht,
         {
           value: r,
           onValueChange: l,
@@ -966,29 +966,29 @@ const rn = (t, e, r) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ c(fn, { onClickPreset: () => {
+      return /* @__PURE__ */ c(gn, { onClickPreset: () => {
       } });
     default:
       return /* @__PURE__ */ c(L, { children: /* @__PURE__ */ c(
-        St,
+        Tt,
         {
           label: "Show calendar",
           onClick: () => i("calendar")
         }
       ) });
   }
-}, mn = (t, e, r, n) => {
-  const s = D(() => {
-    const l = Yt(t, r ?? n ?? 1);
+}, Dn = (t, e, r, n) => {
+  const s = w(() => {
+    const l = vt(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), i = D(() => {
-    const l = mr(t, 1);
+  }, [e, t, r, n]), i = w(() => {
+    const l = Dr(t, 1);
     e == null || e(l);
-  }, [e, t]), o = D(() => {
-    const l = me(t, r ?? n ?? 1);
+  }, [e, t]), o = w(() => {
+    const l = ge(t, r ?? n ?? 1);
     e == null || e(l);
-  }, [e, t, r, n]), a = D(() => {
-    const l = gr(t, 1);
+  }, [e, t, r, n]), a = w(() => {
+    const l = br(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -997,7 +997,7 @@ const rn = (t, e, r) => {
     nextYear: i,
     prevYear: a
   };
-}, gn = ({
+}, bn = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
@@ -1005,52 +1005,52 @@ const rn = (t, e, r) => {
   nextYear: s
 }) => /* @__PURE__ */ _("div", { children: [
   t,
-  /* @__PURE__ */ c(xt, { children: /* @__PURE__ */ _(B, { gap: 1, children: [
-    /* @__PURE__ */ c(ut, { onClick: n, leftIcon: ir }),
-    /* @__PURE__ */ c(ut, { onClick: e, leftIcon: Ct }),
-    /* @__PURE__ */ c(xt, { num: 2 }),
-    /* @__PURE__ */ c(ut, { onClick: r, leftIcon: Pt }),
-    /* @__PURE__ */ c(ut, { onClick: s, leftIcon: or })
+  /* @__PURE__ */ c(Et, { children: /* @__PURE__ */ _(B, { gap: 1, children: [
+    /* @__PURE__ */ c(ft, { onClick: n, leftIcon: cr }),
+    /* @__PURE__ */ c(ft, { onClick: e, leftIcon: Kt }),
+    /* @__PURE__ */ c(Et, { num: 2 }),
+    /* @__PURE__ */ c(ft, { onClick: r, leftIcon: Pt }),
+    /* @__PURE__ */ c(ft, { onClick: s, leftIcon: ar })
   ] }) }),
-  /* @__PURE__ */ c(kt, {})
-] }), pn = () => {
+  /* @__PURE__ */ c(St, {})
+] }), wn = () => {
 };
-function Mt({
+function kt({
   monthSwitcherPlacement: t,
-  theme: e = yt,
+  theme: e = Mt,
   dateInFocus: r,
   setDateInFocus: n,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: o = pn,
+  onSelectPreset: o = wn,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: h } = mn(
+  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: h } = Dn(
     r,
     n,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (Dn(
+  switch (yn(
     t,
     l.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ c(
-        gn,
+        bn,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
           nextYear: m,
           prevYear: h,
-          children: /* @__PURE__ */ c(ie, { ...l, theme: e, date: r })
+          children: /* @__PURE__ */ c(oe, { ...l, theme: e, date: r })
         }
       );
     case "header":
       return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c(
-        hn,
+        pn,
         {
           ...l,
           theme: e,
@@ -1062,14 +1062,14 @@ function Mt({
           onSelectPreset: o,
           headerRightContent: /* @__PURE__ */ _(B, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ c(
-              ut,
+              ft,
               {
                 onClick: u,
-                leftIcon: Ct
+                leftIcon: Kt
               }
             ),
             /* @__PURE__ */ c(
-              ut,
+              ft,
               {
                 onClick: d,
                 leftIcon: Pt
@@ -1079,36 +1079,36 @@ function Mt({
         }
       ) });
     default:
-      return /* @__PURE__ */ c(ie, { ...l, theme: e, date: r });
+      return /* @__PURE__ */ c(oe, { ...l, theme: e, date: r });
   }
 }
-const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
-  startDate: t.startDate ? v(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? v(t.endDate, "yyyy-MM-dd") : void 0
-}), wn = ({
+const yn = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mn = (t) => ({
+  startDate: t.startDate ? $(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? $(t.endDate, "yyyy-MM-dd") : void 0
+}), kn = ({
   startDate: t,
   endDate: e
 }) => {
   const r = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? pt(t, "yyyy-MM-dd", r) : void 0,
-    endDate: e ? pt(e, "yyyy-MM-dd", r) : void 0
+    startDate: t ? bt(t, "yyyy-MM-dd", r) : void 0,
+    endDate: e ? bt(e, "yyyy-MM-dd", r) : void 0
   };
-}, je = ({
+}, Ke = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !P(t, e) && V(t, e)), Ce = (t) => je(t) ? {
+}) => !!(t && e && !v(t, e) && V(t, e)), ze = (t) => Ke(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, zs = (t) => t.startDate && t.endDate ? bn(
-  Ce(wn(t))
-) : t, yn = (t, e, r, n) => D(
+} : t, Js = (t) => t.startDate && t.endDate ? Mn(
+  ze(kn(t))
+) : t, Sn = (t, e, r, n) => w(
   (s) => {
     const i = {
       startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: r === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    je(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(Ce(i));
+    Ke(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(ze(i));
   },
   [
     r,
@@ -1117,8 +1117,8 @@ const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), Gt = (t) => {
-  const [e, r] = I("calendar"), n = D(
+), Qt = (t) => {
+  const [e, r] = x("calendar"), n = w(
     (s) => {
       r(s), t == null || t(s);
     },
@@ -1128,7 +1128,7 @@ const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, Mn = ({
+}, Tn = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
@@ -1137,15 +1137,15 @@ const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
   onChangePanel: i,
   initialDateInFocus: o
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Gt(i), [d, u] = I(
+  const { currentPanel: a, setCurrentPanel: l } = Qt(i), [d, u] = x(
     () => o ?? /* @__PURE__ */ new Date()
-  ), m = yn(
+  ), m = Sn(
     e,
     r,
     t,
     n
-  ), h = x(
-    () => Nt(
+  ), h = E(
+    () => Lt(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1161,12 +1161,12 @@ const Dn = (t, e) => t || (e || 1) > 1 ? "below" : "header", bn = (t) => ({
     dateInFocus: d
   };
 };
-function qs(t) {
-  const e = Mn(t);
-  return /* @__PURE__ */ c(Mt, { ...t, ...e });
+function Gs(t) {
+  const e = Tn(t);
+  return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const Js = () => {
-  const [t, e] = I(), [r, n] = I(), [s, i] = I("startDate");
+const Qs = () => {
+  const [t, e] = x(), [r, n] = x(), [s, i] = x("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1175,19 +1175,19 @@ const Js = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, kn = ({
+}, Rn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [o, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = x(() => e ?? /* @__PURE__ */ new Date()), l = w(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = x(
-    () => e ? ft(r, e, [
+  ), d = E(
+    () => e ? ht(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
@@ -1203,26 +1203,26 @@ const Js = () => {
     setDateInFocus: a
   };
 };
-function Ke(t) {
-  const e = kn(t);
-  return /* @__PURE__ */ c(Mt, { ...t, ...e });
+function qe(t) {
+  const e = Rn(t);
+  return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const Sn = ({
+const In = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Gt(n), [o, a] = I(() => /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = Qt(n), [o, a] = x(() => /* @__PURE__ */ new Date()), l = w(
     (u) => {
       if (!t)
         return;
-      const m = e && e.find((h) => P(h, u.date));
-      t(e && m ? e.filter((h) => !P(h, u.date)) : [...e || [], u.date]);
+      const m = e && e.find((h) => v(h, u.date));
+      t(e && m ? e.filter((h) => !v(h, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = x(() => e ? e.reduce(
-    (u, m) => ft(u, m, ["selected"]),
+  ), d = E(() => e ? e.reduce(
+    (u, m) => ht(u, m, ["selected"]),
     r
   ) : r, [r, e]);
   return {
@@ -1234,35 +1234,35 @@ const Sn = ({
     setDateInFocus: a
   };
 };
-function Gs(t) {
-  const e = Sn(t);
-  return /* @__PURE__ */ c(Mt, { ...t, ...e });
+function Xs(t) {
+  const e = In(t);
+  return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const Tn = ({
+const xn = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: s = zt
+  locale: s = qt
 }) => {
-  const [i, o] = I(() => {
-    const f = te(e, s);
+  const [i, o] = x(() => {
+    const f = ee(e, s);
     return f ? f.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Gt(n), d = D(
+  }), { currentPanel: a, setCurrentPanel: l } = Qt(n), d = w(
     (f) => {
-      t && t(Ie(be(f.date, s)));
+      t && t(xe(we(f.date, s)));
     },
     [s, t]
-  ), u = D(
+  ), u = w(
     (f) => {
-      t && t(Ie(f));
+      t && t(xe(f));
     },
     [t]
-  ), m = x(() => {
-    const f = te(e, s);
-    return f ? vr(r, f) : r;
-  }, [e, s, r]), h = x(() => {
-    const f = te(e, s);
+  ), m = E(() => {
+    const f = ee(e, s);
+    return f ? Wr(r, f) : r;
+  }, [e, s, r]), h = E(() => {
+    const f = ee(e, s);
     return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
@@ -1275,25 +1275,25 @@ const Tn = ({
     currentPanel: a,
     setCurrentPanel: l
   };
-}, Ie = (t) => {
+}, xe = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
-}, te = (t, e) => {
+}, ee = (t, e) => {
   if (!t)
     return;
   const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
-  const o = Ut(pr(i, n), { locale: e });
-  return be(o, e);
+  const o = Ft(wr(i, n), { locale: e });
+  return we(o, e);
 };
-function Qs(t) {
-  const e = Tn(t);
-  return /* @__PURE__ */ c(Mt, { ...t, ...e });
+function Zs(t) {
+  const e = xn(t);
+  return /* @__PURE__ */ c(kt, { ...t, ...e });
 }
-const Ht = "bottom", Rn = (t, e, r) => {
-  const [n, s] = I(r || !1), i = D(() => (s(!0), !0), [s]), o = D(() => {
+const $t = "bottom", En = (t, e, r) => {
+  const [n, s] = x(r || !1), i = w(() => (s(!0), !0), [s]), o = w(() => {
     s(!1), e && e();
-  }, [s, e]), a = D(
+  }, [s, e]), a = w(
     (l) => {
       t && t(l), setTimeout(o, 150);
     },
@@ -1305,11 +1305,11 @@ const Ht = "bottom", Rn = (t, e, r) => {
     showingCalendar: n,
     onSelectDate: a
   };
-}, Wt = "2999-12-31", Xs = ({
-  displayFormat: t = at.fullDate,
+}, Wt = "2999-12-31", Vs = ({
+  displayFormat: t = lt.fullDate,
   placeholder: e = "Enter date",
   value: r,
-  calendarTheme: n = yt,
+  calendarTheme: n = Mt,
   calendarProps: s,
   openOnMount: i,
   onClose: o,
@@ -1320,20 +1320,20 @@ const Ht = "bottom", Rn = (t, e, r) => {
   maxDate: m = Wt,
   disabled: h
 }) => {
-  const { hideCalendar: f, showingCalendar: g, onSelectDate: w, showCalendar: y } = Rn(a, o, i);
+  const { hideCalendar: f, showingCalendar: g, onSelectDate: p, showCalendar: M } = En(a, o, i);
   return /* @__PURE__ */ c(L, { width: d, children: /* @__PURE__ */ c(
     Bt,
     {
       hideArrow: !0,
       open: g,
       onRequestClose: f,
-      renderTrigger: (M) => /* @__PURE__ */ c(L, { ...M, children: /* @__PURE__ */ c(
-        bt,
+      renderTrigger: (y) => /* @__PURE__ */ c(L, { ...y, children: /* @__PURE__ */ c(
+        mt,
         {
           type: "date",
-          onFocus: y,
-          buttonRight: /* @__PURE__ */ c(cr, { onClick: y, icon: Et }),
-          value: r ? v(r, t) : "",
+          onFocus: M,
+          buttonRight: /* @__PURE__ */ c(lr, { onClick: M, icon: At }),
+          value: r ? $(r, t) : "",
           placeholder: e,
           size: 9,
           disabled: h,
@@ -1343,12 +1343,12 @@ const Ht = "bottom", Rn = (t, e, r) => {
           max: m
         }
       ) }),
-      placement: Ht,
+      placement: $t,
       children: /* @__PURE__ */ c(
-        Ke,
+        qe,
         {
           ...s,
-          onChange: w,
+          onChange: p,
           value: r,
           theme: n,
           minDate: u,
@@ -1357,10 +1357,10 @@ const Ht = "bottom", Rn = (t, e, r) => {
       )
     }
   ) });
-}, In = (t, e) => {
-  const r = W(null), n = W(null), [s, i] = I(!1), [o, a] = I(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
+}, An = (t, e) => {
+  const r = O(null), n = O(null), [s, i] = x(!1), [o, a] = x(void 0), l = w(() => (a("startDate"), i(!0), !0), [a, i]), d = w(() => (a("endDate"), i(!0), !0), [a, i]), u = w(() => {
     i(!1);
-  }, [i]), m = D(
+  }, [i]), m = w(
     (f) => {
       o === "startDate" ? (e == null || e({
         startDate: f.date,
@@ -1371,7 +1371,7 @@ const Ht = "bottom", Rn = (t, e, r) => {
       }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), r.current && r.current.focus()));
     },
     [o, e, a, u, t]
-  ), h = x(
+  ), h = E(
     () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && V(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
@@ -1388,89 +1388,89 @@ const Ht = "bottom", Rn = (t, e, r) => {
     startDateIsAfterEnd: h
   };
 };
-function Zs({
-  displayFormat: t = at.fullDate,
+function ti({
+  displayFormat: t = lt.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
   value: n,
   onValueChange: s,
   width: i,
-  calendarTheme: o = yt,
+  calendarTheme: o = Mt,
   calendarProps: a,
   minDate: l,
   maxDate: d = Wt,
   disabled: u
 }) {
-  const [m, h] = I("calendar"), {
+  const [m, h] = x("calendar"), {
     hideCalendar: f,
     showCalendarEndDate: g,
-    showCalendarStartDate: w,
-    showingCalendar: y,
-    focusedInput: M,
-    startDateInputRef: p,
+    showCalendarStartDate: p,
+    showingCalendar: M,
+    focusedInput: y,
+    startDateInputRef: D,
     endDateInputRef: b,
     onClickDay: S,
-    startDateIsAfterEnd: T
-  } = In(n, s), [N, A] = I(
-    () => (M && (n == null ? void 0 : n[M])) ?? /* @__PURE__ */ new Date()
-  ), k = x(
-    () => Nt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
+    startDateIsAfterEnd: R
+  } = An(n, s), [N, A] = x(
+    () => (y && (n == null ? void 0 : n[y])) ?? /* @__PURE__ */ new Date()
+  ), T = E(
+    () => Lt(void 0, n == null ? void 0 : n.startDate, n == null ? void 0 : n.endDate),
     [n]
   );
   return /* @__PURE__ */ c(
     Bt,
     {
       hideArrow: !0,
-      renderTrigger: (R) => /* @__PURE__ */ _(B, { alignItems: "center", ...R, children: [
+      renderTrigger: (k) => /* @__PURE__ */ _(B, { alignItems: "center", ...k, children: [
         /* @__PURE__ */ c(
-          bt,
+          mt,
           {
-            iconLeft: Et,
-            onFocus: w,
-            value: n != null && n.startDate ? v(n.startDate, t) : "",
+            iconLeft: At,
+            onFocus: p,
+            value: n != null && n.startDate ? $(n.startDate, t) : "",
             placeholder: e,
             width: i,
             disabled: u,
-            inputRef: p,
+            inputRef: D,
             size: 9,
-            variant: T ? "error" : void 0
+            variant: R ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ c(kt, {}),
+        /* @__PURE__ */ c(St, {}),
         /* @__PURE__ */ c(
-          _e,
+          Le,
           {
-            icon: ar,
-            color: qt("--lhds-color-ui-500"),
+            icon: dr,
+            color: Jt("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ c(kt, {}),
+        /* @__PURE__ */ c(St, {}),
         /* @__PURE__ */ c(
-          bt,
+          mt,
           {
-            iconLeft: Et,
+            iconLeft: At,
             onFocus: g,
-            value: n != null && n.endDate ? v(n.endDate, t) : "",
+            value: n != null && n.endDate ? $(n.endDate, t) : "",
             placeholder: r,
             width: i,
             disabled: u,
             inputRef: b,
             size: 9,
-            variant: T ? "error" : void 0
+            variant: R ? "error" : void 0
           }
         )
       ] }),
-      open: y,
-      placement: Ht,
+      open: M,
+      placement: $t,
       onRequestClose: f,
       children: /* @__PURE__ */ c(
-        Mt,
+        kt,
         {
           ...a,
           dateInFocus: N,
           setDateInFocus: A,
-          statePerMonth: k,
+          statePerMonth: T,
           theme: o,
           onClickDay: S,
           currentPanel: m,
@@ -1482,42 +1482,42 @@ function Zs({
     }
   );
 }
-const Vs = ({
+const ei = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: r = at.fullDate,
+  dateFormat: r = lt.fullDate,
   disableCalender: n = !1,
   onValueChange: s,
   placeholder: i = "yyyy-mm-dd",
   value: o,
   width: a = "130px",
-  calendarTheme: l = yt,
+  calendarTheme: l = Mt,
   hideCalenderIcon: d = !1,
   minDate: u,
   maxDate: m = Wt,
   variant: h,
   ...f
 }) => {
-  const [g, w] = I(!1), y = D(() => {
-    w(!g);
-  }, [w, g]), M = D(() => {
-    w(!1);
-  }, [w]), p = D(
-    (k) => {
-      s && s(k);
+  const [g, p] = x(!1), M = w(() => {
+    p(!g);
+  }, [p, g]), y = w(() => {
+    p(!1);
+  }, [p]), D = w(
+    (T) => {
+      s && s(T);
     },
     [s]
-  ), b = D(
-    (k) => {
-      k && (p(v(k, r)), e && setTimeout(() => w(!g), 200));
+  ), b = w(
+    (T) => {
+      T && (D($(T, r)), e && setTimeout(() => p(!g), 200));
     },
-    [p, r, e, w, g]
-  ), S = !!o && !/^[-/\\.0-9]+$/.test(o), T = !!o && Dr(pt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !T || S;
+    [D, r, e, p, g]
+  ), S = !!o && !/^[-/\\.0-9]+$/.test(o), R = !!o && yr(bt(o, r, /* @__PURE__ */ new Date())), A = !!o && o.length >= r.length && !R || S;
   return /* @__PURE__ */ c(L, { width: a, children: /* @__PURE__ */ c(
     Bt,
     {
-      renderTrigger: (k) => /* @__PURE__ */ c(
-        bt,
+      renderTrigger: (T) => /* @__PURE__ */ c(
+        mt,
         {
           ...f,
           variant: A ? "error" : h,
@@ -1527,29 +1527,29 @@ const Vs = ({
             {
               size: "small",
               disabled: f.disabled || n,
-              leftIcon: Et,
-              onClick: y
+              leftIcon: At,
+              onClick: M
             }
           ) }),
-          onValueChange: p,
+          onValueChange: D,
           placeholder: i,
           value: o || "",
           min: u,
           max: m,
           size: 10,
-          ...k
+          ...T
         }
       ),
       hideArrow: !0,
       open: g,
-      placement: Ht,
-      onRequestClose: M,
+      placement: $t,
+      onRequestClose: y,
       children: /* @__PURE__ */ c(
-        Ke,
+        qe,
         {
           ...t,
           onChange: b,
-          value: o && T ? pt(o, r, /* @__PURE__ */ new Date()) : void 0,
+          value: o && R ? bt(o, r, /* @__PURE__ */ new Date()) : void 0,
           minDate: u,
           maxDate: m,
           theme: l
@@ -1557,7 +1557,7 @@ const Vs = ({
       )
     }
   ) });
-}, Ft = (t) => {
+}, jt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1573,7 +1573,7 @@ const Vs = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, jt = (t) => {
+}, Ct = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1589,13 +1589,13 @@ const Vs = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, xn = (t) => {
-  if (!oe(t))
+}, _n = (t) => {
+  if (!ce(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const r = Ft(e[0]), n = jt(e[1]);
+      const r = jt(e[0]), n = Ct(e[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1624,7 +1624,7 @@ const Vs = ({
     }
   }
   return { time: t, success: !1 };
-}, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, ti = ({
+}, ce = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, ri = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
@@ -1633,25 +1633,25 @@ const Vs = ({
   variant: i,
   ...o
 }) => {
-  const [a, l] = I(() => oe(n)), d = "hh:mm", u = D(() => {
+  const [a, l] = x(() => ce(n)), d = "hh:mm", u = w(() => {
     if (n) {
-      const h = xn(n);
+      const h = _n(n);
       l(h.success), h.success && t && t(h.time);
     }
-  }, [n, t, l]), m = D(
+  }, [n, t, l]), m = w(
     (h) => {
-      const f = h.target.value, g = oe(f);
+      const f = h.target.value, g = ce(f);
       l(g && f.length <= d.length), t && t(f);
     },
     [t, l]
   );
   return /* @__PURE__ */ c(
-    bt,
+    mt,
     {
       ...o,
       type: "time",
       variant: a ? i : "error",
-      iconLeft: r ? Ne : void 0,
+      iconLeft: r ? Ye : void 0,
       value: n,
       placeholder: e ? d : void 0,
       onChange: m,
@@ -1659,7 +1659,7 @@ const Vs = ({
       width: s
     }
   );
-}, ze = ({
+}, Je = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: r,
@@ -1675,141 +1675,141 @@ const Vs = ({
   onChangeRight: h,
   valueLeft: f,
   valueRight: g,
-  minLeft: w,
-  maxLeft: y,
-  minRight: M,
-  maxRight: p,
+  minLeft: p,
+  maxLeft: M,
+  minRight: y,
+  maxRight: D,
   onClickLeft: b,
   onClickRight: S,
-  onClickCalendar: T,
+  onClickCalendar: R,
   onClickArrowDown: N,
   onBlurLeft: A,
-  onBlurRight: k,
-  onFocusLeft: R,
+  onBlurRight: T,
+  onFocusLeft: k,
   onFocusRight: Y,
-  inputRefLeft: G,
-  inputRefRight: E,
-  variant: $,
-  variantLeft: z,
-  variantRight: j,
+  inputRefLeft: U,
+  inputRefRight: I,
+  variant: C,
+  variantLeft: F,
+  variantRight: K,
   onBlur: H,
-  showPresets: Q,
-  widthLeft: X,
-  widthRight: nt,
-  disabled: q
+  showPresets: q,
+  widthLeft: G,
+  widthRight: Q,
+  disabled: X
 }) => {
-  const C = W(0), K = x(
-    () => Ar((F) => {
-      F === 0 && (H == null || H());
+  const W = O(0), j = E(
+    () => Lr((P) => {
+      P === 0 && (H == null || H());
     }, 10),
     [H]
-  ), st = D(
-    (F) => {
-      C.current++, K(C.current), R && R(F);
+  ), it = w(
+    (P) => {
+      W.current++, j(W.current), k && k(P);
     },
-    [R, C, K]
-  ), it = D(
-    (F) => {
-      C.current++, K(C.current), Y && Y(F);
+    [k, W, j]
+  ), st = w(
+    (P) => {
+      W.current++, j(W.current), Y && Y(P);
     },
-    [Y, C, K]
-  ), O = D(
-    (F) => {
-      C.current--, K(C.current), A && A(F);
+    [Y, W, j]
+  ), et = w(
+    (P) => {
+      W.current--, j(W.current), A && A(P);
     },
-    [A, C, K]
-  ), U = D(
-    (F) => {
-      C.current--, K(C.current), k && k(F);
+    [A, W, j]
+  ), z = w(
+    (P) => {
+      W.current--, j(W.current), T && T(P);
     },
-    [k, C, K]
+    [T, W, j]
   );
   return /* @__PURE__ */ c(L, { children: /* @__PURE__ */ _(
-    Nr,
+    Pr,
     {
       disableContentPaddingRight: !0,
-      disabled: q,
-      variant: $,
+      disabled: X,
+      variant: C,
       contentRight: /* @__PURE__ */ _(B, { alignItems: "center", children: [
-        /* @__PURE__ */ c(xt, { num: 0.5, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
           tt,
           {
-            leftIcon: Et,
-            onClick: T,
-            disabled: q,
+            leftIcon: At,
+            onClick: R,
+            disabled: X,
             size: "small"
           }
         ) }),
-        Q ? /* @__PURE__ */ _(de, { children: [
-          /* @__PURE__ */ c(B, { height: "22px", children: /* @__PURE__ */ c(rr, { vertical: !0 }) }),
-          /* @__PURE__ */ c(xt, { num: 0.5, children: /* @__PURE__ */ c(
+        q ? /* @__PURE__ */ _(ue, { children: [
+          /* @__PURE__ */ c(B, { height: "22px", children: /* @__PURE__ */ c(sr, { vertical: !0 }) }),
+          /* @__PURE__ */ c(Et, { num: 0.5, children: /* @__PURE__ */ c(
             tt,
             {
-              leftIcon: fe,
+              leftIcon: he,
               onClick: N,
-              disabled: q,
+              disabled: X,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ c(L, { width: X, children: /* @__PURE__ */ c(
-          bt,
+        /* @__PURE__ */ c(L, { width: G, children: /* @__PURE__ */ c(
+          mt,
           {
             onEsc: r,
             onEnter: n,
             onClick: b,
-            disabled: q,
+            disabled: X,
             hideBorder: !0,
             placeholder: a,
             value: f,
             onValueChange: s,
             onChange: m,
-            onBlur: O,
-            onFocus: st,
-            inputRef: G,
-            variant: z,
+            onBlur: et,
+            onFocus: it,
+            inputRef: U,
+            variant: F,
             type: d,
             autoFocus: t,
-            min: w,
-            max: y
+            min: p,
+            max: M
           }
         ) }),
         /* @__PURE__ */ c(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-          _e,
+          Le,
           {
             icon: o,
             size: 12,
-            color: qt("--lhds-color-ui-500")
+            color: Jt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ c(L, { width: nt, children: /* @__PURE__ */ c(
-          bt,
+        /* @__PURE__ */ c(L, { width: Q, children: /* @__PURE__ */ c(
+          mt,
           {
             onEsc: r,
             onEnter: n,
             onClick: S,
-            disabled: q,
+            disabled: X,
             hideBorder: !0,
             placeholder: l,
             value: g,
             onValueChange: i,
             onChange: h,
-            onBlur: U,
-            onFocus: it,
-            inputRef: E,
-            variant: j,
+            onBlur: z,
+            onFocus: st,
+            inputRef: I,
+            variant: K,
             type: u,
             autoFocus: e,
-            min: M,
-            max: p
+            min: y,
+            max: D
           }
         ) })
       ]
     }
   ) });
-}, En = (t) => {
+}, Nn = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1831,38 +1831,38 @@ const Vs = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, An = (t) => {
+}, Ln = (t) => {
   try {
-    return En(t), !0;
+    return Nn(t), !0;
   } catch {
     return !1;
   }
-}, Ot = (t) => {
-  if (t && An(t)) {
+}, Ut = (t) => {
+  if (t && Ln(t)) {
     const e = t.split(":");
     return {
-      hour: Me(e[0]),
-      minute: Me(e[1])
+      hour: ke(e[0]),
+      minute: ke(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, _n = (t) => `${Ft(String(t.getHours()))}:${jt(
+}, Yn = (t) => `${jt(String(t.getHours()))}:${Ct(
   String(t.getMinutes())
-)}`, Nn = "_timePicker_1w05d_1", Ln = "_timePickerColumn_1w05d_6", qe = {
-  timePicker: Nn,
-  timePickerColumn: Ln
-}, Pn = ({
+)}`, Pn = "_timePicker_1w05d_1", vn = "_timePickerColumn_1w05d_6", Ge = {
+  timePicker: Pn,
+  timePickerColumn: vn
+}, Bn = ({
   onClick: t,
   item: e,
   selected: r,
   columnRef: n,
   canScrollRef: s
 }) => {
-  const i = W(null);
-  return rt(
+  const i = O(null);
+  return nt(
     function() {
       if (r && n.current && i.current && s.current) {
         const a = i.current.scrollHeight * Math.max(e - 2, 0);
@@ -1879,9 +1879,9 @@ const Vs = ({
       indent: 0.5,
       ref: i,
       children: r ? /* @__PURE__ */ c(
-        St,
+        Tt,
         {
-          label: _r(String(e), 2, "0"),
+          label: Yr(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ c(
@@ -1893,15 +1893,15 @@ const Vs = ({
       )
     }
   );
-}, xe = ({
+}, Ee = ({
   onClick: t,
   items: e,
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const s = W(null);
-  return /* @__PURE__ */ c(J, { className: qe.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
-    Pn,
+  const s = O(null);
+  return /* @__PURE__ */ c(J, { className: Ge.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
+    Bn,
     {
       item: i,
       onClick: t,
@@ -1911,60 +1911,60 @@ const Vs = ({
     },
     i
   )) });
-}, Yn = ge(0, 24), Bn = ge(0, 60), vn = ({
+}, Hn = pe(0, 24), $n = pe(0, 60), Wn = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = W(!0), [n, s] = I(void 0), [i, o] = I(void 0);
-  rt(() => {
+  const r = O(!0), [n, s] = x(void 0), [i, o] = x(void 0);
+  nt(() => {
     if (t) {
-      const { minute: d, hour: u } = Ot(t);
+      const { minute: d, hour: u } = Ut(t);
       s(u), o(d);
     }
   }, [t]);
-  const a = D(
+  const a = w(
     (d) => {
       s(d), e == null || e(
-        `${Ft(String(d ?? 0))}:${jt(String(i ?? 0))}`
+        `${jt(String(d ?? 0))}:${Ct(String(i ?? 0))}`
       );
     },
     [i, e]
-  ), l = D(
+  ), l = w(
     (d) => {
       o(d), e == null || e(
-        `${Ft(String(n ?? 0))}:${jt(String(d ?? 0))}`
+        `${jt(String(n ?? 0))}:${Ct(String(d ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ _(B, { className: qe.timePicker, children: [
+  return /* @__PURE__ */ _(B, { className: Ge.timePicker, children: [
     /* @__PURE__ */ c(
-      xe,
+      Ee,
       {
-        items: Yn,
+        items: Hn,
         onClick: a,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ c(xt, {}),
+    /* @__PURE__ */ c(Et, {}),
     /* @__PURE__ */ c(
-      xe,
+      Ee,
       {
-        items: Bn,
+        items: $n,
         onClick: l,
         selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, Hn = (t, e, r) => {
-  rt(
+}, On = (t, e, r) => {
+  nt(
     function() {
       t && e(t);
     },
     [t, e]
-  ), rt(
+  ), nt(
     function() {
       r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
@@ -1972,7 +1972,7 @@ const Vs = ({
     },
     [t, r]
   );
-}, Wn = (t, e, {
+}, Un = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
   hideCalendarInternal: s,
@@ -1983,16 +1983,16 @@ const Vs = ({
   localDate: d,
   setLocalDate: u
 }, m) => {
-  const h = D(
-    (p) => {
-      if (!p)
+  const h = w(
+    (D) => {
+      if (!D)
         return;
-      const b = new Date(p);
+      const b = new Date(D);
       if (t)
         b.setHours(t.getHours()), b.setMinutes(t.getMinutes()), e == null || e(b), u(void 0);
       else if (a) {
-        const { minute: S, hour: T } = Ot(a);
-        b.setHours(T ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
+        const { minute: S, hour: R } = Ut(a);
+        b.setHours(R ?? 0), b.setMinutes(S ?? 0), e == null || e(b), u(void 0);
       } else
         u(b);
       r(b), m.current && (m.current.valueAsDate = new Date(
@@ -2000,44 +2000,44 @@ const Vs = ({
       ));
     },
     [t, m, a, e, r, u]
-  ), f = D(
-    (p) => {
-      if (p)
+  ), f = w(
+    (D) => {
+      if (D)
         if (t) {
-          const b = Ot(p), S = new Date(t);
+          const b = Ut(D), S = new Date(t);
           S.setHours(b.hour || 0), S.setMinutes(b.minute || 0), e == null || e(S), l(void 0);
         } else if (d) {
-          const b = Ot(p), S = new Date(d);
+          const b = Ut(D), S = new Date(d);
           S.setHours(b.hour || 0), S.setMinutes(b.minute || 0), e == null || e(S), l(void 0);
         } else
-          l(p);
+          l(D);
     },
     [e, t, d, l]
-  ), g = D(
-    (p) => {
-      p.target.value[0] !== "0" && h(p.target.valueAsDate);
+  ), g = w(
+    (D) => {
+      D.target.value[0] !== "0" && h(D.target.valueAsDate);
     },
     [h]
-  ), w = D(
-    (p) => f(p.target.value),
+  ), p = w(
+    (D) => f(D.target.value),
     [f]
-  ), y = D(() => {
+  ), M = w(() => {
     r(t || /* @__PURE__ */ new Date()), o("calendar"), n();
-  }, [t, o, n, r]), M = D(() => {
+  }, [t, o, n, r]), y = w(() => {
     i(void 0), s();
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: w,
-    hideCalendar: M,
-    showCalendar: y,
+    inputRightChangeHandler: p,
+    hideCalendar: y,
+    showCalendar: M,
     onChangeTime: f,
     onChangeDate: h
   };
-}, $n = (t) => {
-  const [e, r] = I(void 0), [n, s] = I(void 0), [i, o, a] = se(!1), [l, d, u] = se(!1), [m, h] = I(void 0), [f, g] = I(
+}, Fn = (t) => {
+  const [e, r] = x(void 0), [n, s] = x(void 0), [i, o, a] = ie(!1), [l, d, u] = ie(!1), [m, h] = x(void 0), [f, g] = x(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [w, y] = I("calendar");
+  ), [p, M] = x("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: o,
@@ -2046,8 +2046,8 @@ const Vs = ({
     setFirstFocusedInput: h,
     dateInFocus: f,
     setDateInFocus: g,
-    currentPanel: w,
-    setCurrentPanel: y,
+    currentPanel: p,
+    setCurrentPanel: M,
     isTimePickerVisible: l,
     showTimePicker: d,
     hideTimePicker: u,
@@ -2056,24 +2056,24 @@ const Vs = ({
     localTime: n,
     setLocalTime: s
   };
-}, On = (t, e, r, n, {
+}, jn = (t, e, r, n, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: o,
   hideTimePicker: a
 }) => {
-  const l = D(() => {
+  const l = w(() => {
     s || r(), i("calendar"), a();
-  }, [a, s, i, r]), d = D(() => {
+  }, [a, s, i, r]), d = w(() => {
     n(), o();
-  }, [n, o]), u = D(
+  }, [n, o]), u = w(
     (g) => {
       t(g.date), n(), o();
     },
     [t, n, o]
-  ), m = D(() => {
+  ), m = w(() => {
     i("presets"), r();
-  }, [i, r]), h = D(() => {
+  }, [i, r]), h = w(() => {
     var g;
     s ? n() : ((g = e.current) == null || g.focus(), i("calendar"), r());
   }, [
@@ -2082,7 +2082,7 @@ const Vs = ({
     e,
     i,
     r
-  ]), f = D(
+  ]), f = w(
     (g) => {
       g.key === "Escape" && n();
     },
@@ -2096,7 +2096,7 @@ const Vs = ({
     onClickCalendarButton: h,
     onKeyDownHandler: f
   };
-}, ei = ({
+}, ni = ({
   value: t,
   onValueChange: e,
   onEnter: r,
@@ -2110,78 +2110,78 @@ const Vs = ({
   variant: u,
   disabled: m
 }) => {
-  const h = W(null), f = W(null), g = $n(t), {
-    setCurrentPanel: w,
-    currentPanel: y,
-    isCalendarVisible: M,
-    dateInFocus: p,
+  const h = O(null), f = O(null), g = Fn(t), {
+    setCurrentPanel: p,
+    currentPanel: M,
+    isCalendarVisible: y,
+    dateInFocus: D,
     setDateInFocus: b,
     isTimePickerVisible: S,
-    hideTimePicker: T,
+    hideTimePicker: R,
     localTime: N,
     localDate: A
   } = g, {
-    showCalendar: k,
-    hideCalendar: R,
+    showCalendar: T,
+    hideCalendar: k,
     inputLeftChangeHandler: Y,
-    inputRightChangeHandler: G,
-    onChangeTime: E,
-    onChangeDate: $
-  } = Wn(t, e, g, h), {
-    onKeyDownHandler: z,
-    onFocusRight: j,
+    inputRightChangeHandler: U,
+    onChangeTime: I,
+    onChangeDate: C
+  } = Un(t, e, g, h), {
+    onKeyDownHandler: F,
+    onFocusRight: K,
     onFocusLeft: H,
-    onClickDay: Q,
-    onClickCalendarButton: X,
-    onClickArrowButton: nt
-  } = On(
-    $,
+    onClickDay: q,
+    onClickCalendarButton: G,
+    onClickArrowButton: Q
+  } = jn(
+    C,
     h,
+    T,
     k,
-    R,
     g
   );
-  Hn(t, b, h);
-  const q = x(() => {
-    const O = t || A;
-    return O ? ft(void 0, O, [
+  On(t, b, h);
+  const X = E(() => {
+    const et = t || A;
+    return et ? ht(void 0, et, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [A, t]), C = D(() => {
-    R(), T();
-  }, [R, T]), K = x(
-    () => t ? _n(t) : N,
+  }, [A, t]), W = w(() => {
+    k(), R();
+  }, [k, R]), j = E(
+    () => t ? Yn(t) : N,
     [t, N]
-  ), st = ke(M, 300), it = ke(S, 300);
-  return /* @__PURE__ */ c(L, { onKeyDown: z, children: /* @__PURE__ */ c(
+  ), it = Se(y, 300), st = Se(S, 300);
+  return /* @__PURE__ */ c(L, { onKeyDown: F, children: /* @__PURE__ */ c(
     Bt,
     {
       hideArrow: !0,
-      renderTrigger: (O) => /* @__PURE__ */ c(L, { ...O, children: /* @__PURE__ */ c(
-        ze,
+      renderTrigger: (et) => /* @__PURE__ */ c(L, { ...et, children: /* @__PURE__ */ c(
+        Je,
         {
           autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
           onBlur: s,
           disabled: m,
-          separatorIcon: Ne,
+          separatorIcon: Ye,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
           onChangeLeft: Y,
-          onChangeRight: G,
-          onClickArrowDown: nt,
-          onClickCalendar: X,
+          onChangeRight: U,
+          onClickArrowDown: Q,
+          onClickCalendar: G,
           onFocusLeft: H,
-          onFocusRight: j,
+          onFocusRight: K,
           onClickLeft: H,
-          onClickRight: j,
+          onClickRight: K,
           inputRefLeft: h,
           inputRefRight: f,
-          valueRight: K ?? "",
+          valueRight: j ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: o,
@@ -2189,62 +2189,62 @@ const Vs = ({
           variant: u
         }
       ) }),
-      placement: Ht,
-      open: M || S,
-      onRequestClose: C,
-      children: (st || it) && /* @__PURE__ */ c(J, { children: st ? /* @__PURE__ */ c(
-        Mt,
+      placement: $t,
+      open: y || S,
+      onRequestClose: W,
+      children: (it || st) && /* @__PURE__ */ c(J, { children: it ? /* @__PURE__ */ c(
+        kt,
         {
-          statePerMonth: q,
-          onClickDay: Q,
-          dateInFocus: p,
+          statePerMonth: X,
+          onClickDay: q,
+          dateInFocus: D,
           setDateInFocus: b,
-          currentPanel: y,
-          setCurrentPanel: w,
+          currentPanel: M,
+          setCurrentPanel: p,
           minDate: o,
           maxDate: d
         }
-      ) : it ? /* @__PURE__ */ _(J, { children: [
+      ) : st ? /* @__PURE__ */ _(J, { children: [
         /* @__PURE__ */ c(J, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
-          vn,
+          Wn,
           {
-            value: K ?? "",
-            onValueChange: E
+            value: j ?? "",
+            onValueChange: I
           }
         ) }),
-        /* @__PURE__ */ c(kt, {}),
-        /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(St, { label: "Done", onClick: T }) })
+        /* @__PURE__ */ c(St, {}),
+        /* @__PURE__ */ c(B, { justifyContent: "flex-end", children: /* @__PURE__ */ c(Tt, { label: "Done", onClick: R }) })
       ] }) : null })
     }
   ) });
-}, Un = ({
+}, Cn = ({
   value: t,
   onValueChange: e,
   year: r
 }) => {
   const n = String(r);
-  return /* @__PURE__ */ c(B, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(St, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
-}, ri = ({
+  return /* @__PURE__ */ c(B, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(Tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(tt, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, si = ({
   value: t,
   onValueChange: e,
   initialLastYear: r
 }) => {
-  const [n, s] = I(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
+  const [n, s] = x(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = E(() => {
     const o = n - 11;
-    return We(ge(o, n + 1), 3);
+    return Oe(pe(o, n + 1), 3);
   }, [n]);
-  return rt(() => {
-    s((o) => Fn(t, o));
+  return nt(() => {
+    s((o) => Kn(t, o));
   }, [t]), /* @__PURE__ */ _(B, { children: [
     /* @__PURE__ */ c(J, { justifyContent: "center", children: /* @__PURE__ */ c(
       tt,
       {
-        leftIcon: Ct,
+        leftIcon: Kt,
         onClick: () => s(n - 3)
       }
     ) }),
     /* @__PURE__ */ c(J, { gap: 1, children: i.map((o) => /* @__PURE__ */ c(B, { gap: 1, children: o.map((a) => /* @__PURE__ */ c(
-      Un,
+      Cn,
       {
         year: a,
         onValueChange: e,
@@ -2260,7 +2260,7 @@ const Vs = ({
       }
     ) })
   ] });
-}, Fn = (t, e) => {
+}, Kn = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -2273,18 +2273,18 @@ const Vs = ({
     return e - i;
   }
   return e;
-}, jn = (t, e, r, n, s) => {
-  rt(
+}, zn = (t, e, r, n, s) => {
+  nt(
     function() {
       t && r(t);
     },
     [t, r]
-  ), rt(
+  ), nt(
     function() {
       e && r(e);
     },
     [e, r]
-  ), rt(
+  ), nt(
     function() {
       n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(
@@ -2295,7 +2295,7 @@ const Vs = ({
       ) : n.current.valueAsDate = null);
     },
     [t, n]
-  ), rt(
+  ), nt(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -2307,14 +2307,14 @@ const Vs = ({
     },
     [e, s]
   );
-}, Cn = (t, e, r, {
+}, qn = (t, e, r, {
   setDateInFocus: n,
   showCalendarInternal: s,
   hideCalendarInternal: i,
   setFirstFocusedInput: o,
   setCurrentPanel: a
 }) => {
-  const l = D(
+  const l = w(
     (h) => {
       h.target.value[0] !== "0" && (r == null || r({
         startDate: h.target.valueAsDate ?? void 0,
@@ -2322,7 +2322,7 @@ const Vs = ({
       }));
     },
     [r, e]
-  ), d = D(
+  ), d = w(
     (h) => {
       h.target.value[0] !== "0" && (r == null || r({
         startDate: t,
@@ -2330,7 +2330,7 @@ const Vs = ({
       }));
     },
     [r, t]
-  ), u = D(() => {
+  ), u = w(() => {
     n(t || e || /* @__PURE__ */ new Date()), a("calendar"), s();
   }, [
     t,
@@ -2338,7 +2338,7 @@ const Vs = ({
     a,
     s,
     n
-  ]), m = D(() => {
+  ]), m = w(() => {
     o(void 0), i();
   }, [o, i]);
   return {
@@ -2349,8 +2349,8 @@ const Vs = ({
     setCurrentPanel: a,
     showCalendar: u
   };
-}, Kn = (t, e) => {
-  const [r, n, s] = se(!1), [i, o] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, h] = I("calendar");
+}, Jn = (t, e) => {
+  const [r, n, s] = ie(!1), [i, o] = x(void 0), [a, l] = x("startDate"), [d, u] = x(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, h] = x("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
@@ -2364,7 +2364,7 @@ const Vs = ({
     currentPanel: m,
     setCurrentPanel: h
   };
-}, zn = (t, e, r, n, s, i, o, {
+}, Gn = (t, e, r, n, s, i, o, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
@@ -2372,7 +2372,7 @@ const Vs = ({
   focusedInput: m,
   setCurrentPanel: h
 }) => {
-  const f = D(() => {
+  const f = w(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2380,7 +2380,7 @@ const Vs = ({
     i,
     l,
     a
-  ]), g = D(() => {
+  ]), g = w(() => {
     a == null && l("endDate"), u("endDate"), d || i();
   }, [
     d,
@@ -2388,16 +2388,16 @@ const Vs = ({
     i,
     l,
     a
-  ]), w = D(
+  ]), p = w(
     (b) => {
-      var S, T, N, A;
+      var S, R, N, A;
       m === "startDate" ? e != null && V(b.date, e) ? (r == null || r({
         startDate: b.date,
         endDate: void 0
       }), u("endDate"), (S = s.current) == null || S.focus()) : (r == null || r({
         startDate: b.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
+      }), a === "startDate" ? (u("endDate"), (R = s.current) == null || R.focus()) : setTimeout(o, 50)) : m === "endDate" && (t ? V(t, b.date) ? (r == null || r({
         startDate: b.date,
         endDate: void 0
       }), u("endDate"), (A = s.current) == null || A.focus()) : (r == null || r({
@@ -2419,9 +2419,9 @@ const Vs = ({
       t,
       n
     ]
-  ), y = D(() => {
+  ), M = w(() => {
     h("presets"), i();
-  }, [h, i]), M = D(() => {
+  }, [h, i]), y = w(() => {
     var b;
     d ? o() : (u("startDate"), l("startDate"), (b = n.current) == null || b.focus(), h("calendar"), i());
   }, [
@@ -2432,7 +2432,7 @@ const Vs = ({
     n,
     h,
     i
-  ]), p = D(
+  ]), D = w(
     (b) => {
       b.key === "Escape" && o();
     },
@@ -2441,13 +2441,13 @@ const Vs = ({
   return {
     onFocusLeft: f,
     onFocusRight: g,
-    onClickDay: w,
-    onClickArrowButton: y,
-    onClickCalendarButton: M,
-    onKeyDownHandler: p
+    onClickDay: p,
+    onClickArrowButton: M,
+    onClickCalendarButton: y,
+    onKeyDownHandler: D
   };
 };
-function ni({
+function ii({
   value: t,
   onValueChange: e,
   autoFocus: r,
@@ -2462,61 +2462,61 @@ function ni({
   variant: m,
   disabled: h
 }) {
-  const { startDate: f, endDate: g } = t || {}, w = W(null), y = W(null), M = Kn(f, g), {
-    dateInFocus: p,
+  const { startDate: f, endDate: g } = t || {}, p = O(null), M = O(null), y = Jn(f, g), {
+    dateInFocus: D,
     setDateInFocus: b,
     isCalendarVisible: S,
-    currentPanel: T,
+    currentPanel: R,
     setCurrentPanel: N
-  } = M, {
+  } = y, {
     showCalendar: A,
-    hideCalendar: k,
-    inputLeftChangeHandler: R,
+    hideCalendar: T,
+    inputLeftChangeHandler: k,
     inputRightChangeHandler: Y
-  } = Cn(f, g, e, M), {
-    onKeyDownHandler: G,
-    onFocusRight: E,
-    onFocusLeft: $,
-    onClickDay: z,
-    onClickCalendarButton: j,
+  } = qn(f, g, e, y), {
+    onKeyDownHandler: U,
+    onFocusRight: I,
+    onFocusLeft: C,
+    onClickDay: F,
+    onClickCalendarButton: K,
     onClickArrowButton: H
-  } = zn(
+  } = Gn(
     f,
     g,
     e,
-    w,
-    y,
+    p,
+    M,
     A,
-    k,
-    M
+    T,
+    y
   );
-  jn(
+  zn(
     f,
     g,
     b,
-    w,
-    y
+    p,
+    M
   );
-  const Q = x(
+  const q = E(
     () => f && g && V(f, g),
     [f, g]
-  ), X = x(
-    () => Yr(
+  ), G = E(
+    () => Hr(
       l == null ? void 0 : l.statePerMonth,
       f,
       g,
-      p
+      D
     ),
-    [l == null ? void 0 : l.statePerMonth, f, g, p]
+    [l == null ? void 0 : l.statePerMonth, f, g, D]
   );
-  return /* @__PURE__ */ c(L, { onKeyDown: G, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(L, { onKeyDown: U, children: /* @__PURE__ */ c(
     Bt,
     {
       hideArrow: !0,
       restoreFocus: !1,
       returnFocus: !1,
-      renderTrigger: (nt) => /* @__PURE__ */ c(L, { ...nt, children: /* @__PURE__ */ c(
-        ze,
+      renderTrigger: (Q) => /* @__PURE__ */ c(L, { ...Q, children: /* @__PURE__ */ c(
+        Je,
         {
           autoFocusLeft: r,
           onEsc: i,
@@ -2528,17 +2528,17 @@ function ni({
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
-          onChangeLeft: R,
+          onChangeLeft: k,
           onChangeRight: Y,
           onClickArrowDown: H,
-          onClickCalendar: j,
-          onFocusLeft: $,
-          onFocusRight: E,
-          onClickLeft: $,
-          onClickRight: E,
-          inputRefLeft: w,
-          inputRefRight: y,
-          variant: Q ? "error" : m,
+          onClickCalendar: K,
+          onFocusLeft: C,
+          onFocusRight: I,
+          onClickLeft: C,
+          onClickRight: I,
+          inputRefLeft: p,
+          inputRefRight: M,
+          variant: q ? "error" : m,
           widthLeft: d,
           widthRight: u,
           minLeft: o,
@@ -2547,27 +2547,27 @@ function ni({
           maxRight: a
         }
       ) }),
-      placement: Ht,
-      onRequestClose: k,
+      placement: $t,
+      onRequestClose: T,
       open: S,
       children: /* @__PURE__ */ c(
-        Mt,
+        kt,
         {
-          onClickDay: z,
-          dateInFocus: p,
+          onClickDay: F,
+          dateInFocus: D,
           setDateInFocus: b,
-          currentPanel: T,
+          currentPanel: R,
           setCurrentPanel: N,
           minDate: o,
           maxDate: a,
           ...l,
-          statePerMonth: X
+          statePerMonth: G
         }
       )
     }
   ) });
 }
-const ce = ({
+const ae = ({
   onChange: t,
   onValueChange: e,
   mask: r,
@@ -2583,10 +2583,12 @@ const ce = ({
   placeholderWhenBlurred: h,
   placeholder: f,
   valueWhenBlurred: g,
-  ...w
+  label: p,
+  variant: M,
+  ...y
 }) => {
-  const y = W(null), [M, p] = I(!1), { onChange: b } = Pr(
-    y,
+  const D = O(null), [b, S] = x(!1), { onChange: R } = Br(
+    D,
     t,
     e,
     r,
@@ -2596,34 +2598,49 @@ const ce = ({
     o,
     a,
     l,
-    M
-  ), S = D(
-    (A) => {
-      u == null || u(A), p(!0);
+    b
+  ), N = w(
+    (k) => {
+      u == null || u(k), S(!0);
     },
     [u]
-  ), T = D(
-    (A) => {
-      m == null || m(A), p(!1);
+  ), A = w(
+    (k) => {
+      m == null || m(k), S(!1);
     },
     [m]
-  );
-  return /* @__PURE__ */ c(
-    Lr,
+  ), T = b ? f : h ?? f;
+  return M === "standard" ? /* @__PURE__ */ c(ur, { text: p ?? "", children: /* @__PURE__ */ c(
+    mt,
     {
-      ...w,
+      ...y,
       "aria-live": "polite",
-      value: (M ? s : g) ?? "",
-      ref: y,
-      placeholder: M ? f : h ?? f,
-      onFocus: S,
-      onBlur: T,
-      onChange: b,
-      width: qn(d),
+      value: (b ? s : g) ?? "",
+      inputRef: D,
+      placeholder: T,
+      onFocus: N,
+      onBlur: A,
+      onChange: R,
+      width: Ae(d),
+      alwaysShowPlaceholder: !0
+    }
+  ) }) : /* @__PURE__ */ c(
+    vr,
+    {
+      ...y,
+      label: p,
+      "aria-live": "polite",
+      value: (b ? s : g) ?? "",
+      ref: D,
+      placeholder: T,
+      onFocus: N,
+      onBlur: A,
+      onChange: R,
+      width: Ae(d),
       size: d === "large" ? "large" : "medium"
     }
   );
-}, qn = (t) => {
+}, Ae = (t) => {
   switch (t) {
     case "small":
       return "140px";
@@ -2632,22 +2649,22 @@ const ce = ({
     case "large":
       return "196px";
     default:
-      return ue(t, "168px");
+      return fe(t, "168px");
   }
-}, Jn = [/[1-2]/, /\d/, /\d/, /\d/], Gn = [/[0-1]/, /\d/], Qn = [/[0-3]/, /\d/], Je = (t) => Zn(t).flatMap(Xn), Xn = (t) => {
+}, Qn = [/[1-2]/, /\d/, /\d/, /\d/], Xn = [/[0-1]/, /\d/], Zn = [/[0-3]/, /\d/], Qe = (t) => ts(t).flatMap(Vn), Vn = (t) => {
   switch (t) {
     case "yyyy":
-      return Jn;
+      return Qn;
     case "mm":
     case "MM":
-      return Gn;
+      return Xn;
     case "dd":
     case "DD":
-      return Qn;
+      return Zn;
     default:
       return [t];
   }
-}, Zn = (t) => {
+}, ts = (t) => {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2655,33 +2672,33 @@ const ce = ({
   for (let n = 1; n < t.length; n++)
     t[n] !== t[n - 1] ? (e.push(r), r = t[n]) : r += t[n];
   return e.push(r), e;
-}, Tt = (t) => {
+}, Rt = (t) => {
   const r = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), n = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
   return r.map((s) => n[s.type] || s.value).join("");
-}, Ge = {
-  "en-US": wr,
-  "en-GB": zt,
-  "de-AT": yr,
-  "de-DE": Se,
-  fr: Mr,
-  de: Se,
-  es: kr,
-  sv: Sr,
-  pl: Tr,
-  da: Rr,
-  nl: Ir,
-  nb: xr
-}, Qt = (t) => Ge[t], Qe = () => Ge.sv, gt = (t, e, r) => {
-  const n = Qt(e);
+}, Xe = {
+  "en-US": kr,
+  "en-GB": qt,
+  "de-AT": Sr,
+  "de-DE": Te,
+  fr: Tr,
+  de: Te,
+  es: Rr,
+  sv: Ir,
+  pl: xr,
+  da: Er,
+  nl: Ar,
+  nb: _r
+}, Xt = (t) => Xe[t], Ze = () => Xe.sv, Dt = (t, e, r) => {
+  const n = Xt(e);
   if (n == null)
     return;
-  const s = pt(
+  const s = bt(
     t,
-    Tt(e),
+    Rt(e),
     r ?? /* @__PURE__ */ new Date(),
     {
       locale: n
@@ -2689,13 +2706,13 @@ const ce = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, It = (t, e) => v(t, Tt(e), {
-  locale: Qt(e)
-}), ae = (t, e) => {
-  const r = gt(t, e);
+}, xt = (t, e) => $(t, Rt(e), {
+  locale: Xt(e)
+}), le = (t, e) => {
+  const r = Dt(t, e);
   if (r != null)
-    return It(r, e);
-}, Xe = ({
+    return xt(r, e);
+}, Ve = ({
   value: t,
   onValueChange: e,
   localeCode: r,
@@ -2706,153 +2723,156 @@ const ce = ({
   placeholderWhenBlurredStartDate: a,
   placeholderWhenBlurredEndDate: l,
   valueWhenBlurredStartDate: d,
-  valueWhenBlurredEndDate: u
+  valueWhenBlurredEndDate: u,
+  variant: m
 }) => {
-  const { mask: m, placeholder: h } = x(() => {
-    const f = Tt(r);
+  const { mask: h, placeholder: f } = E(() => {
+    const g = Rt(r);
     return {
-      mask: Je(f),
-      placeholder: f.toLowerCase()
+      mask: Qe(g),
+      placeholder: g.toLowerCase()
     };
   }, [r]);
   return /* @__PURE__ */ _(B, { children: [
     /* @__PURE__ */ c(
-      ce,
+      ae,
       {
-        mask: m,
+        mask: h,
         value: t == null ? void 0 : t.startDate,
-        onValueChange: (f) => {
-          e == null || e({ startDate: f });
+        onValueChange: (g) => {
+          e == null || e({ startDate: g });
         },
-        onBlur: (f) => {
-          const g = ae(
-            f.target.value,
+        onBlur: (g) => {
+          const p = le(
+            g.target.value,
             r
           );
-          g && g !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: g }));
+          p && p !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: p }));
         },
         onFocus: i,
         label: n,
         borderRadiusVariant: "onlyLeft",
-        placeholder: h,
+        placeholder: f,
         placeholderWhenBlurred: a,
         valueWhenBlurred: d,
-        calendarSize: o
+        calendarSize: o,
+        variant: m
       }
     ),
     /* @__PURE__ */ c(
-      ce,
+      ae,
       {
-        mask: m,
+        mask: h,
         value: t == null ? void 0 : t.endDate,
-        onValueChange: (f) => e == null ? void 0 : e({ endDate: f }),
-        onBlur: (f) => {
-          const g = ae(
-            f.target.value,
+        onValueChange: (g) => e == null ? void 0 : e({ endDate: g }),
+        onBlur: (g) => {
+          const p = le(
+            g.target.value,
             r
           );
-          g && g !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: g }));
+          p && p !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: p }));
         },
         onFocus: i,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: h,
+        placeholder: f,
         placeholderWhenBlurred: l,
         valueWhenBlurred: u,
-        calendarSize: o
+        calendarSize: o,
+        variant: m
       }
     )
   ] });
-}, le = (t, e, r) => {
-  const n = br(t, e) ? "" : " y";
-  return r.code.startsWith("en") ? v(t, "eee MMM d" + n, { locale: r }).replace(".", "") : v(t, "eee d MMM" + n, { locale: r }).replace(".", "");
-}, Ze = (t, e, r, n) => {
-  const s = Qt(r) ?? Qe(), i = De(), o = we(), a = W(null), l = x(
-    () => Tt(r),
+}, de = (t, e, r) => {
+  const n = Mr(t, e) ? "" : " y";
+  return r.code.startsWith("en") ? $(t, "eee MMM d" + n, { locale: r }).replace(".", "") : $(t, "eee d MMM" + n, { locale: r }).replace(".", "");
+}, tr = (t, e, r, n) => {
+  const s = Xt(r) ?? Ze(), i = be(), o = ye(), a = O(null), l = E(
+    () => Rt(r),
     [r]
-  ), d = x(
+  ), d = E(
     () => {
-      var E;
-      return ((E = t == null ? void 0 : t.startDate) == null ? void 0 : E.length) === l.length ? gt(t.startDate, r) : void 0;
+      var I;
+      return ((I = t == null ? void 0 : t.startDate) == null ? void 0 : I.length) === l.length ? Dt(t.startDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.startDate]
-  ), u = x(
+  ), u = E(
     () => {
-      var E;
-      return ((E = t == null ? void 0 : t.endDate) == null ? void 0 : E.length) === l.length ? gt(t.endDate, r) : void 0;
+      var I;
+      return ((I = t == null ? void 0 : t.endDate) == null ? void 0 : I.length) === l.length ? Dt(t.endDate, r) : void 0;
     },
     [l.length, r, t == null ? void 0 : t.endDate]
-  ), m = x(
-    () => d != null ? le(d, o, s) : void 0,
+  ), m = E(
+    () => d != null ? de(d, o, s) : void 0,
     [s, d, o]
-  ), h = x(
-    () => u != null ? le(u, o, s) : void 0,
+  ), h = E(
+    () => u != null ? de(u, o, s) : void 0,
     [s, u, o]
-  ), [f, g] = I(
+  ), [f, g] = x(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), w = D(
-    (E) => {
-      ct(E, o) || V(E, o) ? g(E) : g(o);
+  ), p = w(
+    (I) => {
+      at(I, o) || V(I, o) ? g(I) : g(o);
     },
     [o]
-  ), y = x(
-    () => Jt(
+  ), M = E(
+    () => Gt(
       f.getFullYear(),
       f.getMonth(),
       s
     ),
     [s, f]
-  ), M = x(() => _t(v(f, "MMMM yyyy", { locale: s })), [s, f]), p = x(() => ct(o, f), [o, f]), [b, S] = I(), [T, N] = I("calendar"), A = D(
-    (E) => {
-      var j, H;
-      const $ = ((j = E == null ? void 0 : E.startDate) == null ? void 0 : j.length) === l.length ? gt(E.startDate, r) : void 0, z = ((H = E == null ? void 0 : E.endDate) == null ? void 0 : H.length) === l.length ? gt(E.endDate, r) : void 0;
-      $ ? w($) : z && w(z), e == null || e({
+  ), y = E(() => Nt($(f, "MMMM yyyy", { locale: s })), [s, f]), D = E(() => at(o, f), [o, f]), [b, S] = x(), [R, N] = x("calendar"), A = w(
+    (I) => {
+      var K, H;
+      const C = ((K = I == null ? void 0 : I.startDate) == null ? void 0 : K.length) === l.length ? Dt(I.startDate, r) : void 0, F = ((H = I == null ? void 0 : I.endDate) == null ? void 0 : H.length) === l.length ? Dt(I.endDate, r) : void 0;
+      C ? p(C) : F && p(F), e == null || e({
         ...t,
-        ...E
+        ...I
       });
     },
     [
       l.length,
       r,
       e,
-      w,
+      p,
       t
     ]
-  ), k = x(
-    () => ct(o, f) || ot(f, o),
+  ), T = E(
+    () => at(o, f) || ct(f, o),
     [o, f]
-  ), R = x(
-    () => (d && u && (P(d, u) || ot(d, u))) ?? !1,
+  ), k = E(
+    () => (d && u && (v(d, u) || ct(d, u))) ?? !1,
     [u, d]
   );
   return {
-    isDateDisabled: D(
-      (E) => !P(E, o) && ot(E, o),
+    isDateDisabled: w(
+      (I) => !v(I, o) && ct(I, o),
       [o]
     ),
-    onClickDate: (E) => {
-      E.getFullYear() === f.getFullYear() && E.getMonth() === f.getMonth() && (d && u == null ? ot(E, d) ? e == null || e({
-        startDate: It(E, r),
+    onClickDate: (I) => {
+      I.getFullYear() === f.getFullYear() && I.getMonth() === f.getMonth() && (d && u == null ? ct(I, d) ? e == null || e({
+        startDate: xt(I, r),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: It(E, r)
+        endDate: xt(I, r)
       }) : e == null || e({
-        startDate: It(E, r),
+        startDate: xt(I, r),
         endDate: void 0
       }));
     },
     onValueChangeByInputs: A,
-    isValidDateRange: R,
-    prevMonthDisabled: k,
+    isValidDateRange: k,
+    prevMonthDisabled: T,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: M,
-    visiblePanel: T,
+    monthPickerButtonLabel: y,
+    visiblePanel: R,
     setVisiblePanel: N,
     setVisibleMonth: g,
-    visibleMonthData: y,
-    todayIsInVisibleMonth: p,
+    visibleMonthData: M,
+    todayIsInVisibleMonth: D,
     hoverDate: b,
     setHoverDate: S,
     selectedStartDate: d,
@@ -2862,7 +2882,7 @@ const ce = ({
     valueWhenBlurredStartDate: m,
     valueWhenBlurredEndDate: h
   };
-}, Xt = ({
+}, Zt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
   monthPickerButtonLabel: r,
@@ -2881,7 +2901,7 @@ const ce = ({
     {
       "aria-live": "polite",
       label: r,
-      rightIcon: n === "calendar" ? fe : lr,
+      rightIcon: n === "calendar" ? he : fr,
       onClick: () => s(
         n === "calendar" ? "month-picker" : "calendar"
       ),
@@ -2891,10 +2911,10 @@ const ce = ({
   ),
   /* @__PURE__ */ _(B, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ c(
-      ut,
+      ft,
       {
-        leftIcon: Ct,
-        onClick: () => o(me(a, 1)),
+        leftIcon: Kt,
+        onClick: () => o(ge(a, 1)),
         disabled: l,
         "aria-label": t,
         size: d === "small" ? "medium" : "large",
@@ -2902,37 +2922,37 @@ const ce = ({
       }
     ),
     /* @__PURE__ */ c(
-      ut,
+      ft,
       {
         leftIcon: Pt,
-        onClick: () => o(Yt(a, 1)),
+        onClick: () => o(vt(a, 1)),
         "aria-label": e,
         size: d === "small" ? "medium" : "large",
         "data-testid": m
       }
     )
   ] })
-] }), Vn = "_travelDateCell_h6vcn_1", ts = "_small_h6vcn_4", es = "_medium_h6vcn_9", rs = "_large_h6vcn_14", ns = "_outline_h6vcn_26", ss = "_contentWrapper_h6vcn_39", is = "_disabled_h6vcn_60", os = "_isToday_h6vcn_63", cs = "_isSelectionStart_h6vcn_67", as = "_isSelectionEnd_h6vcn_68", ls = "_hover_h6vcn_83", ds = "_startSelected_h6vcn_86", us = "_endSelected_h6vcn_86", et = {
-  travelDateCell: Vn,
-  small: ts,
-  medium: es,
-  large: rs,
-  outline: ns,
-  contentWrapper: ss,
-  disabled: is,
-  isToday: os,
-  isSelectionStart: cs,
-  isSelectionEnd: as,
-  hover: ls,
-  startSelected: ds,
-  endSelected: us
-}, lt = qt("--lhds-color-red-100"), fs = (t, e, r, n, s, i) => {
+] }), es = "_travelDateCell_h6vcn_1", rs = "_small_h6vcn_4", ns = "_medium_h6vcn_9", ss = "_large_h6vcn_14", is = "_outline_h6vcn_26", os = "_contentWrapper_h6vcn_39", cs = "_disabled_h6vcn_60", as = "_isToday_h6vcn_63", ls = "_isSelectionStart_h6vcn_67", ds = "_isSelectionEnd_h6vcn_68", us = "_hover_h6vcn_83", fs = "_startSelected_h6vcn_86", hs = "_endSelected_h6vcn_86", rt = {
+  travelDateCell: es,
+  small: rs,
+  medium: ns,
+  large: ss,
+  outline: is,
+  contentWrapper: os,
+  disabled: cs,
+  isToday: as,
+  isSelectionStart: ls,
+  isSelectionEnd: ds,
+  hover: us,
+  startSelected: fs,
+  endSelected: hs
+}, dt = Jt("--lhds-color-red-100"), ms = (t, e, r, n, s, i) => {
   if (!s)
     return {
       left: "transparent",
       right: "transparent"
     };
-  if (e && r && P(e, r))
+  if (e && r && v(e, r))
     return {
       left: "transparent",
       right: "transparent"
@@ -2942,56 +2962,56 @@ const ce = ({
       left: "transparent",
       right: "transparent"
     };
-  const o = e && r ? V(t, e) && ot(t, r) && !P(t, e) && !P(t, r) : !1, a = e && n ? V(t, e) && ot(t, n) && !P(t, e) && !P(t, n) : !1;
+  const o = e && r ? V(t, e) && ct(t, r) && !v(t, e) && !v(t, r) : !1, a = e && n ? V(t, e) && ct(t, n) && !v(t, e) && !v(t, n) : !1;
   if (o)
     return {
-      left: lt,
-      right: lt
+      left: dt,
+      right: dt
     };
   if (e && r)
-    return P(t, e) ? {
+    return v(t, e) ? {
       left: "transparent",
-      right: lt
-    } : P(t, r) ? {
-      left: lt,
+      right: dt
+    } : v(t, r) ? {
+      left: dt,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
   if (e && n && V(n, e)) {
-    if (P(t, e))
+    if (v(t, e))
       return {
         left: "transparent",
-        right: lt
+        right: dt
       };
-    if (P(t, n))
+    if (v(t, n))
       return {
-        left: lt,
+        left: dt,
         right: "transparent"
       };
   }
   return a ? {
-    left: lt,
-    right: lt
+    left: dt,
+    right: dt
   } : {
     left: "transparent",
     right: "transparent"
   };
-}, hs = (t, e) => {
+}, gs = (t, e) => {
   switch (e) {
     case "PageUp":
-      return me(t, 1);
+      return ge(t, 1);
     case "PageDown":
-      return Yt(t, 1);
+      return vt(t, 1);
     case "Home":
-      return Ut(t);
+      return Ft(t);
     case "End":
-      return Z(Ut(t), 6);
+      return Z(Ft(t), 6);
     case "ArrowLeft":
-      return ht(t, 1);
+      return gt(t, 1);
     case "ArrowUp":
-      return ht(t, 7);
+      return gt(t, 7);
     case "ArrowRight":
       return Z(t, 1);
     case "ArrowDown":
@@ -2999,27 +3019,27 @@ const ce = ({
     default:
       return;
   }
-}, ee = (t, e) => v(He(t, 12), at.fullDate) + e, ms = "_travelDateCellBackground_1k07m_1", gs = "_small_1k07m_2", ps = "_medium_1k07m_7", Ds = "_large_1k07m_12", $t = {
-  travelDateCellBackground: ms,
-  small: gs,
-  medium: ps,
-  large: Ds
-}, bs = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(B, { children: [
+}, re = (t, e) => $(We(t, 12), lt.fullDate) + e, ps = "_travelDateCellBackground_1k07m_1", Ds = "_small_1k07m_2", bs = "_medium_1k07m_7", ws = "_large_1k07m_12", Ot = {
+  travelDateCellBackground: ps,
+  small: Ds,
+  medium: bs,
+  large: ws
+}, ys = ({ calendarSize: t, bgColorLeft: e, bgColorRight: r }) => /* @__PURE__ */ _(B, { children: [
   /* @__PURE__ */ c(
     L,
     {
-      className: Dt($t.travelDateCellBackground, $t[t]),
+      className: wt(Ot.travelDateCellBackground, Ot[t]),
       background: e
     }
   ),
   /* @__PURE__ */ c(
     L,
     {
-      className: Dt($t.travelDateCellBackground, $t[t]),
+      className: wt(Ot.travelDateCellBackground, Ot[t]),
       background: r
     }
   )
-] }), ws = ({
+] }), Ms = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: r,
@@ -3035,15 +3055,15 @@ const ce = ({
   calendarId: h,
   isDateDisabled: f,
   size: g,
-  dateTestId: w
+  dateTestId: p
 }) => {
-  const y = D(
+  const M = w(
     async (A) => {
-      var R;
-      const k = hs(n.date, A.key);
-      k && !f(k) && (a(k), ct(n.date, k) ? (R = document.getElementById(ee(k, h))) == null || R.focus() : (r(k), setTimeout(() => {
+      var k;
+      const T = gs(n.date, A.key);
+      T && !f(T) && (a(T), at(n.date, T) ? (k = document.getElementById(re(T, h))) == null || k.focus() : (r(T), setTimeout(() => {
         var Y;
-        (Y = document.getElementById(ee(k, h))) == null || Y.focus();
+        (Y = document.getElementById(re(T, h))) == null || Y.focus();
       }, 10))), (A.key === "Enter" || A.code === "Space") && t(n.date);
     },
     [
@@ -3054,60 +3074,60 @@ const ce = ({
       t,
       a
     ]
-  ), M = n.month === e.getMonth(), p = f(n.date), b = i ? P(i, n.date) : !1, S = o ? P(o, n.date) : !1, T = P(n.date, u), N = fs(
+  ), y = n.month === e.getMonth(), D = f(n.date), b = i ? v(i, n.date) : !1, S = o ? v(o, n.date) : !1, R = v(n.date, u), N = ms(
     n.date,
     i,
     o,
     d,
-    M,
+    y,
     s
   );
   return /* @__PURE__ */ _(
     "td",
     {
-      className: Dt(et.travelDateCell, et[g]),
-      onClick: p ? void 0 : () => t(n.date),
-      onMouseOver: p ? void 0 : () => M && a(n.date),
-      onMouseOut: p ? void 0 : () => M && l(n.date),
-      tabIndex: p ? void 0 : ys(
+      className: wt(rt.travelDateCell, rt[g]),
+      onClick: D ? void 0 : () => t(n.date),
+      onMouseOver: D ? void 0 : () => y && a(n.date),
+      onMouseOut: D ? void 0 : () => y && l(n.date),
+      tabIndex: D ? void 0 : ks(
         n,
         i,
-        T,
+        R,
         e,
         m
       ),
-      id: p ? void 0 : ee(n.date, h),
-      onKeyDown: p ? void 0 : y,
-      ...p ? void 0 : { "aria-selected": b || S },
-      "data-testid": w == null ? void 0 : w(n.date),
+      id: D ? void 0 : re(n.date, h),
+      onKeyDown: D ? void 0 : M,
+      ...D ? void 0 : { "aria-selected": b || S },
+      "data-testid": p == null ? void 0 : p(n.date),
       children: [
-        /* @__PURE__ */ c("div", { className: et.outline }),
+        /* @__PURE__ */ c("div", { className: rt.outline }),
         /* @__PURE__ */ c(
-          bs,
+          ys,
           {
             calendarSize: g,
             bgColorLeft: N.left,
             bgColorRight: N.right
           }
         ),
-        M && /* @__PURE__ */ c(
+        y && /* @__PURE__ */ c(
           "div",
           {
-            className: Dt(
-              et.contentWrapper,
-              T ? et.isToday : void 0,
-              i ? et.startSelected : void 0,
-              o ? et.endSelected : void 0,
-              d && P(d, n.date) ? et.hover : void 0,
-              b && et.isSelectionStart,
-              S && et.isSelectionEnd,
-              p && et.disabled
+            className: wt(
+              rt.contentWrapper,
+              R ? rt.isToday : void 0,
+              i ? rt.startSelected : void 0,
+              o ? rt.endSelected : void 0,
+              d && v(d, n.date) ? rt.hover : void 0,
+              b && rt.isSelectionStart,
+              S && rt.isSelectionEnd,
+              D && rt.disabled
             ),
             children: /* @__PURE__ */ c(
-              wt,
+              yt,
               {
                 variant: "bold",
-                color: p ? qt("--lhds-color-ui-500") : void 0,
+                color: D ? Jt("--lhds-color-ui-500") : void 0,
                 children: n.dayOfMonth
               }
             )
@@ -3116,12 +3136,12 @@ const ce = ({
       ]
     }
   );
-}, ys = (t, e, r, n, s) => {
-  const i = e ? ct(e, n) : !1;
-  return (e && i ? P(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
-}, Ms = "_travelCalendar_18pjj_1", ks = {
-  travelCalendar: Ms
-}, Zt = ({
+}, ks = (t, e, r, n, s) => {
+  const i = e ? at(e, n) : !1;
+  return (e && i ? v(t.date, e) : r) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
+}, Ss = "_travelCalendar_18pjj_1", Ts = {
+  travelCalendar: Ss
+}, Vt = ({
   visibleMonthData: t,
   onClickDate: e,
   setHoverDate: r,
@@ -3137,26 +3157,26 @@ const ce = ({
   todayIsInVisibleMonth: h,
   size: f = "medium",
   multiSelectable: g,
-  dateTestId: w
+  dateTestId: p
 }) => /* @__PURE__ */ c(
   "table",
   {
-    className: ks.travelCalendar,
+    className: Ts.travelCalendar,
     role: "grid",
     ...g ? { "aria-multiselectable": !0 } : void 0,
     children: /* @__PURE__ */ _("tbody", { children: [
-      /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((y) => /* @__PURE__ */ c("th", { abbr: y.fullName, children: /* @__PURE__ */ c(wt, { children: y.name }) }, y.name)) }),
-      t.weeks.map((y) => /* @__PURE__ */ c(pe.Fragment, { children: /* @__PURE__ */ c("tr", { children: y.days.map((M) => /* @__PURE__ */ c(
-        ws,
+      /* @__PURE__ */ c("tr", { children: t.weeks[0].days.map((M) => /* @__PURE__ */ c("th", { abbr: M.fullName, children: /* @__PURE__ */ c(yt, { children: M.name }) }, M.name)) }),
+      t.weeks.map((M) => /* @__PURE__ */ c(De.Fragment, { children: /* @__PURE__ */ c("tr", { children: M.days.map((y) => /* @__PURE__ */ c(
+        Ms,
         {
           size: f,
-          onClick: (p) => e(p),
+          onClick: (D) => e(D),
           visibleMonth: s,
           onChangeVisibleMonth: n,
           isValidDateRange: i,
-          day: M,
-          onStartHover: (p) => r(p),
-          onEndHover: (p) => r((b) => b && P(b, p) ? void 0 : b),
+          day: y,
+          onStartHover: (D) => r(D),
+          onEndHover: (D) => r((b) => b && v(b, D) ? void 0 : b),
           selectedStartDate: o,
           selectedEndDate: a,
           hoverDate: l,
@@ -3164,17 +3184,17 @@ const ce = ({
           todayIsInVisibleMonth: h,
           calendarId: u,
           isDateDisabled: m,
-          dateTestId: w
+          dateTestId: p
         },
-        M.dateString
-      )) }, y.weekNumber) }, y.weekNumber))
+        y.dateString
+      )) }, M.weekNumber) }, M.weekNumber))
     ] })
   }
-), Ss = "_travelDateRangeInput_1j7rp_1", Ts = "_overlay_1j7rp_2", Rs = "_calendarVisible_1j7rp_6", re = {
-  travelDateRangeInput: Ss,
-  overlay: Ts,
-  calendarVisible: Rs
-}, si = ({
+), Rs = "_travelDateRangeInput_1j7rp_1", Is = "_overlay_1j7rp_2", xs = "_calendarVisible_1j7rp_6", ne = {
+  travelDateRangeInput: Rs,
+  overlay: Is,
+  calendarVisible: xs
+}, oi = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3190,79 +3210,81 @@ const ce = ({
   numMonthsInMonthPicker: h = 12,
   firstMonthInMonthPicker: f = /* @__PURE__ */ new Date(),
   zIndex: g = 1e3,
-  zIndexWhenClosed: w,
-  onHideCalendar: y,
-  renderBelowCalendar: M,
-  size: p = "medium",
+  zIndexWhenClosed: p,
+  onHideCalendar: M,
+  renderBelowCalendar: y,
+  size: D = "medium",
   dateTestId: b,
   previousMonthButtonTestId: S,
-  nextMonthButtonTestId: T
+  nextMonthButtonTestId: R,
+  textInputVariant: N = "standard"
 }) => {
-  const [N, A] = I(!1), [k, R] = I(!1), [Y, G] = I({
+  const [A, T] = x(!1), [k, Y] = x(!1), [U, I] = x({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), E = p === "large" ? "8.8rem" : "6.6rem", $ = W(!1), z = D(() => {
-    $.current = !0, R(!0), setTimeout(() => {
-      A(!0);
+  }), C = D === "large" ? "8.8rem" : "6.6rem", F = O(!1), K = w(() => {
+    F.current = !0, Y(!0), setTimeout(() => {
+      T(!0);
     }, 10);
-  }, []), j = D(() => {
-    k && (A(!1), $.current = !1, y == null || y(), setTimeout(() => {
-      $.current || R(!1);
+  }, []), H = w(() => {
+    k && (T(!1), F.current = !1, M == null || M(), setTimeout(() => {
+      F.current || Y(!1);
     }, 120));
-  }, [k, y]), H = W(null), Q = W(null);
-  Ae(H, j), $e(() => {
-    var Rt, ye;
-    const U = (Rt = Q.current) == null ? void 0 : Rt.offsetWidth, F = (ye = Q.current) == null ? void 0 : ye.offsetHeight;
-    U != null && F != null && (Y.height !== F || Y.width !== U) && G({ width: U, height: F });
-  }, [Y.height, Y.width]);
-  const X = Ze(
+  }, [k, M]), q = O(null), G = O(null);
+  Ne(q, H), Ue(() => {
+    var It, Me;
+    const P = (It = G.current) == null ? void 0 : It.offsetWidth, ot = (Me = G.current) == null ? void 0 : Me.offsetHeight;
+    P != null && ot != null && (U.height !== ot || U.width !== P) && I({ width: P, height: ot });
+  }, [U.height, U.width]);
+  const Q = tr(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: nt,
-    visibleMonth: q,
-    onValueChangeByInputs: C,
-    setVisibleMonth: K,
+    visiblePanel: X,
+    visibleMonth: W,
+    onValueChangeByInputs: j,
+    setVisibleMonth: it,
     setVisiblePanel: st,
-    monthPickerButtonRef: it
-  } = X, O = D(
-    (U) => {
-      U.key === "Escape" && j();
+    monthPickerButtonRef: et
+  } = Q, z = w(
+    (P) => {
+      P.key === "Escape" && H();
     },
-    [j]
+    [H]
   );
   return /* @__PURE__ */ _(
     L,
     {
       position: "relative",
-      className: re.travelDateRangeInput,
-      ref: H,
-      onKeyDown: O,
-      height: Y.height,
-      width: Y.width,
+      className: ne.travelDateRangeInput,
+      ref: q,
+      onKeyDown: z,
+      height: U.height,
+      width: U.width,
       children: [
         /* @__PURE__ */ c(
           L,
           {
             position: "absolute",
-            ref: Q,
-            zIndex: k ? g : w,
+            ref: G,
+            zIndex: k ? g : p,
             children: /* @__PURE__ */ c(
-              Xe,
+              Ve,
               {
-                ...X,
+                ...Q,
                 value: t,
-                onValueChange: C,
+                onValueChange: j,
                 localeCode: s,
                 startDateLabel: r,
                 endDateLabel: n,
-                onFocus: z,
-                calendarSize: p,
+                onFocus: K,
+                calendarSize: D,
                 placeholderWhenBlurredStartDate: l,
-                placeholderWhenBlurredEndDate: d
+                placeholderWhenBlurredEndDate: d,
+                variant: N
               }
             )
           }
@@ -3274,54 +3296,54 @@ const ce = ({
             zIndex: g - 1,
             left: "-2.4rem",
             top: u ? "-8.0rem" : "-2.4rem",
-            className: Dt(re.overlay, N && re.calendarVisible),
+            className: wt(ne.overlay, A && ne.calendarVisible),
             children: /* @__PURE__ */ c(
               L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Le, { gap: 3, children: [
-                  u && /* @__PURE__ */ c(Lt, { variant: "h2", as: m, children: u }),
-                  /* @__PURE__ */ c(L, { height: E }),
+                children: /* @__PURE__ */ _(Pe, { gap: 3, children: [
+                  u && /* @__PURE__ */ c(Yt, { variant: "h2", as: m, children: u }),
+                  /* @__PURE__ */ c(L, { height: C }),
                   /* @__PURE__ */ c(
-                    Xt,
+                    Zt,
                     {
-                      ...X,
+                      ...Q,
                       previousMonthButtonAriaLabel: o,
                       nextMonthButtonAriaLabel: a,
-                      calendarSize: p,
+                      calendarSize: D,
                       previousMonthButtonTestId: S,
-                      nextMonthButtonTestId: T
+                      nextMonthButtonTestId: R
                     }
                   ),
-                  nt === "calendar" && /* @__PURE__ */ c(
-                    Zt,
+                  X === "calendar" && /* @__PURE__ */ c(
+                    Vt,
                     {
-                      ...X,
-                      size: p,
+                      ...Q,
+                      size: D,
                       multiSelectable: !0,
                       dateTestId: b
                     }
                   ),
-                  nt === "month-picker" && /* @__PURE__ */ c(
-                    vt,
+                  X === "month-picker" && /* @__PURE__ */ c(
+                    Ht,
                     {
                       firstMonth: f,
                       numMonths: h,
-                      value: q,
-                      size: p,
-                      onValueChange: (U) => {
-                        var F;
-                        K(U), st("calendar"), (F = it.current) == null || F.focus();
+                      value: W,
+                      size: D,
+                      onValueChange: (P) => {
+                        var ot;
+                        it(P), st("calendar"), (ot = et.current) == null || ot.focus();
                       },
                       onCancel: () => {
-                        var U;
-                        st("calendar"), (U = it.current) == null || U.focus();
+                        var P;
+                        st("calendar"), (P = et.current) == null || P.focus();
                       }
                     }
                   ),
-                  M == null ? void 0 : M({ hideCalendar: j })
+                  y == null ? void 0 : y({ hideCalendar: H })
                 ] })
               }
             )
@@ -3330,11 +3352,11 @@ const ce = ({
       ]
     }
   );
-}, Is = "_travelDateInput_hmfbf_1", xs = "_overlay_hmfbf_2", Es = "_calendarVisible_hmfbf_6", ne = {
-  travelDateInput: Is,
-  overlay: xs,
-  calendarVisible: Es
-}, Ve = ({
+}, Es = "_travelDateInput_hmfbf_1", As = "_overlay_hmfbf_2", _s = "_calendarVisible_hmfbf_6", se = {
+  travelDateInput: Es,
+  overlay: As,
+  calendarVisible: _s
+}, er = ({
   value: t,
   onValueChange: e,
   label: r = "Date",
@@ -3342,93 +3364,95 @@ const ce = ({
   onFocus: s,
   calendarSize: i,
   placeholderWhenBlurred: o,
-  valueWhenBlurred: a
+  valueWhenBlurred: a,
+  variant: l
 }) => {
-  const { mask: l, placeholder: d } = x(() => {
-    const u = Tt(n);
+  const { mask: d, placeholder: u } = E(() => {
+    const m = Rt(n);
     return {
-      mask: Je(u),
-      placeholder: u.toLowerCase()
+      mask: Qe(m),
+      placeholder: m.toLowerCase()
     };
   }, [n]);
   return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(
-    ce,
+    ae,
     {
-      mask: l,
+      mask: d,
       value: t,
       onValueChange: e,
-      onBlur: (u) => {
-        const m = ae(u.target.value, n);
-        m && m !== t && (e == null || e(m));
+      onBlur: (m) => {
+        const h = le(m.target.value, n);
+        h && h !== t && (e == null || e(h));
       },
       onFocus: s,
       label: r,
-      placeholder: d,
+      placeholder: u,
       calendarSize: i,
       placeholderWhenBlurred: o,
-      valueWhenBlurred: a
+      valueWhenBlurred: a,
+      variant: l
     }
   ) });
-}, tr = (t, e, r, n) => {
-  const s = Qt(r) ?? Qe(), i = De(), o = we(), a = W(null), l = x(
-    () => Tt(r),
+}, rr = (t, e, r, n) => {
+  const s = Xt(r) ?? Ze(), i = be(), o = ye(), a = O(null), l = E(
+    () => Rt(r),
     [r]
-  ), d = x(
-    () => (t == null ? void 0 : t.length) === l.length ? gt(t, r) : void 0,
+  ), d = E(
+    () => (t == null ? void 0 : t.length) === l.length ? Dt(t, r) : void 0,
     [l.length, r, t]
-  ), u = x(
-    () => d != null ? le(d, o, s) : void 0,
+  ), u = E(
+    () => d != null ? de(d, o, s) : void 0,
     [s, d, o]
-  ), [m, h] = I(
+  ), [m, h] = x(
     n ?? d ?? /* @__PURE__ */ new Date()
-  ), f = D(
-    (R) => {
-      ct(R, o) || V(R, o) ? h(R) : h(o);
+  ), f = w(
+    (k) => {
+      at(k, o) || V(k, o) ? h(k) : h(o);
     },
     [o]
-  ), g = x(
-    () => Jt(
+  ), g = E(
+    () => Gt(
       m.getFullYear(),
       m.getMonth(),
       s
     ),
     [s, m]
-  ), w = x(() => _t(v(m, "MMMM yyyy", { locale: s })), [s, m]), y = x(() => ct(o, m), [o, m]), [M, p] = I(), [b, S] = I("calendar"), T = D(
-    (R) => {
-      const Y = (R == null ? void 0 : R.length) === l.length ? gt(R, r) : void 0;
-      Y && f(Y), e == null || e(R);
+  ), p = E(() => Nt($(m, "MMMM yyyy", { locale: s })), [s, m]), M = E(() => at(o, m), [o, m]), [y, D] = x(), [b, S] = x("calendar"), R = w(
+    (k) => {
+      const Y = (k == null ? void 0 : k.length) === l.length ? Dt(k, r) : void 0;
+      Y && f(Y), e == null || e(k);
     },
     [l.length, r, e, f]
-  ), N = x(
-    () => ct(o, m) || ot(m, o),
+  ), N = E(
+    () => at(o, m) || ct(m, o),
     [o, m]
   );
   return {
-    isDateDisabled: D(
-      (R) => !P(R, o) && ot(R, o),
+    isDateDisabled: w(
+      (k) => !v(k, o) && ct(k, o),
       [o]
     ),
-    onClickDate: (R) => {
-      e == null || e(It(R, r));
+    onClickDate: (k) => {
+      e == null || e(xt(k, r));
     },
-    onValueChangeByInputs: T,
+    onValueChangeByInputs: R,
     prevMonthDisabled: N,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: w,
+    monthPickerButtonLabel: p,
     visiblePanel: b,
     setVisiblePanel: S,
     setVisibleMonth: h,
     visibleMonthData: g,
-    todayIsInVisibleMonth: y,
-    hoverDate: M,
-    setHoverDate: p,
+    todayIsInVisibleMonth: M,
+    hoverDate: y,
+    setHoverDate: D,
     selectedDate: d,
     today: o,
     visibleMonth: m,
     valueWhenBlurred: u
   };
-}, ii = ({
+}, ci = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3444,56 +3468,57 @@ const ce = ({
   zIndex: h = 1e3,
   zIndexWhenClosed: f,
   onHideCalendar: g,
-  renderBelowCalendar: w,
-  size: y = "medium",
-  dateTestId: M,
-  previousMonthButtonTestId: p,
-  nextMonthButtonTestId: b
+  renderBelowCalendar: p,
+  size: M = "medium",
+  dateTestId: y,
+  previousMonthButtonTestId: D,
+  nextMonthButtonTestId: b,
+  textInputVariant: S = "standard"
 }) => {
-  const [S, T] = I(!1), [N, A] = I(!1), [k, R] = I({
+  const [R, N] = x(!1), [A, T] = x(!1), [k, Y] = x({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), Y = y === "large" ? "8.8rem" : "6.6rem", G = W(!1), E = D(() => {
-    G.current = !0, A(!0), setTimeout(() => {
-      T(!0);
+  }), U = M === "large" ? "8.8rem" : "6.6rem", I = O(!1), C = w(() => {
+    I.current = !0, T(!0), setTimeout(() => {
+      N(!0);
     }, 10);
-  }, []), $ = D(() => {
-    N && (T(!1), G.current = !1, g == null || g(), setTimeout(() => {
-      G.current || A(!1);
+  }, []), F = w(() => {
+    A && (N(!1), I.current = !1, g == null || g(), setTimeout(() => {
+      I.current || T(!1);
     }, 120));
-  }, [N, g]), z = W(null), j = W(null);
-  Ae(z, $), $e(() => {
-    var F, Rt;
-    const O = (F = j.current) == null ? void 0 : F.offsetWidth, U = (Rt = j.current) == null ? void 0 : Rt.offsetHeight;
-    O != null && U != null && (k.height !== U || k.width !== O) && R({ width: O, height: U });
+  }, [A, g]), K = O(null), H = O(null);
+  Ne(K, F), Ue(() => {
+    var ot, It;
+    const z = (ot = H.current) == null ? void 0 : ot.offsetWidth, P = (It = H.current) == null ? void 0 : It.offsetHeight;
+    z != null && P != null && (k.height !== P || k.width !== z) && Y({ width: z, height: P });
   }, [k.height, k.width]);
-  const H = tr(
+  const q = rr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: Q,
-    visibleMonth: X,
-    onValueChangeByInputs: nt,
-    selectedDate: q,
-    setVisibleMonth: C,
-    setVisiblePanel: K,
+    visiblePanel: G,
+    visibleMonth: Q,
+    onValueChangeByInputs: X,
+    selectedDate: W,
+    setVisibleMonth: j,
+    setVisiblePanel: it,
     monthPickerButtonRef: st
-  } = H, it = D(
-    (O) => {
-      O.key === "Escape" && $();
+  } = q, et = w(
+    (z) => {
+      z.key === "Escape" && F();
     },
-    [$]
+    [F]
   );
   return /* @__PURE__ */ _(
     L,
     {
       position: "relative",
-      className: ne.travelDateInput,
-      ref: z,
-      onKeyDown: it,
+      className: se.travelDateInput,
+      ref: K,
+      onKeyDown: et,
       height: k.height,
       width: k.width,
       children: [
@@ -3501,81 +3526,82 @@ const ce = ({
           L,
           {
             position: "absolute",
-            ref: j,
-            zIndex: N ? h : f,
+            ref: H,
+            zIndex: A ? h : f,
             children: /* @__PURE__ */ c(
-              Ve,
+              er,
               {
-                ...H,
+                ...q,
                 value: t,
-                onValueChange: nt,
+                onValueChange: X,
                 localeCode: n,
                 label: r,
-                onFocus: E,
-                calendarSize: y,
-                placeholderWhenBlurred: a
+                onFocus: C,
+                calendarSize: M,
+                placeholderWhenBlurred: a,
+                variant: S
               }
             )
           }
         ),
-        N && /* @__PURE__ */ c(
+        A && /* @__PURE__ */ c(
           L,
           {
             position: "absolute",
             zIndex: h - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: Dt(ne.overlay, S && ne.calendarVisible),
+            className: wt(se.overlay, R && se.calendarVisible),
             children: /* @__PURE__ */ c(
               L,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ _(Le, { gap: 3, children: [
-                  l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ c(L, { height: Y }),
+                children: /* @__PURE__ */ _(Pe, { gap: 3, children: [
+                  l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
+                  /* @__PURE__ */ c(L, { height: U }),
                   /* @__PURE__ */ c(
-                    Xt,
+                    Zt,
                     {
-                      ...H,
+                      ...q,
                       previousMonthButtonAriaLabel: i,
                       nextMonthButtonAriaLabel: o,
-                      calendarSize: y,
-                      previousMonthButtonTestId: p,
+                      calendarSize: M,
+                      previousMonthButtonTestId: D,
                       nextMonthButtonTestId: b
                     }
                   ),
-                  Q === "calendar" && /* @__PURE__ */ c(
-                    Zt,
+                  G === "calendar" && /* @__PURE__ */ c(
+                    Vt,
                     {
-                      ...H,
-                      size: y,
-                      isValidDateRange: !!q,
-                      selectedStartDate: q,
-                      selectedEndDate: q,
+                      ...q,
+                      size: M,
+                      isValidDateRange: !!W,
+                      selectedStartDate: W,
+                      selectedEndDate: W,
                       multiSelectable: !1,
-                      dateTestId: M
+                      dateTestId: y
                     }
                   ),
-                  Q === "month-picker" && /* @__PURE__ */ c(
-                    vt,
+                  G === "month-picker" && /* @__PURE__ */ c(
+                    Ht,
                     {
                       firstMonth: m,
                       numMonths: u,
-                      value: X,
-                      size: y,
-                      onValueChange: (O) => {
-                        var U;
-                        C(O), K("calendar"), (U = st.current) == null || U.focus();
+                      value: Q,
+                      size: M,
+                      onValueChange: (z) => {
+                        var P;
+                        j(z), it("calendar"), (P = st.current) == null || P.focus();
                       },
                       onCancel: () => {
-                        var O;
-                        K("calendar"), (O = st.current) == null || O.focus();
+                        var z;
+                        it("calendar"), (z = st.current) == null || z.focus();
                       }
                     }
                   ),
-                  w == null ? void 0 : w({ hideCalendar: $ })
+                  p == null ? void 0 : p({ hideCalendar: F })
                 ] })
               }
             )
@@ -3584,7 +3610,7 @@ const ce = ({
       ]
     }
   );
-}, oi = ({
+}, ai = ({
   value: t,
   onValueChange: e,
   label: r,
@@ -3600,78 +3626,80 @@ const ce = ({
   dateTestId: h,
   size: f = "medium",
   previousMonthButtonTestId: g,
-  nextMonthButtonTestId: w
+  nextMonthButtonTestId: p,
+  textInputVariant: M = "standard"
 }) => {
-  const y = tr(
+  const y = rr(
     t,
     e,
     n,
     s
   ), {
-    visiblePanel: M,
-    visibleMonth: p,
-    onValueChangeByInputs: b,
-    setVisibleMonth: S,
-    setVisiblePanel: T,
-    monthPickerButtonRef: N,
-    selectedDate: A
+    visiblePanel: D,
+    visibleMonth: b,
+    onValueChangeByInputs: S,
+    setVisibleMonth: R,
+    setVisiblePanel: N,
+    monthPickerButtonRef: A,
+    selectedDate: T
   } = y;
   return /* @__PURE__ */ _(J, { gap: 3, children: [
-    l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
+    l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ c(
-      Ve,
+      er,
       {
         ...y,
         value: t,
-        onValueChange: b,
+        onValueChange: S,
         localeCode: n,
         label: r,
         calendarSize: f,
-        placeholderWhenBlurred: a
+        placeholderWhenBlurred: a,
+        variant: M
       }
     ),
     /* @__PURE__ */ c(
-      Xt,
+      Zt,
       {
         ...y,
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: o,
         calendarSize: f,
         previousMonthButtonTestId: g,
-        nextMonthButtonTestId: w
+        nextMonthButtonTestId: p
       }
     ),
-    M === "calendar" && /* @__PURE__ */ c(
-      Zt,
+    D === "calendar" && /* @__PURE__ */ c(
+      Vt,
       {
         ...y,
         size: f,
-        selectedStartDate: A,
-        selectedEndDate: A,
-        isValidDateRange: !!A,
+        selectedStartDate: T,
+        selectedEndDate: T,
+        isValidDateRange: !!T,
         multiSelectable: !1,
         dateTestId: h
       }
     ),
-    M === "month-picker" && /* @__PURE__ */ c(
-      vt,
+    D === "month-picker" && /* @__PURE__ */ c(
+      Ht,
       {
         firstMonth: m,
         numMonths: u,
-        value: p,
+        value: b,
         size: f,
         onValueChange: (k) => {
-          var R;
-          S(k), T("calendar"), (R = N.current) == null || R.focus();
+          var Y;
+          R(k), N("calendar"), (Y = A.current) == null || Y.focus();
         },
         onCancel: () => {
           var k;
-          T("calendar"), (k = N.current) == null || k.focus();
+          N("calendar"), (k = A.current) == null || k.focus();
         }
       }
     )
   ] });
-}, ci = ({
+}, li = ({
   value: t,
   onValueChange: e,
   startDateLabel: r,
@@ -3687,139 +3715,141 @@ const ce = ({
   size: h = "medium",
   dateTestId: f,
   previousMonthButtonTestId: g,
-  nextMonthButtonTestId: w,
-  placeholderWhenBlurredStartDate: y,
-  placeholderWhenBlurredEndDate: M
+  nextMonthButtonTestId: p,
+  placeholderWhenBlurredStartDate: M,
+  placeholderWhenBlurredEndDate: y,
+  textInputVariant: D = "standard"
 }) => {
-  const p = Ze(
+  const b = tr(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: b,
-    visibleMonth: S,
-    onValueChangeByInputs: T,
-    setVisibleMonth: N,
-    setVisiblePanel: A,
+    visiblePanel: S,
+    visibleMonth: R,
+    onValueChangeByInputs: N,
+    setVisibleMonth: A,
+    setVisiblePanel: T,
     monthPickerButtonRef: k
-  } = p;
+  } = b;
   return /* @__PURE__ */ _(J, { gap: 3, children: [
-    l && /* @__PURE__ */ c(Lt, { variant: "h2", as: d, children: l }),
+    l && /* @__PURE__ */ c(Yt, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ c(
-      Xe,
+      Ve,
       {
-        ...p,
+        ...b,
         value: t,
-        onValueChange: T,
+        onValueChange: N,
         localeCode: s,
         startDateLabel: r,
         endDateLabel: n,
         calendarSize: h,
-        placeholderWhenBlurredStartDate: y,
-        placeholderWhenBlurredEndDate: M
+        placeholderWhenBlurredStartDate: M,
+        placeholderWhenBlurredEndDate: y,
+        variant: D
       }
     ),
     /* @__PURE__ */ c(
-      Xt,
+      Zt,
       {
-        ...p,
+        ...b,
         previousMonthButtonAriaLabel: o,
         nextMonthButtonAriaLabel: a,
         calendarSize: h,
         previousMonthButtonTestId: g,
-        nextMonthButtonTestId: w
+        nextMonthButtonTestId: p
       }
     ),
-    b === "calendar" && /* @__PURE__ */ c(
-      Zt,
+    S === "calendar" && /* @__PURE__ */ c(
+      Vt,
       {
-        ...p,
+        ...b,
         size: h,
         multiSelectable: !0,
         dateTestId: f
       }
     ),
-    b === "month-picker" && /* @__PURE__ */ c(
-      vt,
+    S === "month-picker" && /* @__PURE__ */ c(
+      Ht,
       {
         firstMonth: m,
         numMonths: u,
-        value: S,
+        value: R,
         size: h,
-        onValueChange: (R) => {
-          var Y;
-          N(R), A("calendar"), (Y = k.current) == null || Y.focus();
+        onValueChange: (Y) => {
+          var U;
+          A(Y), T("calendar"), (U = k.current) == null || U.focus();
         },
         onCancel: () => {
-          var R;
-          A("calendar"), (R = k.current) == null || R.focus();
+          var Y;
+          T("calendar"), (Y = k.current) == null || Y.focus();
         }
       }
     )
   ] });
 };
 export {
-  ie as Calendar,
-  Ue as CalendarDay,
-  Xs as DateInput,
-  qs as DateRangeCalendar,
-  ni as DateRangeDualTextInput,
-  Zs as DateRangeInput,
-  Vs as DateTextInput,
-  ei as DateTimeInput,
-  Wr as Month,
-  vt as MonthPicker,
-  Gs as MultiDateCalendar,
-  fn as PresetPicker,
-  Ke as SingleDateCalendar,
-  Qs as SingleWeekCalendar,
-  ti as TimeTextInput,
-  oi as TravelDateCalendar,
-  ii as TravelDateInput,
-  ci as TravelDateRangeCalendar,
-  si as TravelDateRangeInput,
-  $r as WeekDay,
-  Gr as WeekDayCell,
-  Xr as WeekNumberCell,
-  ri as YearPicker,
-  ft as addDayStateHighlights,
-  Oe as addDayStateHighlightsOnSingleDay,
-  vr as addWeekRangeHighlights,
-  Cs as addWeekStateHighlights,
-  Nt as buildDayStateForDateRange,
-  Br as buildDayStateForRange,
-  Yr as buildDayStateForSingleMonth,
-  jr as calculateOverflowingMonth,
-  Ur as createDay,
-  bn as dateRangeToStrings,
-  zr as dayHasHighlight,
-  dt as dayHighlightSelect,
-  yt as defaultCalendarTheme,
-  Jr as defaultTextPropsProvider,
-  qr as defaultWrapperStyleProvider,
-  Ks as extranetCalendarTheme,
-  It as formatLocalizedDate,
-  Tt as getDateFormatForLocaleCode,
-  Fr as getDaysForWeekForDate,
-  Qe as getDefaultLocaleForFormatting,
-  Qt as getLocaleForLocaleCode,
-  Jt as getMonthInYear,
-  Te as getMonthsInYear,
-  be as getWeekForDate,
-  Or as getWeeksForMonth,
-  je as isDateRangeInvalid,
-  gt as parseLocalizedDateString,
-  ae as reformatLocalizedDateString,
-  Fs as setDayStateValue,
-  js as setDayStateValueFunction,
-  wn as stringsToDateRange,
-  zs as toggleDateStringsIfEndIsEarlierThanStart,
-  Ce as toggleDatesIfEndIsEarlierThanStart,
-  Js as useDateRangeCalendarState,
-  Mn as useDateRangeSelection,
-  Sn as useMultiDateSelection,
-  kn as useSingleDateSelection,
-  Tn as useSingleWeekSelection
+  oe as Calendar,
+  je as CalendarDay,
+  Vs as DateInput,
+  Gs as DateRangeCalendar,
+  ii as DateRangeDualTextInput,
+  ti as DateRangeInput,
+  ei as DateTextInput,
+  ni as DateTimeInput,
+  Ur as Month,
+  Ht as MonthPicker,
+  Xs as MultiDateCalendar,
+  gn as PresetPicker,
+  qe as SingleDateCalendar,
+  Zs as SingleWeekCalendar,
+  ri as TimeTextInput,
+  ai as TravelDateCalendar,
+  ci as TravelDateInput,
+  li as TravelDateRangeCalendar,
+  oi as TravelDateRangeInput,
+  Fr as WeekDay,
+  Zr as WeekDayCell,
+  tn as WeekNumberCell,
+  si as YearPicker,
+  ht as addDayStateHighlights,
+  Fe as addDayStateHighlightsOnSingleDay,
+  Wr as addWeekRangeHighlights,
+  zs as addWeekStateHighlights,
+  Lt as buildDayStateForDateRange,
+  $r as buildDayStateForRange,
+  Hr as buildDayStateForSingleMonth,
+  zr as calculateOverflowingMonth,
+  Cr as createDay,
+  Mn as dateRangeToStrings,
+  Gr as dayHasHighlight,
+  ut as dayHighlightSelect,
+  Mt as defaultCalendarTheme,
+  Xr as defaultTextPropsProvider,
+  Qr as defaultWrapperStyleProvider,
+  qs as extranetCalendarTheme,
+  xt as formatLocalizedDate,
+  Rt as getDateFormatForLocaleCode,
+  Kr as getDaysForWeekForDate,
+  Ze as getDefaultLocaleForFormatting,
+  Xt as getLocaleForLocaleCode,
+  Gt as getMonthInYear,
+  Re as getMonthsInYear,
+  we as getWeekForDate,
+  jr as getWeeksForMonth,
+  Ke as isDateRangeInvalid,
+  Dt as parseLocalizedDateString,
+  le as reformatLocalizedDateString,
+  Cs as setDayStateValue,
+  Ks as setDayStateValueFunction,
+  kn as stringsToDateRange,
+  Js as toggleDateStringsIfEndIsEarlierThanStart,
+  ze as toggleDatesIfEndIsEarlierThanStart,
+  Qs as useDateRangeCalendarState,
+  Tn as useDateRangeSelection,
+  In as useMultiDateSelection,
+  Rn as useSingleDateSelection,
+  xn as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map