@stenajs-webui/calendar 20.13.1 → 20.14.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_1g60o_1{position:relative;width:48px;height:48px;border-radius:var(--swui-max-border-radius)}._travelDateCell_1g60o_1:focus{outline:none}._travelDateCell_1g60o_1:focus-visible ._outline_1g60o_13{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_1g60o_1:focus-visible ._contentWrapper_1g60o_26._contentWrapper_1g60o_26._contentWrapper_1g60o_26{border-color:transparent}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26{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_1g60o_1 ._contentWrapper_1g60o_26._disabled_1g60o_47{cursor:not-allowed}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isToday_1g60o_50{border-color:var(--lhds-color-ui-400)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54,._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionEnd_1g60o_55{border-color:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54{background:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionStart_1g60o_54 span{color:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._isSelectionEnd_1g60o_55:not(._isSelectionStart_1g60o_54){background:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70{border-color:var(--modern-red)}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70._startSelected_1g60o_73:not(._endSelected_1g60o_73):not(._isSelectionStart_1g60o_54){background:#fff}._travelDateCell_1g60o_1 ._contentWrapper_1g60o_26._hover_1g60o_70._startSelected_1g60o_73:not(._endSelected_1g60o_73):not(._isSelectionStart_1g60o_54) span{color:var(--swui-text-primary-color)}._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 o, jsxs as x, Fragment as Ht } from "react/jsx-runtime";
-import { Box as L, Text as pt, Clickable as ke, Row as B, Spacing as Xe, Column as C, Heading as Rt, Space as Dt, Indent as Mt, SeparatorLine as Ze, parseIntElseUndefined as ge, useBoolean as ne, useDelayedFalse as re, useOnClickOutside as Se } from "@stenajs-webui/core";
-import { FlatButton as q, stenaAngleDown as ae, PrimaryButton as bt, stenaAngleLeft as Ve, stenaAngleRight as tn, SecondaryButton as ct, stenaAngleLeftDouble as en, stenaArrowLeft as vt, stenaArrowRight as Et, stenaAngleRightDouble as nn, TextInputButton as rn, stenaCalendar as kt, Icon as Te, stenaArrowWideRight as sn, stenaClock as Ie, stenaAngleUp as on, CardBody as Re } from "@stenajs-webui/elements";
-import { isAfter as G, eachDayOfInterval as Ee, isSameDay as P, endOfMonth as xe, startOfMonth as Ae, min as cn, addDays as J, max as an, subDays as lt, format as W, getISOWeek as le, getDate as zt, startOfWeek as $t, addWeeks as ln, getMonth as dt, getWeek as Ne, getYear as St, getISODay as dn, addHours as Le, isBefore as nt, parse as ft, addMonths as xt, isSameMonth as rt, addYears as un, subMonths as de, subYears as fn, setWeek as hn, isValid as pn } from "date-fns";
-import { enGB as Ft, enUS as mn, deAT as gn, de as De, fr as Dn, es as bn, sv as wn, pl as yn, da as Mn, nl as kn, nb as Sn } from "date-fns/locale";
-import { last as Tn, startCase as Tt, chunk as _e, debounce as In, padStart as Rn, range as ue } from "lodash-es";
-import * as fe from "react";
-import { useMemo as R, useRef as $, useEffect as X, useCallback as D, useId as he, useState as T, useLayoutEffect as Pe } from "react";
-import jt from "classnames";
-import Xt from "@emotion/styled";
-import { TextInput as ht, TextInputBox as En, LabelledTextInput as xn } from "@stenajs-webui/forms";
-import { useTippyInstance as An, Popover as At } from "@stenajs-webui/tooltip";
-import { cssColor as Ct } from "@stenajs-webui/theme";
-import { useMaskedInput as Nn } from "@stenajs-webui/input-mask";
-const st = {
+(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_1njsn_1{position:relative}._travelDateCell_1njsn_1._small_1njsn_4{width:40px;height:40px}._travelDateCell_1njsn_1._medium_1njsn_9{width:48px;height:48px}._travelDateCell_1njsn_1._large_1njsn_14{width:64px;height:64px}._travelDateCell_1njsn_1{border-radius:var(--swui-max-border-radius)}._travelDateCell_1njsn_1:focus{outline:none}._travelDateCell_1njsn_1:focus-visible ._outline_1njsn_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_1njsn_1:focus-visible ._contentWrapper_1njsn_39._contentWrapper_1njsn_39._contentWrapper_1njsn_39{border-color:transparent}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_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_1njsn_1 ._contentWrapper_1njsn_39._disabled_1njsn_60{cursor:not-allowed}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isToday_1njsn_63{border-color:var(--lhds-color-ui-400)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67,._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionEnd_1njsn_68{border-color:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67{background:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionStart_1njsn_67 span{color:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._isSelectionEnd_1njsn_68:not(._isSelectionStart_1njsn_67){background:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83{border-color:var(--modern-red)}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83._startSelected_1njsn_86:not(._endSelected_1njsn_86):not(._isSelectionStart_1njsn_67){background:#fff}._travelDateCell_1njsn_1 ._contentWrapper_1njsn_39._hover_1njsn_83._startSelected_1njsn_86:not(._endSelected_1njsn_86):not(._isSelectionStart_1njsn_67) span{color:var(--swui-text-primary-color)}._travelDateCellBackground_1xm0q_1._small_1xm0q_2{width:20px;height:40px}._travelDateCellBackground_1xm0q_1._medium_1xm0q_7{width:24px;height:48px}._travelDateCellBackground_1xm0q_1._large_1xm0q_12{width:32px;height:64px}._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 o, jsxs as E, Fragment as Wt } from "react/jsx-runtime";
+import { Box as A, Text as Dt, Clickable as Te, Row as B, Spacing as Ve, Column as z, Heading as _t, exhaustSwitchCase as le, Space as yt, Indent as Tt, SeparatorLine as tn, parseIntElseUndefined as be, useBoolean as re, useDelayedFalse as se, useOnClickOutside as Ie } from "@stenajs-webui/core";
+import { FlatButton as G, stenaAngleDown as de, PrimaryButton as Mt, stenaAngleLeft as en, stenaAngleRight as nn, SecondaryButton as at, stenaAngleLeftDouble as rn, stenaArrowLeft as Ft, stenaArrowRight as Nt, stenaAngleRightDouble as sn, TextInputButton as on, stenaCalendar as It, Icon as Re, stenaArrowWideRight as cn, stenaClock as xe, stenaAngleUp as an, CardBody as Ee } from "@stenajs-webui/elements";
+import { isAfter as q, eachDayOfInterval as _e, isSameDay as P, endOfMonth as Ne, startOfMonth as Ae, min as ln, addDays as J, max as dn, subDays as ut, format as j, getISOWeek as ue, getDate as Ct, startOfWeek as jt, addWeeks as un, getMonth as ft, getWeek as Le, getYear as Rt, getISODay as fn, addHours as Pe, isBefore as rt, parse as mt, addMonths as At, isSameMonth as st, addYears as hn, subMonths as fe, subYears as mn, setWeek as gn, isValid as pn } from "date-fns";
+import { enGB as zt, enUS as Dn, deAT as bn, de as we, fr as wn, es as yn, sv as Mn, pl as kn, da as Sn, nl as Tn, nb as In } from "date-fns/locale";
+import { last as Rn, startCase as xt, chunk as Ye, debounce as xn, padStart as En, range as he } from "lodash-es";
+import * as me from "react";
+import { useMemo as x, useRef as W, useEffect as Z, useCallback as D, useId as ge, useState as I, useLayoutEffect as Be } from "react";
+import gt from "classnames";
+import Zt from "@emotion/styled";
+import { TextInput as pt, TextInputBox as _n, LabelledTextInput as Nn } from "@stenajs-webui/forms";
+import { useTippyInstance as An, Popover as Lt } from "@stenajs-webui/tooltip";
+import { cssColor as Kt } from "@stenajs-webui/theme";
+import { useMaskedInput as Ln } from "@stenajs-webui/input-mask";
+const it = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -27,29 +27,29 @@ const st = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, It = (t = {}, e, n) => {
-  if (e && n && G(n, e))
-    return Ee({ start: e, end: n }).reduce(
+}, Et = (t = {}, e, n) => {
+  if (e && n && q(n, e))
+    return _e({ start: e, end: n }).reduce(
       (s, i) => {
         const c = P(i, e), a = P(i, n);
-        return at(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
+        return lt(s, i, c ? ["selected", "selectedStart", "range"] : a ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let r = t;
-  return e && (r = at(r, e, ["selected", "singleSelected"])), n && (r = at(r, n, ["selected", "singleSelected"])), r;
-}, Ln = (t = {}, e, n, r) => _n(
+  return e && (r = lt(r, e, ["selected", "singleSelected"])), n && (r = lt(r, n, ["selected", "singleSelected"])), r;
+}, Pn = (t = {}, e, n, r) => Yn(
   t,
   e,
   n,
   Ae(r),
-  xe(r)
-), _n = (t = {}, e, n, r, s) => e && n ? It(
+  Ne(r)
+), Yn = (t = {}, e, n, r, s) => e && n ? Et(
   t,
-  an([e, lt(r, 1)]),
-  cn([n, J(s, 1)])
-) : It(t, e, n), Es = (t, e, n) => {
-  const r = W(e, st.yearAndMonth), s = le(e), i = zt(e);
+  dn([e, ut(r, 1)]),
+  ln([n, J(s, 1)])
+) : Et(t, e, n), js = (t, e, n) => {
+  const r = j(e, it.yearAndMonth), s = ue(e), i = Ct(e);
   return {
     ...t,
     [r]: {
@@ -63,8 +63,8 @@ const st = {
       }
     }
   };
-}, xs = (t, e, n) => {
-  const r = W(e, st.yearAndMonth), s = le(e), i = zt(e);
+}, Us = (t, e, n) => {
+  const r = j(e, it.yearAndMonth), s = ue(e), i = Ct(e);
   return {
     ...t,
     [r]: {
@@ -80,26 +80,26 @@ const st = {
       }
     }
   };
-}, at = (t, e, n) => {
-  const r = e.getMonth() + 1, s = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, i = le(e), c = zt(e), a = t && t[s] && t[s][i] && t[s][i][c];
+}, lt = (t, e, n) => {
+  const r = e.getMonth() + 1, s = `${e.getFullYear()}-${r < 10 ? "0" : ""}${r}`, i = ue(e), c = Ct(e), a = t && t[s] && t[s][i] && t[s][i][c];
   return {
     ...t,
     [s]: {
       ...t && t[s],
       [i]: {
         ...t && t[s] && t[s][i],
-        [c]: Ye(a, n)
+        [c]: $e(a, n)
       }
     }
   };
-}, Ye = (t, e) => ({
+}, $e = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), As = (t, e, n) => {
+}), vs = (t, e, n) => {
   const r = e.days[0].date, s = r.getMonth() + 1, i = `${r.getFullYear()}-${s < 10 ? "0" : ""}${s}`, c = e.weekNumber;
   let a = t;
-  e.days.forEach((p) => {
-    a = at(a, p.date, n);
+  e.days.forEach((m) => {
+    a = lt(a, m.date, n);
   });
   const l = a && a[i] ? a[i][c] : void 0, d = l && l.highlights ? [...l.highlights, ...n] : n, u = {
     ...l,
@@ -112,78 +112,78 @@ const st = {
       [c]: u
     }
   };
-}, Pn = (t, e) => {
+}, Bn = (t, e) => {
   var s;
   if (!e.days.length)
     return { ...t };
-  const n = e.days[0].date, r = (s = Tn(e.days)) == null ? void 0 : s.date;
+  const n = e.days[0].date, r = (s = Rn(e.days)) == null ? void 0 : s.date;
   return {
-    ...It(t, n, r)
+    ...Et(t, n, r)
   };
-}, Yn = (t, e) => R(() => t ? at(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var Bn = /* @__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))(Bn || {}), On = /* @__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))(On || {});
-const be = (t, e, n, r) => {
+}, $n = (t, e) => x(() => t ? lt(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var Hn = /* @__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))(Hn || {}), On = /* @__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))(On || {});
+const ye = (t, e, n, r) => {
   const s = [];
   for (let i = 0; i < n; i++)
-    s.push(Kt(t, e + i, r));
+    s.push(Jt(t, e + i, r));
   return s;
-}, Kt = (t, e, n) => {
+}, Jt = (t, e, n) => {
   if (isNaN(t) || isNaN(e))
     throw new Error("getMonthInYear() received NaN.");
   const r = t + Math.floor(e / 12), s = e % 12, i = new Date(r, s, 1);
   return {
-    monthString: W(i, st.yearAndMonth),
-    name: Tt(
-      W(i, st.fullMonthName, { locale: n })
+    monthString: j(i, it.yearAndMonth),
+    name: xt(
+      j(i, it.fullMonthName, { locale: n })
     ),
     year: r,
     monthInYear: s,
-    weeks: Hn(r, s, n)
+    weeks: Wn(r, s, n)
   };
-}, Hn = (t, e, n, r = !0) => {
-  const s = new Date(t, e, 1), i = $t(s, { locale: n }), c = [];
+}, Wn = (t, e, n, r = !0) => {
+  const s = new Date(t, e, 1), i = jt(s, { locale: n }), c = [];
   for (let a = 0; a < 6; a++) {
-    const l = pe(ln(i, a), n);
+    const l = pe(un(i, a), n);
     if (a > 0 && l.startMonth !== e && !r)
       return c;
     c.push(l);
   }
   return c;
 }, pe = (t, e) => {
-  const n = dt(J(t, 7)) !== dt(t);
+  const n = ft(J(t, 7)) !== ft(t);
   return {
-    weekNumber: Ne(t, { locale: e }),
-    startMonth: dt(t),
-    startYear: St(t),
-    endMonth: dt(J(t, 6)),
-    endYear: St(J(t, 6)),
+    weekNumber: Le(t, { locale: e }),
+    startMonth: ft(t),
+    startYear: Rt(t),
+    endMonth: ft(J(t, 6)),
+    endYear: Rt(J(t, 6)),
     days: Un(t, e),
     isLastWeekOfMonth: n
   };
-}, $n = (t, e) => {
-  const n = dn(t);
+}, jn = (t, e) => {
+  const n = fn(t);
   return {
     date: t,
-    name: W(t, "EEE", e ? { locale: e } : void 0),
-    fullName: W(t, "EEEE", e ? { locale: e } : void 0),
-    dateString: W(Le(t, 12), st.fullDate),
-    weekNumber: Ne(t, { locale: e }),
-    year: St(t),
-    month: dt(t),
-    dayOfMonth: zt(t),
+    name: j(t, "EEE", e ? { locale: e } : void 0),
+    fullName: j(t, "EEEE", e ? { locale: e } : void 0),
+    dateString: j(Pe(t, 12), it.fullDate),
+    weekNumber: Le(t, { locale: e }),
+    year: Rt(t),
+    month: ft(t),
+    dayOfMonth: Ct(t),
     dayOfWeek: n,
     isFirstDayOfWeek: n === 1,
     isLastDayOfWeek: n === 7,
     isFirstDayOfMonth: P(Ae(t), t),
-    isLastDayOfMonth: P(xe(t), t)
+    isLastDayOfMonth: P(Ne(t), t)
   };
-}, Un = (t, e) => Ee({
+}, Un = (t, e) => _e({
   start: t,
   end: J(t, 6)
-}).map((n) => $n(n, e)), Wn = (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 }, vn = "_calendar_1b766_1", zn = "_weekNumberVisible_1b766_41", we = {
-  calendar: vn,
-  weekNumberVisible: zn
-}, Fn = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), ot = (t, e, n, r, s) => {
+}).map((n) => jn(n, e)), vn = (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 }, Fn = "_calendar_1b766_1", Cn = "_weekNumberVisible_1b766_41", Me = {
+  calendar: Fn,
+  weekNumberVisible: Cn
+}, zn = (t, e, n) => !!(e && e.indexOf(n) >= 0 || t && t.highlights && t.highlights.indexOf(n) >= 0), ct = (t, e, n, r, s) => {
   if (n.length !== r.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
@@ -191,20 +191,20 @@ const be = (t, e, n, r) => {
   if (n.length === 0)
     return s;
   for (let i = 0; i < n.length; i++)
-    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && Fn(
+    if (typeof n[i] == "boolean" && n[i] || typeof n[i] == "string" && zn(
       t,
       e,
       n[i]
     ))
       return r[i];
   return s;
-}, jn = ({
+}, Kn = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: n,
   borderColor: r = "transparent"
 }) => (s, i, c, a, l) => ({
-  backgroundColor: ot(
+  backgroundColor: ct(
     i,
     s,
     ["selected", "range", "today", c.month === l.monthInYear],
@@ -213,7 +213,7 @@ const be = (t, e, n, r) => {
   ),
   borderWidth: "1px",
   borderStyle: "solid",
-  borderColor: ot(
+  borderColor: ct(
     i,
     s,
     ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
@@ -226,7 +226,7 @@ const be = (t, e, n, r) => {
     ],
     r
   ),
-  borderTopLeftRadius: ot(
+  borderTopLeftRadius: ct(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -237,7 +237,7 @@ const be = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderBottomLeftRadius: ot(
+  borderBottomLeftRadius: ct(
     i,
     s,
     ["selectedStart", "singleSelected", "today"],
@@ -248,7 +248,7 @@ const be = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderTopRightRadius: ot(
+  borderTopRightRadius: ct(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -259,7 +259,7 @@ const be = (t, e, n, r) => {
     ],
     "unset"
   ),
-  borderBottomRightRadius: ot(
+  borderBottomRightRadius: ct(
     i,
     s,
     ["selectedEnd", "singleSelected", "today"],
@@ -271,7 +271,7 @@ const be = (t, e, n, r) => {
     "unset"
   ),
   boxSizing: "border-box"
-}), Cn = ({
+}), Jn = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: n,
@@ -279,7 +279,7 @@ const be = (t, e, n, r) => {
 }) => (s, i, c, a, l) => {
   const d = c.month !== l.monthInYear;
   return {
-    color: ot(
+    color: ct(
       i,
       s,
       [d, "selected", "range", "enabled", "disabled"],
@@ -292,7 +292,7 @@ const be = (t, e, n, r) => {
       ]
     )
   };
-}, mt = {
+}, bt = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
@@ -305,12 +305,12 @@ const be = (t, e, n, r) => {
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: jn({
+    tdStyle: Kn({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Cn({
+    textProps: Jn({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -319,24 +319,24 @@ const be = (t, e, n, r) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, Ns = {
-  ...mt,
+}, Fs = {
+  ...bt,
   width: "37px",
   height: "37px"
-}, Kn = ({
+}, qn = ({
   onClickWeekDay: t,
   day: e,
   theme: n
 }) => {
   const r = /* @__PURE__ */ o(
-    L,
+    A,
     {
       width: n.width,
       height: n.height,
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
-        pt,
+        Dt,
         {
           size: "small",
           color: t ? n.WeekDay.clickableTextColor : n.WeekDay.textColor,
@@ -346,7 +346,7 @@ const be = (t, e, n, r) => {
     }
   );
   return t ? /* @__PURE__ */ o(
-    ke,
+    Te,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
       onClick: (s) => t(e.dayOfWeek, s),
@@ -354,7 +354,7 @@ const be = (t, e, n, r) => {
       children: r
     }
   ) : r;
-}, Be = function({
+}, He = function({
   day: e,
   week: n,
   month: r,
@@ -366,14 +366,14 @@ const be = (t, e, n, r) => {
   defaultHighlights: d
 }) {
   const u = /* @__PURE__ */ o(
-    L,
+    A,
     {
       width: "100%",
       height: "100%",
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ o(
-        pt,
+        Dt,
         {
           ...a.CalendarDay.textProps && a.CalendarDay.textProps(
             d,
@@ -387,7 +387,7 @@ const be = (t, e, n, r) => {
         }
       )
     }
-  ), p = Xt.td({
+  ), m = Zt.td({
     ...a.CalendarDay.tdStyle && a.CalendarDay.tdStyle(
       d,
       s,
@@ -396,7 +396,7 @@ const be = (t, e, n, r) => {
       r,
       i
     )
-  }), h = Xt.div({
+  }), f = Zt.div({
     ...a.CalendarDay.innerWrapperStyle && a.CalendarDay.innerWrapperStyle(
       d,
       s,
@@ -407,7 +407,7 @@ const be = (t, e, n, r) => {
     ),
     width: "100%",
     height: "100%"
-  }), f = Xt.div({
+  }), h = Zt.div({
     ...a.CalendarDay.cellWrapperStyle && a.CalendarDay.cellWrapperStyle(
       d,
       s,
@@ -419,12 +419,12 @@ const be = (t, e, n, r) => {
     width: "100%",
     height: "100%",
     position: "relative"
-  }), g = Jn(d, s);
+  }), g = Gn(d, s);
   return /* @__PURE__ */ o(
-    p,
+    m,
     {
-      onClick: g ? void 0 : (M) => c == null ? void 0 : c(e, i, M),
-      children: /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(f, { children: e.month === r.monthInYear && /* @__PURE__ */ x(Ht, { children: [
+      onClick: g ? void 0 : (w) => c == null ? void 0 : c(e, i, w),
+      children: /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(h, { children: e.month === r.monthInYear && /* @__PURE__ */ E(Wt, { children: [
         l && /* @__PURE__ */ o(
           l,
           {
@@ -440,13 +440,13 @@ const be = (t, e, n, r) => {
       ] }) }) })
     }
   );
-}, Jn = (t, e) => !!ot(
+}, Gn = (t, e) => !!ct(
   e,
   t,
   ["disabled"],
   [!0],
   !1
-), Gn = ({
+), Qn = ({
   onClickWeek: t,
   theme: e,
   week: n,
@@ -454,17 +454,17 @@ const be = (t, e, n, r) => {
   backgroundColor: s,
   prefix: i
 }) => {
-  const c = /* @__PURE__ */ x(
-    L,
+  const c = /* @__PURE__ */ E(
+    A,
     {
       width: e.width,
       height: e.height,
       justifyContent: "center",
       alignItems: "center",
       children: [
-        r && /* @__PURE__ */ o(L, { position: "absolute", children: r }),
-        /* @__PURE__ */ o(L, { position: "absolute", children: /* @__PURE__ */ x(
-          pt,
+        r && /* @__PURE__ */ o(A, { position: "absolute", children: r }),
+        /* @__PURE__ */ o(A, { position: "absolute", children: /* @__PURE__ */ E(
+          Dt,
           {
             color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
             children: [
@@ -477,12 +477,12 @@ const be = (t, e, n, r) => {
     }
   );
   return /* @__PURE__ */ o(
-    L,
+    A,
     {
       background: s || e.WeekNumber.backgroundColor,
       position: "relative",
       children: t ? /* @__PURE__ */ o(
-        ke,
+        Te,
         {
           borderRadius: "var(--swui-calendar-day-border-radius)",
           onClick: (a) => t(n, a),
@@ -492,7 +492,7 @@ const be = (t, e, n, r) => {
       ) : c
     }
   );
-}, qn = (t, e, n) => e && nt(t, e) ? P(t, e) : n && G(t, n) ? P(t, n) : !0, Qn = function({
+}, Xn = (t, e, n) => e && rt(t, e) ? P(t, e) : n && q(t, n) ? P(t, n) : !0, Zn = function({
   dayComponent: e,
   minDate: n,
   maxDate: r,
@@ -500,15 +500,15 @@ const be = (t, e, n, r) => {
   day: i,
   ...c
 }) {
-  const a = R(
-    () => qn(i.date, n, r) ? s : Ye(s, ["disabled"]),
+  const a = x(
+    () => Xn(i.date, n, r) ? s : $e(s, ["disabled"]),
     [i.date, s, r, n]
   );
   return /* @__PURE__ */ o(e, { day: i, ...c, dayState: a });
 };
-function Xn({
+function Vn({
   month: t,
-  dayComponent: e = Be,
+  dayComponent: e = He,
   statePerWeek: n,
   userDataPerWeek: r,
   minDate: s,
@@ -518,82 +518,82 @@ function Xn({
   onClickWeekDay: l,
   onClickMonth: d,
   renderWeekNumber: u,
-  renderWeekDay: p,
-  headerRightContent: h,
-  theme: f = mt,
+  renderWeekDay: m,
+  headerRightContent: f,
+  theme: h = bt,
   extraDayContent: g,
-  defaultHighlights: M,
+  defaultHighlights: w,
   showWeekNumber: y
 }) {
-  return /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ x(L, { alignItems: "stretch", children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ E(A, { alignItems: "stretch", children: [
+    /* @__PURE__ */ E(
       B,
       {
-        justifyContent: h ? "space-between" : "center",
+        justifyContent: f ? "space-between" : "center",
         alignItems: "center",
         children: [
           /* @__PURE__ */ o(B, { justifyContent: "center", alignItems: "center", children: d ? /* @__PURE__ */ o(
-            q,
+            G,
             {
               onClick: () => d(t),
               label: t.name + " " + String(t.year),
-              rightIcon: ae
+              rightIcon: de
             }
-          ) : /* @__PURE__ */ x(pt, { whiteSpace: "nowrap", children: [
+          ) : /* @__PURE__ */ E(Dt, { whiteSpace: "nowrap", children: [
             t.name,
             " ",
             t.year
           ] }) }),
-          h && /* @__PURE__ */ o(L, { alignItems: "center", children: h })
+          f && /* @__PURE__ */ o(A, { alignItems: "center", children: f })
         ]
       }
     ),
-    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ x("tbody", { children: [
-      /* @__PURE__ */ x("tr", { children: [
-        y && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(L, { width: f.width, height: f.height }) }),
-        t.weeks[0].days.map((b) => /* @__PURE__ */ o("td", { children: p ? p(b.name, f, l) : /* @__PURE__ */ o(
-          Kn,
+    /* @__PURE__ */ o("table", { children: /* @__PURE__ */ E("tbody", { children: [
+      /* @__PURE__ */ E("tr", { children: [
+        y && /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(A, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((b) => /* @__PURE__ */ o("td", { children: m ? m(b.name, h, l) : /* @__PURE__ */ o(
+          qn,
           {
             day: b,
             onClickWeekDay: l,
-            theme: f
+            theme: h
           }
         ) }, b.name))
       ] }),
-      t.weeks.map((b) => /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ x("tr", { children: [
-        y && /* @__PURE__ */ o("td", { children: u ? u(b, f, a) : /* @__PURE__ */ o(
-          Gn,
+      t.weeks.map((b) => /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ E("tr", { children: [
+        y && /* @__PURE__ */ o("td", { children: u ? u(b, h, a) : /* @__PURE__ */ o(
+          Qn,
           {
             week: b,
             onClickWeek: a,
-            theme: f
+            theme: h
           }
         ) }),
-        b.days.map((w) => /* @__PURE__ */ o(
-          Qn,
+        b.days.map((M) => /* @__PURE__ */ o(
+          Zn,
           {
             dayComponent: e,
-            day: w,
+            day: M,
             week: b,
             month: t,
-            dayState: n && n[b.weekNumber] && n[b.weekNumber][w.dayOfMonth],
-            userData: r && r[b.weekNumber] && r[b.weekNumber][w.dayOfMonth],
+            dayState: n && n[b.weekNumber] && n[b.weekNumber][M.dayOfMonth],
+            userData: r && r[b.weekNumber] && r[b.weekNumber][M.dayOfMonth],
             onClickDay: c,
-            theme: f,
+            theme: h,
             extraDayContent: g,
-            defaultHighlights: M,
+            defaultHighlights: w,
             minDate: s,
             maxDate: i
           },
-          w.dateString
+          M.dateString
         ))
       ] }, b.weekNumber) }))
     ] }) })
   ] }) });
 }
-function Zn({
+function tr({
   monthRows: t,
-  dayComponent: e = Be,
+  dayComponent: e = He,
   userDataPerMonth: n,
   statePerMonth: r,
   minDate: s,
@@ -603,69 +603,69 @@ function Zn({
   onClickWeek: l,
   onClickMonth: d,
   renderWeekDay: u,
-  renderWeekNumber: p,
-  headerRightContent: h,
-  extraDayContent: f,
+  renderWeekNumber: m,
+  headerRightContent: f,
+  extraDayContent: h,
   defaultHighlights: g,
-  showWeekNumber: M,
-  theme: y = mt
+  showWeekNumber: w,
+  theme: y = bt
 }) {
-  const b = R(
-    () => s ? ft(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  const b = x(
+    () => s ? mt(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
-  ), w = R(
-    () => i ? ft(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  ), M = x(
+    () => i ? mt(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [i]
   );
   return /* @__PURE__ */ o(
     "div",
     {
-      className: jt(
-        we.calendar,
-        M && we.weekNumberVisible
+      className: gt(
+        Me.calendar,
+        w && Me.weekNumberVisible
       ),
-      children: t.map((m, k) => /* @__PURE__ */ o(Xe, { children: /* @__PURE__ */ o(B, { gap: 2, children: m.map((E) => /* @__PURE__ */ o(
-        Xn,
+      children: t.map((p, k) => /* @__PURE__ */ o(Ve, { children: /* @__PURE__ */ o(B, { gap: 2, children: p.map((T) => /* @__PURE__ */ o(
+        Vn,
         {
-          month: E,
+          month: T,
           dayComponent: e,
-          userDataPerWeek: n && n[E.monthString],
-          statePerWeek: r && r[E.monthString],
+          userDataPerWeek: n && n[T.monthString],
+          statePerWeek: r && r[T.monthString],
           onClickDay: c,
           onClickWeekDay: a,
           onClickWeek: l,
           onClickMonth: d,
           theme: y,
-          renderWeekNumber: p,
+          renderWeekNumber: m,
           renderWeekDay: u,
-          headerRightContent: h,
-          extraDayContent: f,
+          headerRightContent: f,
+          extraDayContent: h,
           defaultHighlights: g,
           minDate: b,
-          maxDate: w,
-          showWeekNumber: M ?? !1
+          maxDate: M,
+          showWeekNumber: w ?? !1
         },
-        E.name
+        T.name
       )) }) }, k))
     }
   );
 }
-function se(t) {
-  const e = Vn(t.year, t.month, t.date), { year: n, month: r } = Wn(
+function ie(t) {
+  const e = er(t.year, t.month, t.date), { year: n, month: r } = vn(
     e.year,
     e.month
-  ), s = tr(
+  ), s = nr(
     n,
     r,
-    t.locale ?? Ft,
+    t.locale ?? zt,
     t.numMonths,
     t.monthsPerRow
-  ), i = Yn(
+  ), i = $n(
     t.highlightToday,
     t.statePerMonth
   );
   return /* @__PURE__ */ o(
-    Zn,
+    tr,
     {
       year: n,
       month: r,
@@ -675,7 +675,7 @@ function se(t) {
     }
   );
 }
-const Vn = (t, e, n) => {
+const er = (t, e, n) => {
   if (e && t)
     return {
       month: e,
@@ -683,82 +683,87 @@ const Vn = (t, e, n) => {
     };
   if (n)
     return {
-      month: dt(n),
-      year: St(n)
+      month: ft(n),
+      year: Rt(n)
     };
   const r = /* @__PURE__ */ new Date();
   return {
-    month: dt(r),
-    year: St(r)
+    month: ft(r),
+    year: Rt(r)
   };
-}, tr = (t, e, n, r, s) => r == null ? [[Kt(t, e, n)]] : s == null ? [be(t, e, r, n)] : _e(be(t, e, r, n), s), Oe = (t, e) => `${t.row}-${t.column}-${e}`, er = (t, e, n, r) => {
+}, nr = (t, e, n, r, s) => r == null ? [[Jt(t, e, n)]] : s == null ? [ye(t, e, r, n)] : Ye(ye(t, e, r, n), s), Oe = (t, e) => `${t.row}-${t.column}-${e}`, rr = (t, e, n, r) => {
   let s = e;
   for (let i = 0; i < r; i++) {
-    s = nr(s, t, r);
+    s = sr(s, t, r);
     const c = Oe(s, n);
     if (document.getElementById(c))
       return c;
   }
-}, nr = (t, e, n) => {
+}, sr = (t, e, n) => {
   let r = t.row, s = t.column;
   return e === "ArrowLeft" ? s-- : e === "ArrowUp" ? r-- : e === "ArrowRight" ? s++ : e === "ArrowDown" && r++, s < 0 && (s = n - 1, r--), s > n - 1 && (s = 0, r++), {
     column: s,
     row: r
   };
-}, rr = ({
+}, ir = ({
   month: t,
   onClick: e,
   selected: n,
   locale: r,
   autoFocus: s,
   monthPickerId: i,
-  position: c
+  position: c,
+  size: a
 }) => {
-  const a = R(
-    () => Tt(W(t, "MMM", { locale: r })),
+  const l = x(
+    () => xt(j(t, "MMM", { locale: r })),
     [r, t]
-  ), l = R(
-    () => Tt(W(t, "MMMM", { locale: r })),
+  ), d = x(
+    () => xt(j(t, "MMMM", { locale: r })),
     [r, t]
-  ), d = $(null), u = Oe(c, i);
-  X(() => {
-    var h;
-    (h = d.current) == null || h.focus();
+  ), u = W(null), m = Oe(c, i), f = n ? 0 : -1;
+  Z(() => {
+    var g;
+    (g = u.current) == null || g.focus();
   }, []);
-  const p = D(
-    (h) => {
-      var g;
-      const f = er(
-        h.key,
+  const h = D(
+    (g) => {
+      var y;
+      const w = rr(
+        g.key,
         c,
         i,
         4
       );
-      f && ((g = document.getElementById(f)) == null || g.focus());
+      w && ((y = document.getElementById(w)) == null || y.focus());
     },
     [i, c]
   );
-  return /* @__PURE__ */ o(B, { justifyContent: "center", onKeyDown: p, children: n ? /* @__PURE__ */ o(
-    bt,
+  return /* @__PURE__ */ o(B, { justifyContent: "center", onKeyDown: h, children: n ? /* @__PURE__ */ o(
+    Mt,
     {
-      id: u,
-      "aria-label": l,
-      label: a,
+      id: m,
+      "aria-label": d,
+      label: l,
       onClick: e,
       "aria-selected": !0,
       autoFocus: s,
-      ref: d
+      ref: u,
+      size: a === "large" ? "large" : "medium",
+      tabIndex: f
     }
   ) : /* @__PURE__ */ o(
-    q,
+    G,
     {
-      id: u,
-      label: a,
-      "aria-label": l,
-      onClick: e
+      id: m,
+      label: l,
+      "aria-label": d,
+      onClick: e,
+      size: a === "large" ? "large" : "medium",
+      tabIndex: f
     }
   ) });
-}, sr = (t, e, n) => {
+}, or = (t, e, n) => {
   let r = t.getFullYear(), s = 0, i = 0, c = t;
   const a = {
     yearOrder: [],
@@ -781,58 +786,82 @@ const Vn = (t, e, n) => {
       a.years[r].rows.push(s);
       break;
     }
-    c = xt(c, 1), c.getFullYear() !== r ? (a.years[r].rows.push(s), r++, i = 0, s++) : (i++, i > n - 1 && (a.years[r].rows.push(s), i = 0, s++));
+    c = At(c, 1), c.getFullYear() !== r ? (a.years[r].rows.push(s), r++, i = 0, s++) : (i++, i > n - 1 && (a.years[r].rows.push(s), i = 0, s++));
   }
   return a.lastMonthColumn = i, a.lastMonthRow = s, a;
-}, me = () => R(() => /* @__PURE__ */ new Date(), []), Nt = ({
+}, De = () => x(() => /* @__PURE__ */ new Date(), []), Pt = ({
   value: t,
   onValueChange: e,
-  locale: n = Ft,
+  locale: n = zt,
   firstMonth: r,
   numMonths: s,
-  onCancel: i
+  onCancel: i,
+  size: c = "medium"
 }) => {
-  const c = he(), a = me(), l = s > 0 ? s : 12, [d, u] = T(!1), p = sr(r, l, 4), h = R(() => xt(r, l), [l, r]);
-  X(() => {
-    u(!0);
+  const a = ge(), l = De(), d = s > 0 ? s : 12, [u, m] = I(!1), f = or(r, d, ar(c)), h = x(() => At(r, d), [d, r]);
+  Z(() => {
+    m(!0);
   }, []);
-  const f = D(
-    (g) => {
-      g.key === "Escape" && (i == null || i(), g.preventDefault(), g.stopPropagation());
+  const g = D(
+    (w) => {
+      w.key === "Escape" && (i == null || i(), w.preventDefault(), w.stopPropagation());
     },
     [i]
   );
-  return /* @__PURE__ */ o(C, { gap: 1, maxWidth: "336px", onKeyDown: f, children: p.yearOrder.map((g, M) => {
-    const { rows: y } = p.years[g];
-    return /* @__PURE__ */ x(fe.Fragment, { children: [
-      (M !== 0 || g !== a.getFullYear()) && /* @__PURE__ */ o(Rt, { variant: "h4", children: g }),
-      y.map((b) => {
-        const { columns: w } = p.rows[b];
-        return /* @__PURE__ */ o(B, { gap: 1, children: w.map(({ month: m, position: k }) => /* @__PURE__ */ o(C, { width: "78px", children: /* @__PURE__ */ o(
-          rr,
+  return /* @__PURE__ */ o(z, { gap: 1, maxWidth: cr(c), onKeyDown: g, children: f.yearOrder.map((w, y) => {
+    const { rows: b } = f.years[w];
+    return /* @__PURE__ */ E(me.Fragment, { children: [
+      (y !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ o(_t, { variant: "h4", children: w }),
+      /* @__PURE__ */ o("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ o("tbody", { children: b.map((M) => {
+        const { columns: p } = f.rows[M];
+        return /* @__PURE__ */ o("tr", { children: p.map(({ month: k, position: T }) => /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(
+          ir,
           {
-            month: m,
+            month: k,
             firstAvailableMonth: r,
             lastAvailableMonth: h,
             locale: n,
-            selected: t ? rt(t, m) : !1,
-            autoFocus: d,
-            onClick: () => e == null ? void 0 : e(m),
-            monthPickerId: c,
-            position: k
+            selected: t ? st(t, k) : !1,
+            autoFocus: u,
+            onClick: () => e == null ? void 0 : e(k),
+            monthPickerId: a,
+            position: T,
+            size: c
           }
-        ) }, m.getMonth())) }, b);
-      })
-    ] }, g);
+        ) }, k.getMonth())) }, M);
+      }) }) })
+    ] }, w);
   }) });
-}, ir = (t) => [
+}, cr = (t) => {
+  switch (t) {
+    case "small":
+      return "280px";
+    case "medium":
+      return "336px";
+    case "large":
+      return "448px";
+    default:
+      return le(t, "336px");
+  }
+}, ar = (t) => {
+  switch (t) {
+    case "small":
+      return 3;
+    case "medium":
+      return 4;
+    case "large":
+      return 5;
+    default:
+      return le(t, 4);
+  }
+}, lr = (t) => [
   {
     label: "Past",
     presets: [
-      { label: "Last 3 days", startDate: t, endDate: lt(t, 2) },
-      { label: "Last 7 days", startDate: t, endDate: lt(t, 6) },
-      { label: "Last 30 days", startDate: t, endDate: lt(t, 29) },
-      { label: "Last 45 days", startDate: t, endDate: lt(t, 44) }
+      { label: "Last 3 days", startDate: t, endDate: ut(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: ut(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: ut(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: ut(t, 44) }
     ]
   },
   {
@@ -844,12 +873,12 @@ const Vn = (t, e, n) => {
       { label: "Next 45 days", startDate: t, endDate: J(t, 44) }
     ]
   }
-], or = ({
+], dr = ({
   onClickPreset: t
 }) => {
-  const [e, n] = T(0), r = R(() => ir(/* @__PURE__ */ new Date()), []), s = r[e] ?? r[0];
-  return /* @__PURE__ */ x(C, { children: [
-    /* @__PURE__ */ x(
+  const [e, n] = I(0), r = x(() => lr(/* @__PURE__ */ new Date()), []), s = r[e] ?? r[0];
+  return /* @__PURE__ */ E(z, { children: [
+    /* @__PURE__ */ E(
       B,
       {
         justifyContent: "space-between",
@@ -857,20 +886,20 @@ const Vn = (t, e, n) => {
         width: "200px",
         children: [
           /* @__PURE__ */ o(
-            q,
+            G,
             {
               size: "small",
-              leftIcon: Ve,
+              leftIcon: en,
               disabled: e === 0,
               onClick: () => n(e - 1)
             }
           ),
-          /* @__PURE__ */ o(pt, { children: s.label }),
+          /* @__PURE__ */ o(Dt, { children: s.label }),
           /* @__PURE__ */ o(
-            q,
+            G,
             {
               size: "small",
-              leftIcon: tn,
+              leftIcon: nn,
               disabled: e === r.length - 1,
               onClick: () => n(e + 1)
             }
@@ -878,19 +907,19 @@ const Vn = (t, e, n) => {
         ]
       }
     ),
-    /* @__PURE__ */ o(Dt, {}),
-    /* @__PURE__ */ o(C, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ x(fe.Fragment, { children: [
+    /* @__PURE__ */ o(yt, {}),
+    /* @__PURE__ */ o(z, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ E(me.Fragment, { children: [
       /* @__PURE__ */ o(
-        bt,
+        Mt,
         {
           label: i.label,
           onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ o(Dt, {})
+      /* @__PURE__ */ o(yt, {})
     ] }, i.label)) })
   ] });
-}, cr = function({
+}, ur = function({
   locale: e,
   dateInFocus: n,
   setDateInFocus: r,
@@ -910,7 +939,7 @@ const Vn = (t, e, n) => {
   switch (s) {
     case "calendar":
       return /* @__PURE__ */ o(
-        se,
+        ie,
         {
           ...a,
           date: n,
@@ -927,7 +956,7 @@ const Vn = (t, e, n) => {
         numMonths: 24,
         dateInFocus: n
       }) : /* @__PURE__ */ o(
-        Nt,
+        Pt,
         {
           value: n,
           onValueChange: l,
@@ -937,29 +966,29 @@ const Vn = (t, e, n) => {
         }
       );
     case "presets":
-      return /* @__PURE__ */ o(or, { onClickPreset: () => {
+      return /* @__PURE__ */ o(dr, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
-        bt,
+      return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+        Mt,
         {
           label: "Show calendar",
           onClick: () => i("calendar")
         }
       ) });
   }
-}, ar = (t, e, n, r) => {
+}, fr = (t, e, n, r) => {
   const s = D(() => {
-    const l = xt(t, n ?? r ?? 1);
+    const l = At(t, n ?? r ?? 1);
     e == null || e(l);
   }, [e, t, n, r]), i = D(() => {
-    const l = un(t, 1);
+    const l = hn(t, 1);
     e == null || e(l);
   }, [e, t]), c = D(() => {
-    const l = de(t, n ?? r ?? 1);
+    const l = fe(t, n ?? r ?? 1);
     e == null || e(l);
   }, [e, t, n, r]), a = D(() => {
-    const l = fn(t, 1);
+    const l = mn(t, 1);
     e == null || e(l);
   }, [e, t]);
   return {
@@ -968,60 +997,60 @@ const Vn = (t, e, n) => {
     nextYear: i,
     prevYear: a
   };
-}, lr = ({
+}, hr = ({
   children: t,
   prevMonth: e,
   nextMonth: n,
   prevYear: r,
   nextYear: s
-}) => /* @__PURE__ */ x("div", { children: [
+}) => /* @__PURE__ */ E("div", { children: [
   t,
-  /* @__PURE__ */ o(Mt, { children: /* @__PURE__ */ x(B, { gap: 1, children: [
-    /* @__PURE__ */ o(ct, { onClick: r, leftIcon: en }),
-    /* @__PURE__ */ o(ct, { onClick: e, leftIcon: vt }),
-    /* @__PURE__ */ o(Mt, { num: 2 }),
-    /* @__PURE__ */ o(ct, { onClick: n, leftIcon: Et }),
-    /* @__PURE__ */ o(ct, { onClick: s, leftIcon: nn })
+  /* @__PURE__ */ o(Tt, { children: /* @__PURE__ */ E(B, { gap: 1, children: [
+    /* @__PURE__ */ o(at, { onClick: r, leftIcon: rn }),
+    /* @__PURE__ */ o(at, { onClick: e, leftIcon: Ft }),
+    /* @__PURE__ */ o(Tt, { num: 2 }),
+    /* @__PURE__ */ o(at, { onClick: n, leftIcon: Nt }),
+    /* @__PURE__ */ o(at, { onClick: s, leftIcon: sn })
   ] }) }),
-  /* @__PURE__ */ o(Dt, {})
-] }), dr = () => {
+  /* @__PURE__ */ o(yt, {})
+] }), mr = () => {
 };
-function gt({
+function wt({
   monthSwitcherPlacement: t,
-  theme: e = mt,
+  theme: e = bt,
   dateInFocus: n,
   setDateInFocus: r,
   currentPanel: s,
   setCurrentPanel: i,
-  onSelectPreset: c = dr,
+  onSelectPreset: c = mr,
   renderMonthPicker: a,
   ...l
 }) {
-  const { nextMonth: d, prevMonth: u, nextYear: p, prevYear: h } = ar(
+  const { nextMonth: d, prevMonth: u, nextYear: m, prevYear: f } = fr(
     n,
     r,
     l.monthsPerRow,
     l.numMonths
   );
-  switch (ur(
+  switch (gr(
     t,
     l.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ o(
-        lr,
+        hr,
         {
           theme: e,
           nextMonth: d,
           prevMonth: u,
-          nextYear: p,
-          prevYear: h,
-          children: /* @__PURE__ */ o(se, { ...l, theme: e, date: n })
+          nextYear: m,
+          prevYear: f,
+          children: /* @__PURE__ */ o(ie, { ...l, theme: e, date: n })
         }
       );
     case "header":
-      return /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
-        cr,
+      return /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
+        ur,
         {
           ...l,
           theme: e,
@@ -1031,55 +1060,55 @@ function gt({
           currentPanel: s,
           setCurrentPanel: i,
           onSelectPreset: c,
-          headerRightContent: /* @__PURE__ */ x(B, { alignItems: "center", gap: 1, children: [
+          headerRightContent: /* @__PURE__ */ E(B, { alignItems: "center", gap: 1, children: [
             /* @__PURE__ */ o(
-              ct,
+              at,
               {
                 onClick: u,
-                leftIcon: vt
+                leftIcon: Ft
               }
             ),
             /* @__PURE__ */ o(
-              ct,
+              at,
               {
                 onClick: d,
-                leftIcon: Et
+                leftIcon: Nt
               }
             )
           ] })
         }
       ) });
     default:
-      return /* @__PURE__ */ o(se, { ...l, theme: e, date: n });
+      return /* @__PURE__ */ o(ie, { ...l, theme: e, date: n });
   }
 }
-const ur = (t, e) => t || (e || 1) > 1 ? "below" : "header", fr = (t) => ({
-  startDate: t.startDate ? W(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? W(t.endDate, "yyyy-MM-dd") : void 0
-}), hr = ({
+const gr = (t, e) => t || (e || 1) > 1 ? "below" : "header", pr = (t) => ({
+  startDate: t.startDate ? j(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? j(t.endDate, "yyyy-MM-dd") : void 0
+}), Dr = ({
   startDate: t,
   endDate: e
 }) => {
   const n = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? ft(t, "yyyy-MM-dd", n) : void 0,
-    endDate: e ? ft(e, "yyyy-MM-dd", n) : void 0
+    startDate: t ? mt(t, "yyyy-MM-dd", n) : void 0,
+    endDate: e ? mt(e, "yyyy-MM-dd", n) : void 0
   };
-}, He = ({
+}, We = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !P(t, e) && G(t, e)), $e = (t) => He(t) ? {
+}) => !!(t && e && !P(t, e) && q(t, e)), je = (t) => We(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, Ls = (t) => t.startDate && t.endDate ? fr(
-  $e(hr(t))
-) : t, pr = (t, e, n, r) => D(
+} : t, Cs = (t) => t.startDate && t.endDate ? pr(
+  je(Dr(t))
+) : t, br = (t, e, n, r) => D(
   (s) => {
     const i = {
       startDate: n === "startDate" ? s.date : t == null ? void 0 : t.startDate,
       endDate: n === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    He(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e($e(i));
+    We(i) || r(n === "startDate" ? "endDate" : "startDate"), e == null || e(je(i));
   },
   [
     n,
@@ -1088,8 +1117,8 @@ const ur = (t, e) => t || (e || 1) > 1 ? "below" : "header", fr = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), Jt = (t) => {
-  const [e, n] = T("calendar"), r = D(
+), qt = (t) => {
+  const [e, n] = I("calendar"), r = D(
     (s) => {
       n(s), t == null || t(s);
     },
@@ -1099,7 +1128,7 @@ const ur = (t, e) => t || (e || 1) > 1 ? "below" : "header", fr = (t) => ({
     currentPanel: e,
     setCurrentPanel: r
   };
-}, mr = ({
+}, wr = ({
   focusedInput: t,
   value: e,
   onValueChange: n,
@@ -1108,15 +1137,15 @@ const ur = (t, e) => t || (e || 1) > 1 ? "below" : "header", fr = (t) => ({
   onChangePanel: i,
   initialDateInFocus: c
 }) => {
-  const { currentPanel: a, setCurrentPanel: l } = Jt(i), [d, u] = T(
+  const { currentPanel: a, setCurrentPanel: l } = qt(i), [d, u] = I(
     () => c ?? /* @__PURE__ */ new Date()
-  ), p = pr(
+  ), m = br(
     e,
     n,
     t,
     r
-  ), h = R(
-    () => It(
+  ), f = x(
+    () => Et(
       s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
@@ -1124,20 +1153,20 @@ const ur = (t, e) => t || (e || 1) > 1 ? "below" : "header", fr = (t) => ({
     [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
-    onClickDay: p,
-    statePerMonth: h,
+    onClickDay: m,
+    statePerMonth: f,
     currentPanel: a,
     setCurrentPanel: l,
     setDateInFocus: u,
     dateInFocus: d
   };
 };
-function _s(t) {
-  const e = mr(t);
-  return /* @__PURE__ */ o(gt, { ...t, ...e });
+function zs(t) {
+  const e = wr(t);
+  return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Ps = () => {
-  const [t, e] = T(), [n, r] = T(), [s, i] = T("startDate");
+const Ks = () => {
+  const [t, e] = I(), [n, r] = I(), [s, i] = I("startDate");
   return {
     startDate: t,
     setStartDate: e,
@@ -1146,19 +1175,19 @@ const Ps = () => {
     focusedInput: s,
     setFocusedInput: i
   };
-}, gr = ({
+}, yr = ({
   onChange: t,
   value: e,
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Jt(r), [c, a] = T(() => e ?? /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(r), [c, a] = I(() => e ?? /* @__PURE__ */ new Date()), l = D(
     (u) => {
       t && t(u.date);
     },
     [t]
-  ), d = R(
-    () => e ? at(n, e, [
+  ), d = x(
+    () => e ? lt(n, e, [
       "selected",
       "singleSelected"
     ]) : n,
@@ -1175,25 +1204,25 @@ const Ps = () => {
   };
 };
 function Ue(t) {
-  const e = gr(t);
-  return /* @__PURE__ */ o(gt, { ...t, ...e });
+  const e = yr(t);
+  return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Dr = ({
+const Mr = ({
   onChange: t,
   value: e,
   statePerMonth: n,
   onChangePanel: r
 }) => {
-  const { currentPanel: s, setCurrentPanel: i } = Jt(r), [c, a] = T(() => /* @__PURE__ */ new Date()), l = D(
+  const { currentPanel: s, setCurrentPanel: i } = qt(r), [c, a] = I(() => /* @__PURE__ */ new Date()), l = D(
     (u) => {
       if (!t)
         return;
-      const p = e && e.find((h) => P(h, u.date));
-      t(e && p ? e.filter((h) => !P(h, u.date)) : [...e || [], u.date]);
+      const m = e && e.find((f) => P(f, u.date));
+      t(e && m ? e.filter((f) => !P(f, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), d = R(() => e ? e.reduce(
-    (u, p) => at(u, p, ["selected"]),
+  ), d = x(() => e ? e.reduce(
+    (u, m) => lt(u, m, ["selected"]),
     n
   ) : n, [n, e]);
   return {
@@ -1205,40 +1234,40 @@ const Dr = ({
     setDateInFocus: a
   };
 };
-function Ys(t) {
-  const e = Dr(t);
-  return /* @__PURE__ */ o(gt, { ...t, ...e });
+function Js(t) {
+  const e = Mr(t);
+  return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const br = ({
+const kr = ({
   onChange: t,
   value: e,
   statePerMonth: n,
   onChangePanel: r,
-  locale: s = Ft
+  locale: s = zt
 }) => {
-  const [i, c] = T(() => {
-    const f = Zt(e, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: a, setCurrentPanel: l } = Jt(r), d = D(
-    (f) => {
-      t && t(ye(pe(f.date, s)));
+  const [i, c] = I(() => {
+    const h = Vt(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
+  }), { currentPanel: a, setCurrentPanel: l } = qt(r), d = D(
+    (h) => {
+      t && t(ke(pe(h.date, s)));
     },
     [s, t]
   ), u = D(
-    (f) => {
-      t && t(ye(f));
+    (h) => {
+      t && t(ke(h));
     },
     [t]
-  ), p = R(() => {
-    const f = Zt(e, s);
-    return f ? Pn(n, f) : n;
-  }, [e, s, n]), h = R(() => {
-    const f = Zt(e, s);
-    return f ? f.days[0].date : /* @__PURE__ */ new Date();
+  ), m = x(() => {
+    const h = Vt(e, s);
+    return h ? Bn(n, h) : n;
+  }, [e, s, n]), f = x(() => {
+    const h = Vt(e, s);
+    return h ? h.days[0].date : /* @__PURE__ */ new Date();
   }, [s, e]);
   return {
-    statePerMonth: p,
-    date: h,
+    statePerMonth: m,
+    date: f,
     dateInFocus: i,
     setDateInFocus: c,
     onClickDay: d,
@@ -1246,22 +1275,22 @@ const br = ({
     currentPanel: a,
     setCurrentPanel: l
   };
-}, ye = (t) => {
+}, ke = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
-}, Zt = (t, e) => {
+}, Vt = (t, e) => {
   if (!t)
     return;
   const n = t.split("-"), r = parseInt(n[1], 10), s = parseInt(n[0], 10), i = /* @__PURE__ */ new Date();
   i.setFullYear(s);
-  const c = $t(hn(i, r), { locale: e });
+  const c = jt(gn(i, r), { locale: e });
   return pe(c, e);
 };
-function Bs(t) {
-  const e = br(t);
-  return /* @__PURE__ */ o(gt, { ...t, ...e });
+function qs(t) {
+  const e = kr(t);
+  return /* @__PURE__ */ o(wt, { ...t, ...e });
 }
-const Lt = "bottom", We = () => {
+const Yt = "bottom", ve = () => {
   const [t, e] = An();
   return {
     onChangePanel: D(() => {
@@ -1270,8 +1299,8 @@ const Lt = "bottom", We = () => {
     }, [e]),
     tippyRef: t
   };
-}, wr = (t, e, n) => {
-  const [r, s] = T(n || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
+}, Sr = (t, e, n) => {
+  const [r, s] = I(n || !1), i = D(() => (s(!0), !0), [s]), c = D(() => {
     s(!1), e && e();
   }, [s, e]), a = D(
     (l) => {
@@ -1285,35 +1314,35 @@ const Lt = "bottom", We = () => {
     showingCalendar: r,
     onSelectDate: a
   };
-}, _t = "2999-12-31", Os = ({
-  displayFormat: t = st.fullDate,
+}, Bt = "2999-12-31", Gs = ({
+  displayFormat: t = it.fullDate,
   placeholder: e = "Enter date",
   value: n,
   zIndex: r = 100,
-  calendarTheme: s = mt,
+  calendarTheme: s = bt,
   calendarProps: i,
   openOnMount: c,
   onClose: a,
   onChange: l,
   portalTarget: d,
   variant: u,
-  width: p,
-  minDate: h,
-  maxDate: f = _t,
+  width: m,
+  minDate: f,
+  maxDate: h = Bt,
   disabled: g
 }) => {
-  const { hideCalendar: M, showingCalendar: y, onSelectDate: b, showCalendar: w } = wr(l, a, c), { tippyRef: m, onChangePanel: k } = We();
-  return /* @__PURE__ */ o(L, { width: p, children: /* @__PURE__ */ o(
-    At,
+  const { hideCalendar: w, showingCalendar: y, onSelectDate: b, showCalendar: M } = Sr(l, a, c), { tippyRef: p, onChangePanel: k } = ve();
+  return /* @__PURE__ */ o(A, { width: m, children: /* @__PURE__ */ o(
+    Lt,
     {
       arrow: !1,
       lazy: !0,
       visible: y,
-      onClickOutside: M,
-      placement: Lt,
+      onClickOutside: w,
+      placement: Yt,
       zIndex: r,
       appendTo: d ?? "parent",
-      tippyRef: m,
+      tippyRef: p,
       disabled: g,
       content: /* @__PURE__ */ o(
         Ue,
@@ -1323,44 +1352,44 @@ const Lt = "bottom", We = () => {
           value: n,
           theme: s,
           onChangePanel: k,
-          minDate: h,
-          maxDate: f
+          minDate: f,
+          maxDate: h
         }
       ),
       children: /* @__PURE__ */ o(
-        ht,
+        pt,
         {
           type: "date",
-          onFocus: w,
-          buttonRight: /* @__PURE__ */ o(rn, { onClick: w, icon: kt }),
-          value: n ? W(n, t) : "",
+          onFocus: M,
+          buttonRight: /* @__PURE__ */ o(on, { onClick: M, icon: It }),
+          value: n ? j(n, t) : "",
           placeholder: e,
           size: 9,
           disabled: g,
           autoFocus: c,
           variant: u,
-          min: h,
-          max: f
+          min: f,
+          max: h
         }
       )
     }
   ) });
-}, yr = (t, e) => {
-  const n = $(null), r = $(null), [s, i] = T(!1), [c, a] = T(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
+}, Tr = (t, e) => {
+  const n = W(null), r = W(null), [s, i] = I(!1), [c, a] = I(void 0), l = D(() => (a("startDate"), i(!0), !0), [a, i]), d = D(() => (a("endDate"), i(!0), !0), [a, i]), u = D(() => {
     i(!1);
-  }, [i]), p = D(
-    (f) => {
+  }, [i]), m = D(
+    (h) => {
       c === "startDate" ? (e == null || e({
-        startDate: f.date,
+        startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
       }), t != null && t.endDate ? setTimeout(u, 150) : (a("endDate"), r.current && r.current.focus())) : c === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: f.date
+        endDate: h.date
       }), t != null && t.startDate ? setTimeout(u, 150) : (a("startDate"), n.current && n.current.focus()));
     },
     [c, e, a, u, t]
-  ), h = R(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && G(t.startDate, t.endDate),
+  ), f = x(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && q(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
@@ -1372,12 +1401,12 @@ const Lt = "bottom", We = () => {
     setFocusedInput: a,
     startDateInputRef: n,
     endDateInputRef: r,
-    onClickDay: p,
-    startDateIsAfterEnd: h
+    onClickDay: m,
+    startDateIsAfterEnd: f
   };
 };
-function Hs({
-  displayFormat: t = st.fullDate,
+function Qs({
+  displayFormat: t = it.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: n = "End date",
   portalTarget: r,
@@ -1385,89 +1414,89 @@ function Hs({
   onValueChange: i,
   zIndex: c = 100,
   width: a,
-  calendarTheme: l = mt,
+  calendarTheme: l = bt,
   calendarProps: d,
   minDate: u,
-  maxDate: p = _t,
-  disabled: h
+  maxDate: m = Bt,
+  disabled: f
 }) {
-  const [f, g] = T("calendar"), {
-    hideCalendar: M,
+  const [h, g] = I("calendar"), {
+    hideCalendar: w,
     showCalendarEndDate: y,
     showCalendarStartDate: b,
-    showingCalendar: w,
-    focusedInput: m,
+    showingCalendar: M,
+    focusedInput: p,
     startDateInputRef: k,
-    endDateInputRef: E,
-    onClickDay: A,
+    endDateInputRef: T,
+    onClickDay: L,
     startDateIsAfterEnd: N
-  } = yr(s, i), [I, Y] = T(
-    () => (m && (s == null ? void 0 : s[m])) ?? /* @__PURE__ */ new Date()
-  ), S = R(
-    () => It(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
+  } = Tr(s, i), [R, Y] = I(
+    () => (p && (s == null ? void 0 : s[p])) ?? /* @__PURE__ */ new Date()
+  ), S = x(
+    () => Et(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
     [s]
   );
   return /* @__PURE__ */ o(
-    At,
+    Lt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: h,
-      visible: w,
+      disabled: f,
+      visible: M,
       zIndex: c,
-      placement: Lt,
+      placement: Yt,
       appendTo: r ?? "parent",
-      onClickOutside: M,
+      onClickOutside: w,
       content: /* @__PURE__ */ o(
-        gt,
+        wt,
         {
           ...d,
-          dateInFocus: I,
+          dateInFocus: R,
           setDateInFocus: Y,
           statePerMonth: S,
           theme: l,
-          onClickDay: A,
-          currentPanel: f,
+          onClickDay: L,
+          currentPanel: h,
           setCurrentPanel: g,
           minDate: u,
-          maxDate: p
+          maxDate: m
         }
       ),
-      children: /* @__PURE__ */ x(B, { alignItems: "center", children: [
+      children: /* @__PURE__ */ E(B, { alignItems: "center", children: [
         /* @__PURE__ */ o(
-          ht,
+          pt,
           {
-            iconLeft: kt,
+            iconLeft: It,
             onFocus: b,
-            value: s != null && s.startDate ? W(s.startDate, t) : "",
+            value: s != null && s.startDate ? j(s.startDate, t) : "",
             placeholder: e,
             width: a,
-            disabled: h,
+            disabled: f,
             inputRef: k,
             size: 9,
             variant: N ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ o(Dt, {}),
+        /* @__PURE__ */ o(yt, {}),
         /* @__PURE__ */ o(
-          Te,
+          Re,
           {
-            icon: sn,
-            color: Ct("--lhds-color-ui-500"),
+            icon: cn,
+            color: Kt("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ o(Dt, {}),
+        /* @__PURE__ */ o(yt, {}),
         /* @__PURE__ */ o(
-          ht,
+          pt,
           {
-            iconLeft: kt,
+            iconLeft: It,
             onFocus: y,
-            value: s != null && s.endDate ? W(s.endDate, t) : "",
+            value: s != null && s.endDate ? j(s.endDate, t) : "",
             placeholder: n,
             width: a,
-            disabled: h,
-            inputRef: E,
+            disabled: f,
+            inputRef: T,
             size: 9,
             variant: N ? "error" : void 0
           }
@@ -1476,10 +1505,10 @@ function Hs({
     }
   );
 }
-const $s = ({
+const Xs = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: n = st.fullDate,
+  dateFormat: n = it.fullDate,
   disableCalender: r = !1,
   onValueChange: s,
   placeholder: i = "yyyy-mm-dd",
@@ -1487,71 +1516,71 @@ const $s = ({
   value: a,
   width: l = "130px",
   zIndex: d = 100,
-  calendarTheme: u = mt,
-  hideCalenderIcon: p = !1,
-  minDate: h,
-  maxDate: f = _t,
+  calendarTheme: u = bt,
+  hideCalenderIcon: m = !1,
+  minDate: f,
+  maxDate: h = Bt,
   variant: g,
-  ...M
+  ...w
 }) => {
-  const [y, b] = T(!1), { tippyRef: w, onChangePanel: m } = We(), k = D(() => {
+  const [y, b] = I(!1), { tippyRef: M, onChangePanel: p } = ve(), k = D(() => {
     b(!y);
-  }, [b, y]), E = D(() => {
+  }, [b, y]), T = D(() => {
     b(!1);
-  }, [b]), A = D(
-    (U) => {
-      s && s(U);
+  }, [b]), L = D(
+    ($) => {
+      s && s($);
     },
     [s]
   ), N = D(
-    (U) => {
-      U && (A(W(U, n)), e && setTimeout(() => b(!y), 200));
+    ($) => {
+      $ && (L(j($, n)), e && setTimeout(() => b(!y), 200));
     },
-    [A, n, e, b, y]
-  ), I = !!a && !/^[-/\\.0-9]+$/.test(a), Y = !!a && pn(ft(a, n, /* @__PURE__ */ new Date())), v = !!a && a.length >= n.length && !Y || I;
-  return /* @__PURE__ */ o(L, { width: l, children: /* @__PURE__ */ o(
-    At,
+    [L, n, e, b, y]
+  ), R = !!a && !/^[-/\\.0-9]+$/.test(a), Y = !!a && pn(mt(a, n, /* @__PURE__ */ new Date())), U = !!a && a.length >= n.length && !Y || R;
+  return /* @__PURE__ */ o(A, { width: l, children: /* @__PURE__ */ o(
+    Lt,
     {
       arrow: !1,
       lazy: !0,
       visible: y,
       zIndex: d,
       appendTo: c ?? "parent",
-      placement: Lt,
-      onClickOutside: E,
-      tippyRef: w,
+      placement: Yt,
+      onClickOutside: T,
+      tippyRef: M,
       content: /* @__PURE__ */ o(
         Ue,
         {
           ...t,
           onChange: N,
-          onChangePanel: m,
-          value: a && Y ? ft(a, n, /* @__PURE__ */ new Date()) : void 0,
-          minDate: h,
-          maxDate: f,
+          onChangePanel: p,
+          value: a && Y ? mt(a, n, /* @__PURE__ */ new Date()) : void 0,
+          minDate: f,
+          maxDate: h,
           theme: u
         }
       ),
       children: /* @__PURE__ */ o(
-        ht,
+        pt,
         {
-          ...M,
-          variant: v ? "error" : g,
+          ...w,
+          variant: U ? "error" : g,
           disableContentPaddingRight: !0,
-          contentRight: p ? void 0 : /* @__PURE__ */ o(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
-            q,
+          contentRight: m ? void 0 : /* @__PURE__ */ o(B, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ o(
+            G,
             {
               size: "small",
-              disabled: M.disabled || r,
-              leftIcon: kt,
+              disabled: w.disabled || r,
+              leftIcon: It,
               onClick: k
             }
           ) }),
-          onValueChange: A,
+          onValueChange: L,
           placeholder: i,
           value: a || "",
-          min: h,
-          max: f,
+          min: f,
+          max: h,
           size: 10
         }
       )
@@ -1573,7 +1602,7 @@ const $s = ({
     default:
       throw new Error("Invalid hour string");
   }
-}, Wt = (t) => {
+}, vt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1589,13 +1618,13 @@ const $s = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Mr = (t) => {
-  if (!ie(t))
+}, Ir = (t) => {
+  if (!oe(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const n = Ut(e[0]), r = Wt(e[1]);
+      const n = Ut(e[0]), r = vt(e[1]);
       return { time: `${n}:${r}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1624,7 +1653,7 @@ const $s = ({
     }
   }
   return { time: t, success: !1 };
-}, ie = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Us = ({
+}, oe = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Zs = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: n = !0,
@@ -1633,33 +1662,33 @@ const $s = ({
   variant: i,
   ...c
 }) => {
-  const [a, l] = T(() => ie(r)), d = "hh:mm", u = D(() => {
+  const [a, l] = I(() => oe(r)), d = "hh:mm", u = D(() => {
     if (r) {
-      const h = Mr(r);
-      l(h.success), h.success && t && t(h.time);
+      const f = Ir(r);
+      l(f.success), f.success && t && t(f.time);
     }
-  }, [r, t, l]), p = D(
-    (h) => {
-      const f = h.target.value, g = ie(f);
-      l(g && f.length <= d.length), t && t(f);
+  }, [r, t, l]), m = D(
+    (f) => {
+      const h = f.target.value, g = oe(h);
+      l(g && h.length <= d.length), t && t(h);
     },
     [t, l]
   );
   return /* @__PURE__ */ o(
-    ht,
+    pt,
     {
       ...c,
       type: "time",
       variant: a ? i : "error",
-      iconLeft: n ? Ie : void 0,
+      iconLeft: n ? xe : void 0,
       value: r,
       placeholder: e ? d : void 0,
-      onChange: p,
+      onChange: m,
       onBlur: u,
       width: s
     }
   );
-}, ve = ({
+}, Fe = ({
   autoFocusLeft: t,
   autoFocusRight: e,
   onEsc: n,
@@ -1671,82 +1700,82 @@ const $s = ({
   placeholderRight: l,
   typeLeft: d,
   typeRight: u,
-  onChangeLeft: p,
-  onChangeRight: h,
-  valueLeft: f,
+  onChangeLeft: m,
+  onChangeRight: f,
+  valueLeft: h,
   valueRight: g,
-  minLeft: M,
+  minLeft: w,
   maxLeft: y,
   minRight: b,
-  maxRight: w,
-  onClickLeft: m,
+  maxRight: M,
+  onClickLeft: p,
   onClickRight: k,
-  onClickCalendar: E,
-  onClickArrowDown: A,
+  onClickCalendar: T,
+  onClickArrowDown: L,
   onBlurLeft: N,
-  onBlurRight: I,
+  onBlurRight: R,
   onFocusLeft: Y,
   onFocusRight: S,
-  inputRefLeft: v,
-  inputRefRight: U,
-  variant: K,
-  variantLeft: j,
-  variantRight: Z,
-  onBlur: F,
-  showPresets: Q,
-  widthLeft: tt,
-  widthRight: _,
+  inputRefLeft: U,
+  inputRefRight: $,
+  variant: v,
+  variantLeft: F,
+  variantRight: K,
+  onBlur: C,
+  showPresets: V,
+  widthLeft: Q,
+  widthRight: tt,
   disabled: O
 }) => {
-  const H = $(0), z = R(
-    () => In((et) => {
-      et === 0 && (F == null || F());
+  const _ = W(0), H = x(
+    () => xn((nt) => {
+      nt === 0 && (C == null || C());
     }, 10),
-    [F]
-  ), Pt = D(
-    (et) => {
-      H.current++, z(H.current), Y && Y(et);
+    [C]
+  ), et = D(
+    (nt) => {
+      _.current++, H(_.current), Y && Y(nt);
     },
-    [Y, H, z]
-  ), Yt = D(
-    (et) => {
-      H.current++, z(H.current), S && S(et);
+    [Y, _, H]
+  ), dt = D(
+    (nt) => {
+      _.current++, H(_.current), S && S(nt);
     },
-    [S, H, z]
-  ), Bt = D(
-    (et) => {
-      H.current--, z(H.current), N && N(et);
+    [S, _, H]
+  ), $t = D(
+    (nt) => {
+      _.current--, H(_.current), N && N(nt);
     },
-    [N, H, z]
-  ), Qe = D(
-    (et) => {
-      H.current--, z(H.current), I && I(et);
+    [N, _, H]
+  ), Ze = D(
+    (nt) => {
+      _.current--, H(_.current), R && R(nt);
     },
-    [I, H, z]
+    [R, _, H]
   );
-  return /* @__PURE__ */ o(L, { children: /* @__PURE__ */ x(
-    En,
+  return /* @__PURE__ */ o(A, { children: /* @__PURE__ */ E(
+    _n,
     {
       disableContentPaddingRight: !0,
       disabled: O,
-      variant: K,
-      contentRight: /* @__PURE__ */ x(B, { alignItems: "center", children: [
-        /* @__PURE__ */ o(Mt, { num: 0.5, children: /* @__PURE__ */ o(
-          q,
+      variant: v,
+      contentRight: /* @__PURE__ */ E(B, { alignItems: "center", children: [
+        /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
+          G,
           {
-            leftIcon: kt,
-            onClick: E,
+            leftIcon: It,
+            onClick: T,
             disabled: O,
             size: "small"
           }
         ) }),
-        Q ? /* @__PURE__ */ x(Ht, { children: [
-          /* @__PURE__ */ o(B, { height: "22px", children: /* @__PURE__ */ o(Ze, { vertical: !0 }) }),
-          /* @__PURE__ */ o(Mt, { num: 0.5, children: /* @__PURE__ */ o(
-            q,
+        V ? /* @__PURE__ */ E(Wt, { children: [
+          /* @__PURE__ */ o(B, { height: "22px", children: /* @__PURE__ */ o(tn, { vertical: !0 }) }),
+          /* @__PURE__ */ o(Tt, { num: 0.5, children: /* @__PURE__ */ o(
+            G,
             {
-              leftIcon: ae,
-              onClick: A,
+              leftIcon: de,
+              onClick: L,
               disabled: O,
               size: "small"
             }
@@ -1754,38 +1783,38 @@ const $s = ({
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ o(L, { width: tt, children: /* @__PURE__ */ o(
-          ht,
+        /* @__PURE__ */ o(A, { width: Q, children: /* @__PURE__ */ o(
+          pt,
           {
             onEsc: n,
             onEnter: r,
-            onClick: m,
+            onClick: p,
             disabled: O,
             hideBorder: !0,
             placeholder: a,
-            value: f,
+            value: h,
             onValueChange: s,
-            onChange: p,
-            onBlur: Bt,
-            onFocus: Pt,
-            inputRef: v,
-            variant: j,
+            onChange: m,
+            onBlur: $t,
+            onFocus: et,
+            inputRef: U,
+            variant: F,
             type: d,
             autoFocus: t,
-            min: M,
+            min: w,
             max: y
           }
         ) }),
         /* @__PURE__ */ o(B, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ o(
-          Te,
+          Re,
           {
             icon: c,
             size: 12,
-            color: Ct("--lhds-color-ui-500")
+            color: Kt("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ o(L, { width: _, children: /* @__PURE__ */ o(
-          ht,
+        /* @__PURE__ */ o(A, { width: tt, children: /* @__PURE__ */ o(
+          pt,
           {
             onEsc: n,
             onEnter: r,
@@ -1795,21 +1824,21 @@ const $s = ({
             placeholder: l,
             value: g,
             onValueChange: i,
-            onChange: h,
-            onBlur: Qe,
-            onFocus: Yt,
-            inputRef: U,
-            variant: Z,
+            onChange: f,
+            onBlur: Ze,
+            onFocus: dt,
+            inputRef: $,
+            variant: K,
             type: u,
             autoFocus: e,
             min: b,
-            max: w
+            max: M
           }
         ) })
       ]
     }
   ) });
-}, kr = (t) => {
+}, Rr = (t) => {
   if (t == null)
     throw new Error("Time is not set.");
   if (t === "")
@@ -1831,38 +1860,38 @@ const $s = ({
   if (r < 0 || r > 59)
     throw new Error("Invalid time.");
   return n * 100 + r;
-}, Sr = (t) => {
+}, xr = (t) => {
   try {
-    return kr(t), !0;
+    return Rr(t), !0;
   } catch {
     return !1;
   }
 }, Ot = (t) => {
-  if (t && Sr(t)) {
+  if (t && xr(t)) {
     const e = t.split(":");
     return {
-      hour: ge(e[0]),
-      minute: ge(e[1])
+      hour: be(e[0]),
+      minute: be(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, Tr = (t) => `${Ut(String(t.getHours()))}:${Wt(
+}, Er = (t) => `${Ut(String(t.getHours()))}:${vt(
   String(t.getMinutes())
-)}`, Ir = "_timePicker_1w05d_1", Rr = "_timePickerColumn_1w05d_6", ze = {
-  timePicker: Ir,
-  timePickerColumn: Rr
-}, Er = ({
+)}`, _r = "_timePicker_1w05d_1", Nr = "_timePickerColumn_1w05d_6", Ce = {
+  timePicker: _r,
+  timePickerColumn: Nr
+}, Ar = ({
   onClick: t,
   item: e,
   selected: n,
   columnRef: r,
   canScrollRef: s
 }) => {
-  const i = $(null);
-  return X(
+  const i = W(null);
+  return Z(
     function() {
       if (n && r.current && i.current && s.current) {
         const a = i.current.scrollHeight * Math.max(e - 2, 0);
@@ -1879,13 +1908,13 @@ const $s = ({
       indent: 0.5,
       ref: i,
       children: n ? /* @__PURE__ */ o(
-        bt,
+        Mt,
         {
-          label: Rn(String(e), 2, "0"),
+          label: En(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ o(
-        q,
+        G,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1893,15 +1922,15 @@ const $s = ({
       )
     }
   );
-}, Me = ({
+}, Se = ({
   onClick: t,
   items: e,
   selectedItem: n,
   canScrollRef: r
 }) => {
-  const s = $(null);
-  return /* @__PURE__ */ o(C, { className: ze.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
-    Er,
+  const s = W(null);
+  return /* @__PURE__ */ o(z, { className: Ce.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ o(
+    Ar,
     {
       item: i,
       onClick: t,
@@ -1911,12 +1940,12 @@ const $s = ({
     },
     i
   )) });
-}, xr = ue(0, 24), Ar = ue(0, 60), Nr = ({
+}, Lr = he(0, 24), Pr = he(0, 60), Yr = ({
   value: t,
   onValueChange: e
 }) => {
-  const n = $(!0), [r, s] = T(void 0), [i, c] = T(void 0);
-  X(() => {
+  const n = W(!0), [r, s] = I(void 0), [i, c] = I(void 0);
+  Z(() => {
     if (t) {
       const { minute: d, hour: u } = Ot(t);
       s(u), c(d);
@@ -1925,46 +1954,46 @@ const $s = ({
   const a = D(
     (d) => {
       s(d), e == null || e(
-        `${Ut(String(d ?? 0))}:${Wt(String(i ?? 0))}`
+        `${Ut(String(d ?? 0))}:${vt(String(i ?? 0))}`
       );
     },
     [i, e]
   ), l = D(
     (d) => {
       c(d), e == null || e(
-        `${Ut(String(r ?? 0))}:${Wt(String(d ?? 0))}`
+        `${Ut(String(r ?? 0))}:${vt(String(d ?? 0))}`
       );
     },
     [r, e]
   );
-  return /* @__PURE__ */ x(B, { className: ze.timePicker, children: [
+  return /* @__PURE__ */ E(B, { className: Ce.timePicker, children: [
     /* @__PURE__ */ o(
-      Me,
+      Se,
       {
-        items: xr,
+        items: Lr,
         onClick: a,
         selectedItem: r,
         canScrollRef: n
       }
     ),
-    /* @__PURE__ */ o(Mt, {}),
+    /* @__PURE__ */ o(Tt, {}),
     /* @__PURE__ */ o(
-      Me,
+      Se,
       {
-        items: Ar,
+        items: Pr,
         onClick: l,
         selectedItem: i,
         canScrollRef: n
       }
     )
   ] });
-}, Lr = (t, e, n) => {
-  X(
+}, Br = (t, e, n) => {
+  Z(
     function() {
       t && e(t);
     },
     [t, e]
-  ), X(
+  ), Z(
     function() {
       n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
@@ -1972,7 +2001,7 @@ const $s = ({
     },
     [t, n]
   );
-}, _r = (t, e, {
+}, $r = (t, e, {
   setDateInFocus: n,
   showCalendarInternal: r,
   hideCalendarInternal: s,
@@ -1982,45 +2011,45 @@ const $s = ({
   setLocalTime: l,
   localDate: d,
   setLocalDate: u
-}, p) => {
-  const h = D(
-    (w) => {
-      if (!w)
+}, m) => {
+  const f = D(
+    (M) => {
+      if (!M)
         return;
-      const m = new Date(w);
+      const p = new Date(M);
       if (t)
-        m.setHours(t.getHours()), m.setMinutes(t.getMinutes()), e == null || e(m), u(void 0);
+        p.setHours(t.getHours()), p.setMinutes(t.getMinutes()), e == null || e(p), u(void 0);
       else if (a) {
-        const { minute: k, hour: E } = Ot(a);
-        m.setHours(E ?? 0), m.setMinutes(k ?? 0), e == null || e(m), u(void 0);
+        const { minute: k, hour: T } = Ot(a);
+        p.setHours(T ?? 0), p.setMinutes(k ?? 0), e == null || e(p), u(void 0);
       } else
-        u(m);
-      n(m), p.current && (p.current.valueAsDate = new Date(
-        Date.UTC(m.getFullYear(), m.getMonth(), m.getDate())
+        u(p);
+      n(p), m.current && (m.current.valueAsDate = new Date(
+        Date.UTC(p.getFullYear(), p.getMonth(), p.getDate())
       ));
     },
-    [t, p, a, e, n, u]
-  ), f = D(
-    (w) => {
-      if (w)
+    [t, m, a, e, n, u]
+  ), h = D(
+    (M) => {
+      if (M)
         if (t) {
-          const m = Ot(w), k = new Date(t);
-          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), l(void 0);
+          const p = Ot(M), k = new Date(t);
+          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), l(void 0);
         } else if (d) {
-          const m = Ot(w), k = new Date(d);
-          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), l(void 0);
+          const p = Ot(M), k = new Date(d);
+          k.setHours(p.hour || 0), k.setMinutes(p.minute || 0), e == null || e(k), l(void 0);
         } else
-          l(w);
+          l(M);
     },
     [e, t, d, l]
   ), g = D(
-    (w) => {
-      w.target.value[0] !== "0" && h(w.target.valueAsDate);
+    (M) => {
+      M.target.value[0] !== "0" && f(M.target.valueAsDate);
     },
-    [h]
-  ), M = D(
-    (w) => f(w.target.value),
     [f]
+  ), w = D(
+    (M) => h(M.target.value),
+    [h]
   ), y = D(() => {
     n(t || /* @__PURE__ */ new Date()), c("calendar"), r();
   }, [t, c, r, n]), b = D(() => {
@@ -2028,25 +2057,25 @@ const $s = ({
   }, [i, s]);
   return {
     inputLeftChangeHandler: g,
-    inputRightChangeHandler: M,
+    inputRightChangeHandler: w,
     hideCalendar: b,
     showCalendar: y,
-    onChangeTime: f,
-    onChangeDate: h
+    onChangeTime: h,
+    onChangeDate: f
   };
-}, Pr = (t) => {
-  const [e, n] = T(void 0), [r, s] = T(void 0), [i, c, a] = ne(!1), [l, d, u] = ne(!1), [p, h] = T(void 0), [f, g] = T(
+}, Hr = (t) => {
+  const [e, n] = I(void 0), [r, s] = I(void 0), [i, c, a] = re(!1), [l, d, u] = re(!1), [m, f] = I(void 0), [h, g] = I(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [M, y] = T("calendar");
+  ), [w, y] = I("calendar");
   return {
     isCalendarVisible: i,
     showCalendarInternal: c,
     hideCalendarInternal: a,
-    firstFocusedInput: p,
-    setFirstFocusedInput: h,
-    dateInFocus: f,
+    firstFocusedInput: m,
+    setFirstFocusedInput: f,
+    dateInFocus: h,
     setDateInFocus: g,
-    currentPanel: M,
+    currentPanel: w,
     setCurrentPanel: y,
     isTimePickerVisible: l,
     showTimePicker: d,
@@ -2056,7 +2085,7 @@ const $s = ({
     localTime: r,
     setLocalTime: s
   };
-}, Yr = (t, e, n, r, {
+}, Or = (t, e, n, r, {
   isCalendarVisible: s,
   setCurrentPanel: i,
   showTimePicker: c,
@@ -2071,9 +2100,9 @@ const $s = ({
       t(g.date), r(), c();
     },
     [t, r, c]
-  ), p = D(() => {
+  ), m = D(() => {
     i("presets"), n();
-  }, [i, n]), h = D(() => {
+  }, [i, n]), f = D(() => {
     var g;
     s ? r() : ((g = e.current) == null || g.focus(), i("calendar"), n());
   }, [
@@ -2082,7 +2111,7 @@ const $s = ({
     e,
     i,
     n
-  ]), f = D(
+  ]), h = D(
     (g) => {
       g.key === "Escape" && r();
     },
@@ -2092,11 +2121,11 @@ const $s = ({
     onFocusLeft: l,
     onFocusRight: d,
     onClickDay: u,
-    onClickArrowButton: p,
-    onClickCalendarButton: h,
-    onKeyDownHandler: f
+    onClickArrowButton: m,
+    onClickCalendarButton: f,
+    onKeyDownHandler: h
   };
-}, Ws = ({
+}, Vs = ({
   value: t,
   onValueChange: e,
   onEnter: n,
@@ -2106,110 +2135,110 @@ const $s = ({
   minDate: c,
   widthLeft: a = 128,
   widthRight: l = 80,
-  maxDate: d = _t,
+  maxDate: d = Bt,
   variant: u,
-  disabled: p
+  disabled: m
 }) => {
-  const h = $(null), f = $(null), g = Pr(t), {
-    setCurrentPanel: M,
+  const f = W(null), h = W(null), g = Hr(t), {
+    setCurrentPanel: w,
     currentPanel: y,
     isCalendarVisible: b,
-    dateInFocus: w,
-    setDateInFocus: m,
+    dateInFocus: M,
+    setDateInFocus: p,
     isTimePickerVisible: k,
-    hideTimePicker: E,
-    localTime: A,
+    hideTimePicker: T,
+    localTime: L,
     localDate: N
   } = g, {
-    showCalendar: I,
+    showCalendar: R,
     hideCalendar: Y,
     inputLeftChangeHandler: S,
-    inputRightChangeHandler: v,
-    onChangeTime: U,
-    onChangeDate: K
-  } = _r(t, e, g, h), {
-    onKeyDownHandler: j,
-    onFocusRight: Z,
-    onFocusLeft: F,
-    onClickDay: Q,
-    onClickCalendarButton: tt,
-    onClickArrowButton: _
-  } = Yr(
-    K,
-    h,
-    I,
+    inputRightChangeHandler: U,
+    onChangeTime: $,
+    onChangeDate: v
+  } = $r(t, e, g, f), {
+    onKeyDownHandler: F,
+    onFocusRight: K,
+    onFocusLeft: C,
+    onClickDay: V,
+    onClickCalendarButton: Q,
+    onClickArrowButton: tt
+  } = Or(
+    v,
+    f,
+    R,
     Y,
     g
   );
-  Lr(t, m, h);
-  const O = R(() => {
-    const Bt = t || N;
-    return Bt ? at(void 0, Bt, [
+  Br(t, p, f);
+  const O = x(() => {
+    const $t = t || N;
+    return $t ? lt(void 0, $t, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [N, t]), H = D(() => {
-    Y(), E();
-  }, [Y, E]), z = R(
-    () => t ? Tr(t) : A,
-    [t, A]
-  ), Pt = re(b, 300), Yt = re(k, 300);
-  return /* @__PURE__ */ o(L, { onKeyDown: j, children: /* @__PURE__ */ o(
-    At,
+  }, [N, t]), _ = D(() => {
+    Y(), T();
+  }, [Y, T]), H = x(
+    () => t ? Er(t) : L,
+    [t, L]
+  ), et = se(b, 300), dt = se(k, 300);
+  return /* @__PURE__ */ o(A, { onKeyDown: F, children: /* @__PURE__ */ o(
+    Lt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: p,
-      placement: Lt,
+      disabled: m,
+      placement: Yt,
       visible: b || k,
-      onClickOutside: H,
-      content: (Pt || Yt) && /* @__PURE__ */ o(C, { children: Pt ? /* @__PURE__ */ o(
-        gt,
+      onClickOutside: _,
+      content: (et || dt) && /* @__PURE__ */ o(z, { children: et ? /* @__PURE__ */ o(
+        wt,
         {
           statePerMonth: O,
-          onClickDay: Q,
-          dateInFocus: w,
-          setDateInFocus: m,
+          onClickDay: V,
+          dateInFocus: M,
+          setDateInFocus: p,
           currentPanel: y,
-          setCurrentPanel: M,
+          setCurrentPanel: w,
           minDate: c,
           maxDate: d
         }
-      ) : Yt ? /* @__PURE__ */ x(C, { children: [
-        /* @__PURE__ */ o(C, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
-          Nr,
+      ) : dt ? /* @__PURE__ */ E(z, { children: [
+        /* @__PURE__ */ o(z, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ o(
+          Yr,
           {
-            value: z ?? "",
-            onValueChange: U
+            value: H ?? "",
+            onValueChange: $
           }
         ) }),
-        /* @__PURE__ */ o(Dt, {}),
-        /* @__PURE__ */ o(B, { justifyContent: "flex-end", children: /* @__PURE__ */ o(bt, { label: "Done", onClick: E }) })
+        /* @__PURE__ */ o(yt, {}),
+        /* @__PURE__ */ o(B, { justifyContent: "flex-end", children: /* @__PURE__ */ o(Mt, { label: "Done", onClick: T }) })
       ] }) : null }),
       children: /* @__PURE__ */ o(
-        ve,
+        Fe,
         {
           autoFocusLeft: i,
           onEsc: r,
           onEnter: n,
           onBlur: s,
-          disabled: p,
-          separatorIcon: Ie,
+          disabled: m,
+          separatorIcon: xe,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
           onChangeLeft: S,
-          onChangeRight: v,
-          onClickArrowDown: _,
-          onClickCalendar: tt,
-          onFocusLeft: F,
-          onFocusRight: Z,
-          onClickLeft: F,
-          onClickRight: Z,
-          inputRefLeft: h,
-          inputRefRight: f,
-          valueRight: z ?? "",
+          onChangeRight: U,
+          onClickArrowDown: tt,
+          onClickCalendar: Q,
+          onFocusLeft: C,
+          onFocusRight: K,
+          onClickLeft: C,
+          onClickRight: K,
+          inputRefLeft: f,
+          inputRefRight: h,
+          valueRight: H ?? "",
           widthLeft: a,
           widthRight: l,
           minLeft: c,
@@ -2219,34 +2248,34 @@ const $s = ({
       )
     }
   ) });
-}, Br = ({
+}, Wr = ({
   value: t,
   onValueChange: e,
   year: n
 }) => {
   const r = String(n);
-  return /* @__PURE__ */ o(B, { justifyContent: "center", children: t === n ? /* @__PURE__ */ o(bt, { label: r, onClick: () => e == null ? void 0 : e(n) }) : /* @__PURE__ */ o(q, { label: r, onClick: () => e == null ? void 0 : e(n) }) });
-}, vs = ({
+  return /* @__PURE__ */ o(B, { justifyContent: "center", children: t === n ? /* @__PURE__ */ o(Mt, { label: r, onClick: () => e == null ? void 0 : e(n) }) : /* @__PURE__ */ o(G, { label: r, onClick: () => e == null ? void 0 : e(n) }) });
+}, ti = ({
   value: t,
   onValueChange: e,
   initialLastYear: n
 }) => {
-  const [r, s] = T(() => t ? t + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = R(() => {
+  const [r, s] = I(() => t ? t + 4 : n ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = x(() => {
     const c = r - 11;
-    return _e(ue(c, r + 1), 3);
+    return Ye(he(c, r + 1), 3);
   }, [r]);
-  return X(() => {
-    s((c) => Or(t, c));
-  }, [t]), /* @__PURE__ */ x(B, { children: [
-    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
-      q,
+  return Z(() => {
+    s((c) => jr(t, c));
+  }, [t]), /* @__PURE__ */ E(B, { children: [
+    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
+      G,
       {
-        leftIcon: vt,
+        leftIcon: Ft,
         onClick: () => s(r - 3)
       }
     ) }),
-    /* @__PURE__ */ o(C, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(B, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
-      Br,
+    /* @__PURE__ */ o(z, { gap: 1, children: i.map((c) => /* @__PURE__ */ o(B, { gap: 1, children: c.map((a) => /* @__PURE__ */ o(
+      Wr,
       {
         year: a,
         onValueChange: e,
@@ -2254,15 +2283,15 @@ const $s = ({
       },
       a
     )) }, c[0])) }),
-    /* @__PURE__ */ o(C, { justifyContent: "center", children: /* @__PURE__ */ o(
-      q,
+    /* @__PURE__ */ o(z, { justifyContent: "center", children: /* @__PURE__ */ o(
+      G,
       {
-        leftIcon: Et,
+        leftIcon: Nt,
         onClick: () => s(r + 3)
       }
     ) })
   ] });
-}, Or = (t, e) => {
+}, jr = (t, e) => {
   if (t == null)
     return e;
   if (t > e) {
@@ -2275,18 +2304,18 @@ const $s = ({
     return e - i;
   }
   return e;
-}, Hr = (t, e, n, r, s) => {
-  X(
+}, Ur = (t, e, n, r, s) => {
+  Z(
     function() {
       t && n(t);
     },
     [t, n]
-  ), X(
+  ), Z(
     function() {
       e && n(e);
     },
     [e, n]
-  ), X(
+  ), Z(
     function() {
       r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(
@@ -2297,7 +2326,7 @@ const $s = ({
       ) : r.current.valueAsDate = null);
     },
     [t, r]
-  ), X(
+  ), Z(
     function() {
       s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
@@ -2309,7 +2338,7 @@ const $s = ({
     },
     [e, s]
   );
-}, $r = (t, e, n, {
+}, vr = (t, e, n, {
   setDateInFocus: r,
   showCalendarInternal: s,
   hideCalendarInternal: i,
@@ -2317,18 +2346,18 @@ const $s = ({
   setCurrentPanel: a
 }) => {
   const l = D(
-    (h) => {
-      h.target.value[0] !== "0" && (n == null || n({
-        startDate: h.target.valueAsDate ?? void 0,
+    (f) => {
+      f.target.value[0] !== "0" && (n == null || n({
+        startDate: f.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
     [n, e]
   ), d = D(
-    (h) => {
-      h.target.value[0] !== "0" && (n == null || n({
+    (f) => {
+      f.target.value[0] !== "0" && (n == null || n({
         startDate: t,
-        endDate: h.target.valueAsDate ?? void 0
+        endDate: f.target.valueAsDate ?? void 0
       }));
     },
     [n, t]
@@ -2340,19 +2369,19 @@ const $s = ({
     a,
     s,
     r
-  ]), p = D(() => {
+  ]), m = D(() => {
     c(void 0), i();
   }, [c, i]);
   return {
     inputLeftChangeHandler: l,
     inputRightChangeHandler: d,
-    hideCalendar: p,
+    hideCalendar: m,
     setDateInFocus: r,
     setCurrentPanel: a,
     showCalendar: u
   };
-}, Ur = (t, e) => {
-  const [n, r, s] = ne(!1), [i, c] = T(void 0), [a, l] = T("startDate"), [d, u] = T(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [p, h] = T("calendar");
+}, Fr = (t, e) => {
+  const [n, r, s] = re(!1), [i, c] = I(void 0), [a, l] = I("startDate"), [d, u] = I(() => (a === "startDate" ? t : a === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [m, f] = I("calendar");
   return {
     isCalendarVisible: n,
     showCalendarInternal: r,
@@ -2363,18 +2392,18 @@ const $s = ({
     setFocusedInput: l,
     dateInFocus: d,
     setDateInFocus: u,
-    currentPanel: p,
-    setCurrentPanel: h
+    currentPanel: m,
+    setCurrentPanel: f
   };
-}, Wr = (t, e, n, r, s, i, c, {
+}, Cr = (t, e, n, r, s, i, c, {
   firstFocusedInput: a,
   setFirstFocusedInput: l,
   isCalendarVisible: d,
   setFocusedInput: u,
-  focusedInput: p,
-  setCurrentPanel: h
+  focusedInput: m,
+  setCurrentPanel: f
 }) => {
-  const f = D(() => {
+  const h = D(() => {
     a == null && l("startDate"), u("startDate"), d || i();
   }, [
     d,
@@ -2390,28 +2419,28 @@ const $s = ({
     i,
     l,
     a
-  ]), M = D(
-    (m) => {
-      var k, E, A, N;
-      p === "startDate" ? e != null && G(m.date, e) ? (n == null || n({
-        startDate: m.date,
+  ]), w = D(
+    (p) => {
+      var k, T, L, N;
+      m === "startDate" ? e != null && q(p.date, e) ? (n == null || n({
+        startDate: p.date,
         endDate: void 0
       }), u("endDate"), (k = s.current) == null || k.focus()) : (n == null || n({
-        startDate: m.date,
+        startDate: p.date,
         endDate: e
-      }), a === "startDate" ? (u("endDate"), (E = s.current) == null || E.focus()) : setTimeout(c, 50)) : p === "endDate" && (t ? G(t, m.date) ? (n == null || n({
-        startDate: m.date,
+      }), a === "startDate" ? (u("endDate"), (T = s.current) == null || T.focus()) : setTimeout(c, 50)) : m === "endDate" && (t ? q(t, p.date) ? (n == null || n({
+        startDate: p.date,
         endDate: void 0
       }), u("endDate"), (N = s.current) == null || N.focus()) : (n == null || n({
         startDate: t,
-        endDate: m.date
+        endDate: p.date
       }), setTimeout(c, 50)) : (n == null || n({
         startDate: t,
-        endDate: m.date
-      }), u("startDate"), (A = r.current) == null || A.focus()));
+        endDate: p.date
+      }), u("startDate"), (L = r.current) == null || L.focus()));
     },
     [
-      p,
+      m,
       n,
       e,
       a,
@@ -2422,34 +2451,34 @@ const $s = ({
       r
     ]
   ), y = D(() => {
-    h("presets"), i();
-  }, [h, i]), b = D(() => {
-    var m;
-    d ? c() : (u("startDate"), l("startDate"), (m = r.current) == null || m.focus(), h("calendar"), i());
+    f("presets"), i();
+  }, [f, i]), b = D(() => {
+    var p;
+    d ? c() : (u("startDate"), l("startDate"), (p = r.current) == null || p.focus(), f("calendar"), i());
   }, [
     d,
     c,
     u,
     l,
     r,
-    h,
+    f,
     i
-  ]), w = D(
-    (m) => {
-      m.key === "Escape" && c();
+  ]), M = D(
+    (p) => {
+      p.key === "Escape" && c();
     },
     [c]
   );
   return {
-    onFocusLeft: f,
+    onFocusLeft: h,
     onFocusRight: g,
-    onClickDay: M,
+    onClickDay: w,
     onClickArrowButton: y,
     onClickCalendarButton: b,
-    onKeyDownHandler: w
+    onKeyDownHandler: M
   };
 };
-function zs({
+function ei({
   value: t,
   onValueChange: e,
   autoFocus: n,
@@ -2457,107 +2486,107 @@ function zs({
   onEnter: s,
   onEsc: i,
   minDate: c,
-  maxDate: a = _t,
+  maxDate: a = Bt,
   calendarProps: l,
   widthLeft: d = 128,
   widthRight: u = 128,
-  variant: p,
-  disabled: h
+  variant: m,
+  disabled: f
 }) {
-  const { startDate: f, endDate: g } = t || {}, M = $(null), y = $(null), b = Ur(f, g), {
-    dateInFocus: w,
-    setDateInFocus: m,
+  const { startDate: h, endDate: g } = t || {}, w = W(null), y = W(null), b = Fr(h, g), {
+    dateInFocus: M,
+    setDateInFocus: p,
     isCalendarVisible: k,
-    currentPanel: E,
-    setCurrentPanel: A
+    currentPanel: T,
+    setCurrentPanel: L
   } = b, {
     showCalendar: N,
-    hideCalendar: I,
+    hideCalendar: R,
     inputLeftChangeHandler: Y,
     inputRightChangeHandler: S
-  } = $r(f, g, e, b), {
-    onKeyDownHandler: v,
-    onFocusRight: U,
-    onFocusLeft: K,
-    onClickDay: j,
-    onClickCalendarButton: Z,
-    onClickArrowButton: F
-  } = Wr(
-    f,
+  } = vr(h, g, e, b), {
+    onKeyDownHandler: U,
+    onFocusRight: $,
+    onFocusLeft: v,
+    onClickDay: F,
+    onClickCalendarButton: K,
+    onClickArrowButton: C
+  } = Cr(
+    h,
     g,
     e,
-    M,
+    w,
     y,
     N,
-    I,
+    R,
     b
   );
-  Hr(
-    f,
+  Ur(
+    h,
     g,
-    m,
-    M,
+    p,
+    w,
     y
   );
-  const Q = R(
-    () => f && g && G(f, g),
-    [f, g]
-  ), tt = R(
-    () => Ln(
+  const V = x(
+    () => h && g && q(h, g),
+    [h, g]
+  ), Q = x(
+    () => Pn(
       l == null ? void 0 : l.statePerMonth,
-      f,
+      h,
       g,
-      w
+      M
     ),
-    [l == null ? void 0 : l.statePerMonth, f, g, w]
-  ), _ = re(k, 300);
-  return /* @__PURE__ */ o(L, { onKeyDown: v, children: /* @__PURE__ */ o(
-    At,
+    [l == null ? void 0 : l.statePerMonth, h, g, M]
+  ), tt = se(k, 300);
+  return /* @__PURE__ */ o(A, { onKeyDown: U, children: /* @__PURE__ */ o(
+    Lt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: h,
-      placement: Lt,
-      onClickOutside: I,
+      disabled: f,
+      placement: Yt,
+      onClickOutside: R,
       visible: k,
-      content: _ && /* @__PURE__ */ o(
-        gt,
+      content: tt && /* @__PURE__ */ o(
+        wt,
         {
-          onClickDay: j,
-          dateInFocus: w,
-          setDateInFocus: m,
-          currentPanel: E,
-          setCurrentPanel: A,
+          onClickDay: F,
+          dateInFocus: M,
+          setDateInFocus: p,
+          currentPanel: T,
+          setCurrentPanel: L,
           minDate: c,
           maxDate: a,
           ...l,
-          statePerMonth: tt
+          statePerMonth: Q
         }
       ),
       children: /* @__PURE__ */ o(
-        ve,
+        Fe,
         {
           autoFocusLeft: n,
           onEsc: i,
           onEnter: s,
           onBlur: r,
-          disabled: h,
-          separatorIcon: Et,
+          disabled: f,
+          separatorIcon: Nt,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
           onChangeLeft: Y,
           onChangeRight: S,
-          onClickArrowDown: F,
-          onClickCalendar: Z,
-          onFocusLeft: K,
-          onFocusRight: U,
-          onClickLeft: K,
-          onClickRight: U,
-          inputRefLeft: M,
+          onClickArrowDown: C,
+          onClickCalendar: K,
+          onFocusLeft: v,
+          onFocusRight: $,
+          onClickLeft: v,
+          onClickRight: $,
+          inputRefLeft: w,
           inputRefRight: y,
-          variant: Q ? "error" : p,
+          variant: V ? "error" : m,
           widthLeft: d,
           widthRight: u,
           minLeft: c,
@@ -2569,7 +2598,7 @@ function zs({
     }
   ) });
 }
-const oe = ({
+const ce = ({
   onChange: t,
   onValueChange: e,
   mask: n,
@@ -2579,10 +2608,11 @@ const oe = ({
   keepCharPositions: c,
   placeholderChar: a,
   showMask: l,
-  ...d
+  calendarSize: d,
+  ...u
 }) => {
-  const u = $(null), { onChange: p } = Nn(
-    u,
+  const m = W(null), { onChange: f } = Ln(
+    m,
     t,
     e,
     n,
@@ -2594,28 +2624,40 @@ const oe = ({
     l
   );
   return /* @__PURE__ */ o(
-    xn,
+    Nn,
     {
-      ...d,
-      ref: u,
-      onChange: p,
-      width: "168px"
+      ...u,
+      ref: m,
+      onChange: f,
+      width: zr(d),
+      size: d === "large" ? "large" : "medium"
     }
   );
-}, vr = [/[1-2]/, /\d/, /\d/, /\d/], zr = [/[0-1]/, /\d/], Fr = [/[0-3]/, /\d/], Fe = (t) => Cr(t).flatMap(jr), jr = (t) => {
+}, zr = (t) => {
+  switch (t) {
+    case "small":
+      return "140px";
+    case "medium":
+      return "168px";
+    case "large":
+      return "224px";
+    default:
+      return le(t, "168px");
+  }
+}, Kr = [/[1-2]/, /\d/, /\d/, /\d/], Jr = [/[0-1]/, /\d/], qr = [/[0-3]/, /\d/], ze = (t) => Qr(t).flatMap(Gr), Gr = (t) => {
   switch (t) {
     case "yyyy":
-      return vr;
+      return Kr;
     case "mm":
     case "MM":
-      return zr;
+      return Jr;
     case "dd":
     case "DD":
-      return Fr;
+      return qr;
     default:
       return [t];
   }
-}, Cr = (t) => {
+}, Qr = (t) => {
   if (t.length === 0)
     return [];
   const e = [];
@@ -2623,33 +2665,33 @@ const oe = ({
   for (let r = 1; r < t.length; r++)
     t[r] !== t[r - 1] ? (e.push(n), n = t[r]) : n += t[r];
   return e.push(n), e;
-}, wt = (t) => {
+}, kt = (t) => {
   const n = new Intl.DateTimeFormat(t, { dateStyle: "short" }).formatToParts(/* @__PURE__ */ new Date()), r = {
     year: "yyyy",
     month: "MM",
     day: "dd"
   };
   return n.map((s) => r[s.type] || s.value).join("");
-}, je = {
-  "en-US": mn,
-  "en-GB": Ft,
-  "de-AT": gn,
-  "de-DE": De,
-  fr: Dn,
-  de: De,
-  es: bn,
-  sv: wn,
-  pl: yn,
-  da: Mn,
-  nl: kn,
-  nb: Sn
-}, Gt = (t) => je[t], Ce = () => je.sv, ut = (t, e, n) => {
+}, Ke = {
+  "en-US": Dn,
+  "en-GB": zt,
+  "de-AT": bn,
+  "de-DE": we,
+  fr: wn,
+  de: we,
+  es: yn,
+  sv: Mn,
+  pl: kn,
+  da: Sn,
+  nl: Tn,
+  nb: In
+}, Gt = (t) => Ke[t], Je = () => Ke.sv, ht = (t, e, n) => {
   const r = Gt(e);
   if (r == null)
     return;
-  const s = ft(
+  const s = mt(
     t,
-    wt(e),
+    kt(e),
     n ?? /* @__PURE__ */ new Date(),
     {
       locale: r
@@ -2657,104 +2699,107 @@ const oe = ({
   );
   if (!isNaN(s.getTime()))
     return s;
-}, yt = (t, e) => W(t, wt(e), {
+}, St = (t, e) => j(t, kt(e), {
   locale: Gt(e)
-}), ce = (t, e) => {
-  const n = ut(t, e);
+}), ae = (t, e) => {
+  const n = ht(t, e);
   if (n != null)
-    return yt(n, e);
-}, Ke = ({
+    return St(n, e);
+}, qe = ({
   value: t,
   onValueChange: e,
   localeCode: n,
   startDateLabel: r = "From",
   endDateLabel: s = "To",
-  onFocus: i
+  onFocus: i,
+  calendarSize: c
 }) => {
-  const { mask: c, placeholder: a } = R(() => {
-    const l = wt(n);
+  const { mask: a, placeholder: l } = x(() => {
+    const d = kt(n);
     return {
-      mask: Fe(l),
-      placeholder: l.toLowerCase()
+      mask: ze(d),
+      placeholder: d.toLowerCase()
     };
   }, [n]);
-  return /* @__PURE__ */ x(B, { children: [
+  return /* @__PURE__ */ E(B, { children: [
     /* @__PURE__ */ o(
-      oe,
+      ce,
       {
-        mask: c,
+        mask: a,
         value: t == null ? void 0 : t.startDate,
-        onValueChange: (l) => {
-          e == null || e({ startDate: l });
+        onValueChange: (d) => {
+          e == null || e({ startDate: d });
         },
-        onBlur: (l) => {
-          const d = ce(
-            l.target.value,
+        onBlur: (d) => {
+          const u = ae(
+            d.target.value,
             n
           );
-          d && d !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: d }));
+          u && u !== (t == null ? void 0 : t.startDate) && (e == null || e({ startDate: u }));
         },
         onFocus: i,
         label: r,
         borderRadiusVariant: "onlyLeft",
-        placeholder: a
+        placeholder: l,
+        calendarSize: c
       }
     ),
     /* @__PURE__ */ o(
-      oe,
+      ce,
       {
-        mask: c,
+        mask: a,
         value: t == null ? void 0 : t.endDate,
-        onValueChange: (l) => e == null ? void 0 : e({ endDate: l }),
-        onBlur: (l) => {
-          const d = ce(
-            l.target.value,
+        onValueChange: (d) => e == null ? void 0 : e({ endDate: d }),
+        onBlur: (d) => {
+          const u = ae(
+            d.target.value,
             n
           );
-          d && d !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: d }));
+          u && u !== (t == null ? void 0 : t.endDate) && (e == null || e({ endDate: u }));
         },
         onFocus: i,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: a
+        placeholder: l,
+        calendarSize: c
       }
     )
   ] });
-}, Je = (t, e, n, r) => {
-  const s = Gt(n) ?? Ce(), i = he(), c = me(), a = $(null), l = R(
-    () => wt(n),
+}, Ge = (t, e, n, r) => {
+  const s = Gt(n) ?? Je(), i = ge(), c = De(), a = W(null), l = x(
+    () => kt(n),
     [n]
-  ), d = R(
+  ), d = x(
     () => {
       var S;
-      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? ut(t.startDate, n) : void 0;
+      return ((S = t == null ? void 0 : t.startDate) == null ? void 0 : S.length) === l.length ? ht(t.startDate, n) : void 0;
     },
     [l.length, n, t == null ? void 0 : t.startDate]
-  ), u = R(
+  ), u = x(
     () => {
       var S;
-      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? ut(t.endDate, n) : void 0;
+      return ((S = t == null ? void 0 : t.endDate) == null ? void 0 : S.length) === l.length ? ht(t.endDate, n) : void 0;
     },
     [l.length, n, t == null ? void 0 : t.endDate]
-  ), [p, h] = T(
+  ), [m, f] = I(
     r ?? d ?? /* @__PURE__ */ new Date()
-  ), f = D(
+  ), h = D(
     (S) => {
-      rt(S, c) || G(S, c) ? h(S) : h(c);
+      st(S, c) || q(S, c) ? f(S) : f(c);
     },
     [c]
-  ), g = R(
-    () => Kt(
-      p.getFullYear(),
-      p.getMonth(),
+  ), g = x(
+    () => Jt(
+      m.getFullYear(),
+      m.getMonth(),
       s
     ),
-    [s, p]
-  ), M = R(() => Tt(W(p, "MMMM yyyy", { locale: s })), [s, p]), y = R(() => rt(c, p), [c, p]), [b, w] = T(), [m, k] = T("calendar"), E = D(
+    [s, m]
+  ), w = x(() => xt(j(m, "MMMM yyyy", { locale: s })), [s, m]), y = x(() => st(c, m), [c, m]), [b, M] = I(), [p, k] = I("calendar"), T = D(
     (S) => {
-      var K, j;
-      const v = ((K = S == null ? void 0 : S.startDate) == null ? void 0 : K.length) === l.length ? ut(S.startDate, n) : void 0, U = ((j = S == null ? void 0 : S.endDate) == null ? void 0 : j.length) === l.length ? ut(S.endDate, n) : void 0;
-      v ? f(v) : U && f(U), e == null || e({
+      var v, F;
+      const U = ((v = S == null ? void 0 : S.startDate) == null ? void 0 : v.length) === l.length ? ht(S.startDate, n) : void 0, $ = ((F = S == null ? void 0 : S.endDate) == null ? void 0 : F.length) === l.length ? ht(S.endDate, n) : void 0;
+      U ? h(U) : $ && h($), e == null || e({
         ...t,
         ...S
       });
@@ -2763,52 +2808,52 @@ const oe = ({
       l.length,
       n,
       e,
-      f,
+      h,
       t
     ]
-  ), A = R(
-    () => rt(c, p) || nt(p, c),
-    [c, p]
-  ), N = R(
-    () => (d && u && (P(d, u) || nt(d, u))) ?? !1,
+  ), L = x(
+    () => st(c, m) || rt(m, c),
+    [c, m]
+  ), N = x(
+    () => (d && u && (P(d, u) || rt(d, u))) ?? !1,
     [u, d]
   );
   return {
     isDateDisabled: D(
-      (S) => !P(S, c) && nt(S, c),
+      (S) => !P(S, c) && rt(S, c),
       [c]
     ),
     onClickDate: (S) => {
-      S.getFullYear() === p.getFullYear() && S.getMonth() === p.getMonth() && (d && u == null ? nt(S, d) ? e == null || e({
-        startDate: yt(S, n),
+      S.getFullYear() === m.getFullYear() && S.getMonth() === m.getMonth() && (d && u == null ? rt(S, d) ? e == null || e({
+        startDate: St(S, n),
         endDate: void 0
       }) : e == null || e({
         startDate: t == null ? void 0 : t.startDate,
-        endDate: yt(S, n)
+        endDate: St(S, n)
       }) : e == null || e({
-        startDate: yt(S, n),
+        startDate: St(S, n),
         endDate: void 0
       }));
     },
-    onValueChangeByInputs: E,
+    onValueChangeByInputs: T,
     isValidDateRange: N,
-    prevMonthDisabled: A,
+    prevMonthDisabled: L,
     monthPickerButtonRef: a,
     calendarId: i,
-    monthPickerButtonLabel: M,
-    visiblePanel: m,
+    monthPickerButtonLabel: w,
+    visiblePanel: p,
     setVisiblePanel: k,
-    setVisibleMonth: h,
+    setVisibleMonth: f,
     visibleMonthData: g,
     todayIsInVisibleMonth: y,
     hoverDate: b,
-    setHoverDate: w,
+    setHoverDate: M,
     selectedStartDate: d,
     selectedEndDate: u,
     today: c,
-    visibleMonth: p
+    visibleMonth: m
   };
-}, qt = ({
+}, Qt = ({
   previousMonthButtonAriaLabel: t,
   nextMonthButtonAriaLabel: e,
   monthPickerButtonLabel: n,
@@ -2817,51 +2862,58 @@ const oe = ({
   monthPickerButtonRef: i,
   setVisibleMonth: c,
   visibleMonth: a,
-  prevMonthDisabled: l
-}) => /* @__PURE__ */ x(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
+  prevMonthDisabled: l,
+  calendarSize: d
+}) => /* @__PURE__ */ E(B, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
   /* @__PURE__ */ o(
-    q,
+    G,
     {
       "aria-live": "polite",
       label: n,
-      rightIcon: r === "calendar" ? ae : on,
+      rightIcon: r === "calendar" ? de : an,
       onClick: () => s(
         r === "calendar" ? "month-picker" : "calendar"
       ),
-      ref: i
+      ref: i,
+      size: d === "large" ? "large" : "medium"
     }
   ),
-  /* @__PURE__ */ x(B, { alignItems: "center", gap: 2, children: [
+  /* @__PURE__ */ E(B, { alignItems: "center", gap: 2, children: [
     /* @__PURE__ */ o(
-      ct,
+      at,
       {
-        leftIcon: vt,
-        onClick: () => c(de(a, 1)),
+        leftIcon: Ft,
+        onClick: () => c(fe(a, 1)),
         disabled: l,
-        "aria-label": t
+        "aria-label": t,
+        size: d === "large" ? "large" : "medium"
       }
     ),
     /* @__PURE__ */ o(
-      ct,
+      at,
       {
-        leftIcon: Et,
-        onClick: () => c(xt(a, 1)),
-        "aria-label": e
+        leftIcon: Nt,
+        onClick: () => c(At(a, 1)),
+        "aria-label": e,
+        size: d === "large" ? "large" : "medium"
       }
     )
   ] })
-] }), Kr = "_travelDateCell_1g60o_1", Jr = "_outline_1g60o_13", Gr = "_contentWrapper_1g60o_26", qr = "_disabled_1g60o_47", Qr = "_isToday_1g60o_50", Xr = "_isSelectionStart_1g60o_54", Zr = "_isSelectionEnd_1g60o_55", Vr = "_hover_1g60o_70", ts = "_startSelected_1g60o_73", es = "_endSelected_1g60o_73", V = {
-  travelDateCell: Kr,
-  outline: Jr,
-  contentWrapper: Gr,
-  disabled: qr,
-  isToday: Qr,
-  isSelectionStart: Xr,
-  isSelectionEnd: Zr,
-  hover: Vr,
-  startSelected: ts,
-  endSelected: es
-}, it = Ct("--lhds-color-red-100"), ns = (t, e, n, r, s, i) => {
+] }), Xr = "_travelDateCell_1njsn_1", Zr = "_small_1njsn_4", Vr = "_medium_1njsn_9", ts = "_large_1njsn_14", es = "_outline_1njsn_26", ns = "_contentWrapper_1njsn_39", rs = "_disabled_1njsn_60", ss = "_isToday_1njsn_63", is = "_isSelectionStart_1njsn_67", os = "_isSelectionEnd_1njsn_68", cs = "_hover_1njsn_83", as = "_startSelected_1njsn_86", ls = "_endSelected_1njsn_86", X = {
+  travelDateCell: Xr,
+  small: Zr,
+  medium: Vr,
+  large: ts,
+  outline: es,
+  contentWrapper: ns,
+  disabled: rs,
+  isToday: ss,
+  isSelectionStart: is,
+  isSelectionEnd: os,
+  hover: cs,
+  startSelected: as,
+  endSelected: ls
+}, ot = Kt("--lhds-color-red-100"), ds = (t, e, n, r, s, i) => {
   if (!s)
     return {
       left: "transparent",
@@ -2877,56 +2929,56 @@ const oe = ({
       left: "transparent",
       right: "transparent"
     };
-  const c = e && n ? G(t, e) && nt(t, n) && !P(t, e) && !P(t, n) : !1, a = e && r ? G(t, e) && nt(t, r) && !P(t, e) && !P(t, r) : !1;
+  const c = e && n ? q(t, e) && rt(t, n) && !P(t, e) && !P(t, n) : !1, a = e && r ? q(t, e) && rt(t, r) && !P(t, e) && !P(t, r) : !1;
   if (c)
     return {
-      left: it,
-      right: it
+      left: ot,
+      right: ot
     };
   if (e && n)
     return P(t, e) ? {
       left: "transparent",
-      right: it
+      right: ot
     } : P(t, n) ? {
-      left: it,
+      left: ot,
       right: "transparent"
     } : {
       left: "transparent",
       right: "transparent"
     };
-  if (e && r && G(r, e)) {
+  if (e && r && q(r, e)) {
     if (P(t, e))
       return {
         left: "transparent",
-        right: it
+        right: ot
       };
     if (P(t, r))
       return {
-        left: it,
+        left: ot,
         right: "transparent"
       };
   }
   return a ? {
-    left: it,
-    right: it
+    left: ot,
+    right: ot
   } : {
     left: "transparent",
     right: "transparent"
   };
-}, rs = (t, e) => {
+}, us = (t, e) => {
   switch (e) {
     case "PageUp":
-      return de(t, 1);
+      return fe(t, 1);
     case "PageDown":
-      return xt(t, 1);
+      return At(t, 1);
     case "Home":
-      return $t(t);
+      return jt(t);
     case "End":
-      return J($t(t), 6);
+      return J(jt(t), 6);
     case "ArrowLeft":
-      return lt(t, 1);
+      return ut(t, 1);
     case "ArrowUp":
-      return lt(t, 7);
+      return ut(t, 7);
     case "ArrowRight":
       return J(t, 1);
     case "ArrowDown":
@@ -2934,7 +2986,27 @@ const oe = ({
     default:
       return;
   }
-}, Vt = (t, e) => W(Le(t, 12), st.fullDate) + e, ss = ({
+}, te = (t, e) => j(Pe(t, 12), it.fullDate) + e, fs = "_travelDateCellBackground_1xm0q_1", hs = "_small_1xm0q_2", ms = "_medium_1xm0q_7", gs = "_large_1xm0q_12", Ht = {
+  travelDateCellBackground: fs,
+  small: hs,
+  medium: ms,
+  large: gs
+}, ps = ({ calendarSize: t, bgColorLeft: e, bgColorRight: n }) => /* @__PURE__ */ E(B, { children: [
+  /* @__PURE__ */ o(
+    A,
+    {
+      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      background: e
+    }
+  ),
+  /* @__PURE__ */ o(
+    A,
+    {
+      className: gt(Ht.travelDateCellBackground, Ht[t]),
+      background: n
+    }
+  )
+] }), Ds = ({
   onClick: t,
   visibleMonth: e,
   onChangeVisibleMonth: n,
@@ -2946,76 +3018,81 @@ const oe = ({
   onEndHover: l,
   hoverDate: d,
   today: u,
-  todayIsInVisibleMonth: p,
-  calendarId: h,
-  isDateDisabled: f
+  todayIsInVisibleMonth: m,
+  calendarId: f,
+  isDateDisabled: h,
+  size: g
 }) => {
-  const g = D(
-    async (E) => {
-      var N;
-      const A = rs(r.date, E.key);
-      A && !f(A) && (a(A), rt(r.date, A) ? (N = document.getElementById(Vt(A, h))) == null || N.focus() : (n(A), setTimeout(() => {
-        var I;
-        (I = document.getElementById(Vt(A, h))) == null || I.focus();
-      }, 10))), (E.key === "Enter" || E.code === "Space") && t(r.date);
+  const w = D(
+    async (L) => {
+      var R;
+      const N = us(r.date, L.key);
+      N && !h(N) && (a(N), st(r.date, N) ? (R = document.getElementById(te(N, f))) == null || R.focus() : (n(N), setTimeout(() => {
+        var Y;
+        (Y = document.getElementById(te(N, f))) == null || Y.focus();
+      }, 10))), (L.key === "Enter" || L.code === "Space") && t(r.date);
     },
     [
-      h,
-      r.date,
       f,
+      r.date,
+      h,
       n,
       t,
       a
     ]
-  ), M = r.month === e.getMonth(), y = f(r.date), b = i ? P(i, r.date) : !1, w = c ? P(c, r.date) : !1, m = P(r.date, u), k = ns(
+  ), y = r.month === e.getMonth(), b = h(r.date), M = i ? P(i, r.date) : !1, p = c ? P(c, r.date) : !1, k = P(r.date, u), T = ds(
     r.date,
     i,
     c,
     d,
-    M,
+    y,
     s
   );
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ E(
     "td",
     {
-      className: V.travelDateCell,
-      onClick: y ? void 0 : () => t(r.date),
-      onMouseOver: y ? void 0 : () => M && a(r.date),
-      onMouseOut: y ? void 0 : () => M && l(r.date),
-      tabIndex: y ? void 0 : is(
+      className: gt(X.travelDateCell, X[g]),
+      onClick: b ? void 0 : () => t(r.date),
+      onMouseOver: b ? void 0 : () => y && a(r.date),
+      onMouseOut: b ? void 0 : () => y && l(r.date),
+      tabIndex: b ? void 0 : bs(
         r,
         i,
-        m,
+        k,
         e,
-        p
+        m
       ),
-      id: y ? void 0 : Vt(r.date, h),
-      onKeyDown: y ? void 0 : g,
-      "aria-selected": b || w,
+      id: b ? void 0 : te(r.date, f),
+      onKeyDown: b ? void 0 : w,
+      "aria-selected": M || p,
       children: [
-        /* @__PURE__ */ o("div", { className: V.outline }),
-        /* @__PURE__ */ x(B, { children: [
-          /* @__PURE__ */ o(L, { height: "48px", width: "24px", background: k.left }),
-          /* @__PURE__ */ o(L, { height: "48px", width: "24px", background: k.right })
-        ] }),
-        M && /* @__PURE__ */ o(
+        /* @__PURE__ */ o("div", { className: X.outline }),
+        /* @__PURE__ */ o(
+          ps,
+          {
+            calendarSize: g,
+            bgColorLeft: T.left,
+            bgColorRight: T.right
+          }
+        ),
+        y && /* @__PURE__ */ o(
           "div",
           {
-            className: jt(
-              V.contentWrapper,
-              m ? V.isToday : void 0,
-              i ? V.startSelected : void 0,
-              c ? V.endSelected : void 0,
-              d && P(d, r.date) ? V.hover : void 0,
-              b && V.isSelectionStart,
-              w && V.isSelectionEnd,
-              y && V.disabled
+            className: gt(
+              X.contentWrapper,
+              k ? X.isToday : void 0,
+              i ? X.startSelected : void 0,
+              c ? X.endSelected : void 0,
+              d && P(d, r.date) ? X.hover : void 0,
+              M && X.isSelectionStart,
+              p && X.isSelectionEnd,
+              b && X.disabled
             ),
             children: /* @__PURE__ */ o(
-              pt,
+              Dt,
               {
                 variant: "bold",
-                color: y ? Ct("--lhds-color-ui-500") : void 0,
+                color: b ? Kt("--lhds-color-ui-500") : void 0,
                 children: r.dayOfMonth
               }
             )
@@ -3024,12 +3101,12 @@ const oe = ({
       ]
     }
   );
-}, is = (t, e, n, r, s) => {
-  const i = e ? rt(e, r) : !1;
+}, bs = (t, e, n, r, s) => {
+  const i = e ? st(e, r) : !1;
   return (e && i ? P(t.date, e) : n) || !i && !s && t.date.getDate() === 1 ? 0 : -1;
-}, os = "_travelCalendar_18pjj_1", cs = {
-  travelCalendar: os
-}, Qt = ({
+}, ws = "_travelCalendar_18pjj_1", ys = {
+  travelCalendar: ws
+}, Xt = ({
   visibleMonthData: t,
   onClickDate: e,
   setHoverDate: n,
@@ -3041,35 +3118,37 @@ const oe = ({
   hoverDate: l,
   today: d,
   calendarId: u,
-  isDateDisabled: p,
-  todayIsInVisibleMonth: h
-}) => /* @__PURE__ */ o("table", { className: cs.travelCalendar, children: /* @__PURE__ */ x("tbody", { children: [
-  /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((f) => /* @__PURE__ */ o("th", { abbr: f.fullName, children: /* @__PURE__ */ o(pt, { children: f.name }) }, f.name)) }),
-  t.weeks.map((f) => /* @__PURE__ */ o(fe.Fragment, { children: /* @__PURE__ */ o("tr", { children: f.days.map((g) => /* @__PURE__ */ o(
-    ss,
+  isDateDisabled: m,
+  todayIsInVisibleMonth: f,
+  size: h = "medium"
+}) => /* @__PURE__ */ o("table", { className: ys.travelCalendar, children: /* @__PURE__ */ E("tbody", { children: [
+  /* @__PURE__ */ o("tr", { children: t.weeks[0].days.map((g) => /* @__PURE__ */ o("th", { abbr: g.fullName, children: /* @__PURE__ */ o(Dt, { children: g.name }) }, g.name)) }),
+  t.weeks.map((g) => /* @__PURE__ */ o(me.Fragment, { children: /* @__PURE__ */ o("tr", { children: g.days.map((w) => /* @__PURE__ */ o(
+    Ds,
     {
-      onClick: (M) => e(M),
+      size: h,
+      onClick: (y) => e(y),
       visibleMonth: s,
       onChangeVisibleMonth: r,
       isValidDateRange: i,
-      day: g,
-      onStartHover: (M) => n(M),
-      onEndHover: (M) => n((y) => y && P(y, M) ? void 0 : y),
+      day: w,
+      onStartHover: (y) => n(y),
+      onEndHover: (y) => n((b) => b && P(b, y) ? void 0 : b),
       selectedStartDate: c,
       selectedEndDate: a,
       hoverDate: l,
       today: d,
-      todayIsInVisibleMonth: h,
+      todayIsInVisibleMonth: f,
       calendarId: u,
-      isDateDisabled: p
+      isDateDisabled: m
     },
-    g.dateString
-  )) }, f.weekNumber) }, f.weekNumber))
-] }) }), as = "_travelDateRangeInput_1j7rp_1", ls = "_overlay_1j7rp_2", ds = "_calendarVisible_1j7rp_6", te = {
-  travelDateRangeInput: as,
-  overlay: ls,
-  calendarVisible: ds
-}, Fs = ({
+    w.dateString
+  )) }, g.weekNumber) }, g.weekNumber))
+] }) }), Ms = "_travelDateRangeInput_1j7rp_1", ks = "_overlay_1j7rp_2", Ss = "_calendarVisible_1j7rp_6", ee = {
+  travelDateRangeInput: Ms,
+  overlay: ks,
+  calendarVisible: Ss
+}, ni = ({
   value: t,
   onValueChange: e,
   startDateLabel: n,
@@ -3081,120 +3160,124 @@ const oe = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: p = /* @__PURE__ */ new Date(),
-  zIndex: h = 1e3,
-  zIndexWhenClosed: f,
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  zIndex: f = 1e3,
+  zIndexWhenClosed: h,
   onHideCalendar: g,
-  renderBelowCalendar: M
+  renderBelowCalendar: w,
+  size: y = "medium"
 }) => {
-  const [y, b] = T(!1), [w, m] = T(!1), [k, E] = T({
+  const [b, M] = I(!1), [p, k] = I(!1), [T, L] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), A = $(!1), N = D(() => {
-    A.current = !0, m(!0), setTimeout(() => {
-      b(!0);
+  }), N = y === "large" ? "8.8rem" : "6.6rem", R = W(!1), Y = D(() => {
+    R.current = !0, k(!0), setTimeout(() => {
+      M(!0);
     }, 10);
-  }, []), I = D(() => {
-    w && (b(!1), A.current = !1, g == null || g(), setTimeout(() => {
-      A.current || m(!1);
+  }, []), S = D(() => {
+    p && (M(!1), R.current = !1, g == null || g(), setTimeout(() => {
+      R.current || k(!1);
     }, 120));
-  }, [w, g]), Y = $(null), S = $(null);
-  Se(Y, I), Pe(() => {
-    var H, z;
-    const _ = (H = S.current) == null ? void 0 : H.offsetWidth, O = (z = S.current) == null ? void 0 : z.offsetHeight;
-    _ != null && O != null && (k.height !== O || k.width !== _) && E({ width: _, height: O });
-  }, [k.height, k.width]);
-  const v = Je(
+  }, [p, g]), U = W(null), $ = W(null);
+  Ie(U, S), Be(() => {
+    var et, dt;
+    const _ = (et = $.current) == null ? void 0 : et.offsetWidth, H = (dt = $.current) == null ? void 0 : dt.offsetHeight;
+    _ != null && H != null && (T.height !== H || T.width !== _) && L({ width: _, height: H });
+  }, [T.height, T.width]);
+  const v = Ge(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: U,
+    visiblePanel: F,
     visibleMonth: K,
-    onValueChangeByInputs: j,
-    setVisibleMonth: Z,
-    setVisiblePanel: F,
-    monthPickerButtonRef: Q
-  } = v, tt = D(
+    onValueChangeByInputs: C,
+    setVisibleMonth: V,
+    setVisiblePanel: Q,
+    monthPickerButtonRef: tt
+  } = v, O = D(
     (_) => {
-      _.key === "Escape" && I();
+      _.key === "Escape" && S();
     },
-    [I]
+    [S]
   );
-  return /* @__PURE__ */ x(
-    L,
+  return /* @__PURE__ */ E(
+    A,
     {
       position: "relative",
-      className: te.travelDateRangeInput,
-      ref: Y,
-      onKeyDown: tt,
-      height: k.height,
-      width: k.width,
+      className: ee.travelDateRangeInput,
+      ref: U,
+      onKeyDown: O,
+      height: T.height,
+      width: T.width,
       children: [
         /* @__PURE__ */ o(
-          L,
+          A,
           {
             position: "absolute",
-            ref: S,
-            zIndex: w ? h : f,
+            ref: $,
+            zIndex: p ? f : h,
             children: /* @__PURE__ */ o(
-              Ke,
+              qe,
               {
                 value: t,
-                onValueChange: j,
+                onValueChange: C,
                 localeCode: s,
                 startDateLabel: n,
                 endDateLabel: r,
-                onFocus: N
+                onFocus: Y,
+                calendarSize: y
               }
             )
           }
         ),
-        w && /* @__PURE__ */ o(
-          L,
+        p && /* @__PURE__ */ o(
+          A,
           {
             position: "absolute",
-            zIndex: h - 1,
+            zIndex: f - 1,
             left: "-2.4rem",
             top: l ? "-8.0rem" : "-2.4rem",
-            className: jt(te.overlay, y && te.calendarVisible),
+            className: gt(ee.overlay, b && ee.calendarVisible),
             children: /* @__PURE__ */ o(
-              L,
+              A,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ x(Re, { gap: 3, children: [
-                  l && /* @__PURE__ */ o(Rt, { variant: "h2", as: d, children: l }),
-                  /* @__PURE__ */ o(L, { height: "6.8rem" }),
+                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
+                  l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
+                  /* @__PURE__ */ o(A, { height: N }),
                   /* @__PURE__ */ o(
-                    qt,
+                    Qt,
                     {
                       ...v,
                       previousMonthButtonAriaLabel: c,
-                      nextMonthButtonAriaLabel: a
+                      nextMonthButtonAriaLabel: a,
+                      calendarSize: y
                     }
                   ),
-                  U === "calendar" && /* @__PURE__ */ o(Qt, { ...v }),
-                  U === "month-picker" && /* @__PURE__ */ o(
-                    Nt,
+                  F === "calendar" && /* @__PURE__ */ o(Xt, { ...v, size: y }),
+                  F === "month-picker" && /* @__PURE__ */ o(
+                    Pt,
                     {
-                      firstMonth: p,
+                      firstMonth: m,
                       numMonths: u,
                       value: K,
+                      size: y,
                       onValueChange: (_) => {
-                        var O;
-                        Z(_), F("calendar"), (O = Q.current) == null || O.focus();
+                        var H;
+                        V(_), Q("calendar"), (H = tt.current) == null || H.focus();
                       },
                       onCancel: () => {
                         var _;
-                        F("calendar"), (_ = Q.current) == null || _.focus();
+                        Q("calendar"), (_ = tt.current) == null || _.focus();
                       }
                     }
                   ),
-                  M == null ? void 0 : M({ hideCalendar: I })
+                  w == null ? void 0 : w({ hideCalendar: S })
                 ] })
               }
             )
@@ -3203,89 +3286,97 @@ const oe = ({
       ]
     }
   );
-}, us = "_travelDateInput_hmfbf_1", fs = "_overlay_hmfbf_2", hs = "_calendarVisible_hmfbf_6", ee = {
-  travelDateInput: us,
-  overlay: fs,
-  calendarVisible: hs
-}, Ge = ({ value: t, onValueChange: e, label: n = "Date", localeCode: r, onFocus: s }) => {
-  const { mask: i, placeholder: c } = R(() => {
-    const a = wt(r);
+}, Ts = "_travelDateInput_hmfbf_1", Is = "_overlay_hmfbf_2", Rs = "_calendarVisible_hmfbf_6", ne = {
+  travelDateInput: Ts,
+  overlay: Is,
+  calendarVisible: Rs
+}, Qe = ({
+  value: t,
+  onValueChange: e,
+  label: n = "Date",
+  localeCode: r,
+  onFocus: s,
+  calendarSize: i
+}) => {
+  const { mask: c, placeholder: a } = x(() => {
+    const l = kt(r);
     return {
-      mask: Fe(a),
-      placeholder: a.toLowerCase()
+      mask: ze(l),
+      placeholder: l.toLowerCase()
     };
   }, [r]);
   return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
-    oe,
+    ce,
     {
-      mask: i,
+      mask: c,
       value: t,
       onValueChange: e,
-      onBlur: (a) => {
-        const l = ce(a.target.value, r);
-        l && l !== t && (e == null || e(l));
+      onBlur: (l) => {
+        const d = ae(l.target.value, r);
+        d && d !== t && (e == null || e(d));
       },
       onFocus: s,
       label: n,
-      placeholder: c
+      placeholder: a,
+      calendarSize: i
     }
   ) });
-}, qe = (t, e, n, r) => {
-  const s = Gt(n) ?? Ce(), i = he(), c = me(), a = $(null), l = R(
-    () => wt(n),
+}, Xe = (t, e, n, r) => {
+  const s = Gt(n) ?? Je(), i = ge(), c = De(), a = W(null), l = x(
+    () => kt(n),
     [n]
-  ), d = R(
-    () => (t == null ? void 0 : t.length) === l.length ? ut(t, n) : void 0,
+  ), d = x(
+    () => (t == null ? void 0 : t.length) === l.length ? ht(t, n) : void 0,
     [l.length, n, t]
-  ), [u, p] = T(
+  ), [u, m] = I(
     r ?? d ?? /* @__PURE__ */ new Date()
-  ), h = D(
-    (I) => {
-      rt(I, c) || G(I, c) ? p(I) : p(c);
+  ), f = D(
+    (R) => {
+      st(R, c) || q(R, c) ? m(R) : m(c);
     },
     [c]
-  ), f = R(
-    () => Kt(
+  ), h = x(
+    () => Jt(
       u.getFullYear(),
       u.getMonth(),
       s
     ),
     [s, u]
-  ), g = R(() => Tt(W(u, "MMMM yyyy", { locale: s })), [s, u]), M = R(() => rt(c, u), [c, u]), [y, b] = T(), [w, m] = T("calendar"), k = D(
-    (I) => {
-      const Y = (I == null ? void 0 : I.length) === l.length ? ut(I, n) : void 0;
-      Y && h(Y), e == null || e(I);
+  ), g = x(() => xt(j(u, "MMMM yyyy", { locale: s })), [s, u]), w = x(() => st(c, u), [c, u]), [y, b] = I(), [M, p] = I("calendar"), k = D(
+    (R) => {
+      const Y = (R == null ? void 0 : R.length) === l.length ? ht(R, n) : void 0;
+      Y && f(Y), e == null || e(R);
     },
-    [l.length, n, e, h]
-  ), E = R(
-    () => rt(c, u) || nt(u, c),
+    [l.length, n, e, f]
+  ), T = x(
+    () => st(c, u) || rt(u, c),
     [c, u]
   );
   return {
     isDateDisabled: D(
-      (I) => !P(I, c) && nt(I, c),
+      (R) => !P(R, c) && rt(R, c),
       [c]
     ),
-    onClickDate: (I) => {
-      e == null || e(yt(I, n));
+    onClickDate: (R) => {
+      e == null || e(St(R, n));
     },
     onValueChangeByInputs: k,
-    prevMonthDisabled: E,
+    prevMonthDisabled: T,
     monthPickerButtonRef: a,
     calendarId: i,
     monthPickerButtonLabel: g,
-    visiblePanel: w,
-    setVisiblePanel: m,
-    setVisibleMonth: p,
-    visibleMonthData: f,
-    todayIsInVisibleMonth: M,
+    visiblePanel: M,
+    setVisiblePanel: p,
+    setVisibleMonth: m,
+    visibleMonthData: h,
+    todayIsInVisibleMonth: w,
     hoverDate: y,
     setHoverDate: b,
     selectedDate: d,
     today: c,
     visibleMonth: u
   };
-}, js = ({
+}, ri = ({
   value: t,
   onValueChange: e,
   label: n,
@@ -3297,127 +3388,132 @@ const oe = ({
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
   firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
-  zIndex: p = 1e3,
-  zIndexWhenClosed: h,
-  onHideCalendar: f,
-  renderBelowCalendar: g
+  zIndex: m = 1e3,
+  zIndexWhenClosed: f,
+  onHideCalendar: h,
+  renderBelowCalendar: g,
+  size: w = "medium"
 }) => {
-  const [M, y] = T(!1), [b, w] = T(!1), [m, k] = T({
+  const [y, b] = I(!1), [M, p] = I(!1), [k, T] = I({
     // Sane defaults, this will be updated with actual data from DOM.
     width: 336,
     height: 66
-  }), E = $(!1), A = D(() => {
-    E.current = !0, w(!0), setTimeout(() => {
-      y(!0);
+  }), L = W(!1), N = D(() => {
+    L.current = !0, p(!0), setTimeout(() => {
+      b(!0);
     }, 10);
-  }, []), N = D(() => {
-    b && (y(!1), E.current = !1, f == null || f(), setTimeout(() => {
-      E.current || w(!1);
+  }, []), R = D(() => {
+    M && (b(!1), L.current = !1, h == null || h(), setTimeout(() => {
+      L.current || p(!1);
     }, 120));
-  }, [b, f]), I = $(null), Y = $(null);
-  Se(I, N), Pe(() => {
-    var H, z;
-    const _ = (H = Y.current) == null ? void 0 : H.offsetWidth, O = (z = Y.current) == null ? void 0 : z.offsetHeight;
-    _ != null && O != null && (m.height !== O || m.width !== _) && k({ width: _, height: O });
-  }, [m.height, m.width]);
-  const S = qe(
+  }, [M, h]), Y = W(null), S = W(null);
+  Ie(Y, R), Be(() => {
+    var H, et;
+    const O = (H = S.current) == null ? void 0 : H.offsetWidth, _ = (et = S.current) == null ? void 0 : et.offsetHeight;
+    O != null && _ != null && (k.height !== _ || k.width !== O) && T({ width: O, height: _ });
+  }, [k.height, k.width]);
+  const U = Xe(
     t,
     e,
     r,
     s
   ), {
-    visiblePanel: v,
-    visibleMonth: U,
-    onValueChangeByInputs: K,
-    selectedDate: j,
-    setVisibleMonth: Z,
-    setVisiblePanel: F,
+    visiblePanel: $,
+    visibleMonth: v,
+    onValueChangeByInputs: F,
+    selectedDate: K,
+    setVisibleMonth: C,
+    setVisiblePanel: V,
     monthPickerButtonRef: Q
-  } = S, tt = D(
-    (_) => {
-      _.key === "Escape" && N();
+  } = U, tt = D(
+    (O) => {
+      O.key === "Escape" && R();
     },
-    [N]
+    [R]
   );
-  return /* @__PURE__ */ x(
-    L,
+  return /* @__PURE__ */ E(
+    A,
     {
       position: "relative",
-      className: ee.travelDateInput,
-      ref: I,
+      className: ne.travelDateInput,
+      ref: Y,
       onKeyDown: tt,
-      height: m.height,
-      width: m.width,
+      height: k.height,
+      width: k.width,
       children: [
         /* @__PURE__ */ o(
-          L,
+          A,
           {
             position: "absolute",
-            ref: Y,
-            zIndex: b ? p : h,
+            ref: S,
+            zIndex: M ? m : f,
             children: /* @__PURE__ */ o(
-              Ge,
+              Qe,
               {
                 value: t,
-                onValueChange: K,
+                onValueChange: F,
                 localeCode: r,
                 label: n,
-                onFocus: A
+                onFocus: N,
+                calendarSize: w
               }
             )
           }
         ),
-        b && /* @__PURE__ */ o(
-          L,
+        M && /* @__PURE__ */ o(
+          A,
           {
             position: "absolute",
-            zIndex: p - 1,
+            zIndex: m - 1,
             left: "-2.4rem",
             top: a ? "-8.0rem" : "-2.4rem",
-            className: jt(ee.overlay, M && ee.calendarVisible),
+            className: gt(ne.overlay, y && ne.calendarVisible),
             children: /* @__PURE__ */ o(
-              L,
+              A,
               {
                 background: "white",
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
-                children: /* @__PURE__ */ x(Re, { gap: 3, children: [
-                  a && /* @__PURE__ */ o(Rt, { variant: "h2", as: l, children: a }),
-                  /* @__PURE__ */ o(L, { height: "6.8rem" }),
+                children: /* @__PURE__ */ E(Ee, { gap: 3, children: [
+                  a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
+                  /* @__PURE__ */ o(A, { height: "6.8rem" }),
                   /* @__PURE__ */ o(
-                    qt,
+                    Qt,
                     {
-                      ...S,
+                      ...U,
                       previousMonthButtonAriaLabel: i,
-                      nextMonthButtonAriaLabel: c
+                      nextMonthButtonAriaLabel: c,
+                      calendarSize: w
                     }
                   ),
-                  v === "calendar" && /* @__PURE__ */ o(
-                    Qt,
+                  $ === "calendar" && /* @__PURE__ */ o(
+                    Xt,
                     {
-                      ...S,
-                      isValidDateRange: !!j,
-                      selectedStartDate: j,
-                      selectedEndDate: j
+                      ...U,
+                      size: w,
+                      isValidDateRange: !!K,
+                      selectedStartDate: K,
+                      selectedEndDate: K
                     }
                   ),
-                  v === "month-picker" && /* @__PURE__ */ o(
-                    Nt,
+                  $ === "month-picker" && /* @__PURE__ */ o(
+                    Pt,
                     {
                       firstMonth: u,
                       numMonths: d,
-                      value: U,
-                      onValueChange: (_) => {
-                        var O;
-                        Z(_), F("calendar"), (O = Q.current) == null || O.focus();
+                      value: v,
+                      size: w,
+                      onValueChange: (O) => {
+                        var _;
+                        C(O), V("calendar"), (_ = Q.current) == null || _.focus();
                       },
                       onCancel: () => {
-                        var _;
-                        F("calendar"), (_ = Q.current) == null || _.focus();
+                        var O;
+                        V("calendar"), (O = Q.current) == null || O.focus();
                       }
                     }
                   ),
-                  g == null ? void 0 : g({ hideCalendar: N })
+                  g == null ? void 0 : g({ hideCalendar: R })
                 ] })
               }
             )
@@ -3426,7 +3522,7 @@ const oe = ({
       ]
     }
   );
-}, Cs = ({
+}, si = ({
   value: t,
   onValueChange: e,
   label: n,
@@ -3437,68 +3533,73 @@ const oe = ({
   heading: a,
   headingLevel: l,
   numMonthsInMonthPicker: d = 12,
-  firstMonthInMonthPicker: u = /* @__PURE__ */ new Date()
+  firstMonthInMonthPicker: u = /* @__PURE__ */ new Date(),
+  size: m = "medium"
 }) => {
-  const p = qe(
+  const f = Xe(
     t,
     e,
     r,
     s
   ), {
     visiblePanel: h,
-    visibleMonth: f,
-    onValueChangeByInputs: g,
-    setVisibleMonth: M,
-    setVisiblePanel: y,
-    monthPickerButtonRef: b,
-    selectedDate: w
-  } = p;
-  return /* @__PURE__ */ x(C, { gap: 3, children: [
-    a && /* @__PURE__ */ o(Rt, { variant: "h2", as: l, children: a }),
+    visibleMonth: g,
+    onValueChangeByInputs: w,
+    setVisibleMonth: y,
+    setVisiblePanel: b,
+    monthPickerButtonRef: M,
+    selectedDate: p
+  } = f;
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
+    a && /* @__PURE__ */ o(_t, { variant: "h2", as: l, children: a }),
     /* @__PURE__ */ o(
-      Ge,
+      Qe,
       {
         value: t,
-        onValueChange: g,
+        onValueChange: w,
         localeCode: r,
-        label: n
+        label: n,
+        calendarSize: m
       }
     ),
     /* @__PURE__ */ o(
-      qt,
+      Qt,
       {
-        ...p,
+        ...f,
         previousMonthButtonAriaLabel: i,
-        nextMonthButtonAriaLabel: c
+        nextMonthButtonAriaLabel: c,
+        calendarSize: m
       }
     ),
     h === "calendar" && /* @__PURE__ */ o(
-      Qt,
+      Xt,
       {
-        ...p,
-        selectedStartDate: w,
-        selectedEndDate: w,
-        isValidDateRange: !!w
+        ...f,
+        size: m,
+        selectedStartDate: p,
+        selectedEndDate: p,
+        isValidDateRange: !!p
       }
     ),
     h === "month-picker" && /* @__PURE__ */ o(
-      Nt,
+      Pt,
       {
         firstMonth: u,
         numMonths: d,
-        value: f,
-        onValueChange: (m) => {
-          var k;
-          M(m), y("calendar"), (k = b.current) == null || k.focus();
+        value: g,
+        size: m,
+        onValueChange: (k) => {
+          var T;
+          y(k), b("calendar"), (T = M.current) == null || T.focus();
         },
         onCancel: () => {
-          var m;
-          y("calendar"), (m = b.current) == null || m.focus();
+          var k;
+          b("calendar"), (k = M.current) == null || k.focus();
         }
       }
     )
   ] });
-}, Ks = ({
+}, ii = ({
   value: t,
   onValueChange: e,
   startDateLabel: n,
@@ -3510,121 +3611,125 @@ const oe = ({
   heading: l,
   headingLevel: d,
   numMonthsInMonthPicker: u = 12,
-  firstMonthInMonthPicker: p = /* @__PURE__ */ new Date()
+  firstMonthInMonthPicker: m = /* @__PURE__ */ new Date(),
+  size: f = "medium"
 }) => {
-  const h = Je(
+  const h = Ge(
     t,
     e,
     s,
     i
   ), {
-    visiblePanel: f,
-    visibleMonth: g,
-    onValueChangeByInputs: M,
-    setVisibleMonth: y,
-    setVisiblePanel: b,
-    monthPickerButtonRef: w
+    visiblePanel: g,
+    visibleMonth: w,
+    onValueChangeByInputs: y,
+    setVisibleMonth: b,
+    setVisiblePanel: M,
+    monthPickerButtonRef: p
   } = h;
-  return /* @__PURE__ */ x(C, { gap: 3, children: [
-    l && /* @__PURE__ */ o(Rt, { variant: "h2", as: d, children: l }),
+  return /* @__PURE__ */ E(z, { gap: 3, children: [
+    l && /* @__PURE__ */ o(_t, { variant: "h2", as: d, children: l }),
     /* @__PURE__ */ o(
-      Ke,
+      qe,
       {
         value: t,
-        onValueChange: M,
+        onValueChange: y,
         localeCode: s,
         startDateLabel: n,
-        endDateLabel: r
+        endDateLabel: r,
+        calendarSize: f
       }
     ),
     /* @__PURE__ */ o(
-      qt,
+      Qt,
       {
         ...h,
         previousMonthButtonAriaLabel: c,
-        nextMonthButtonAriaLabel: a
+        nextMonthButtonAriaLabel: a,
+        calendarSize: f
       }
     ),
-    f === "calendar" && /* @__PURE__ */ o(Qt, { ...h }),
-    f === "month-picker" && /* @__PURE__ */ o(
-      Nt,
+    g === "calendar" && /* @__PURE__ */ o(Xt, { ...h, size: f }),
+    g === "month-picker" && /* @__PURE__ */ o(
+      Pt,
       {
-        firstMonth: p,
+        firstMonth: m,
         numMonths: u,
-        value: g,
-        onValueChange: (m) => {
-          var k;
-          y(m), b("calendar"), (k = w.current) == null || k.focus();
+        value: w,
+        size: f,
+        onValueChange: (k) => {
+          var T;
+          b(k), M("calendar"), (T = p.current) == null || T.focus();
         },
         onCancel: () => {
-          var m;
-          b("calendar"), (m = w.current) == null || m.focus();
+          var k;
+          M("calendar"), (k = p.current) == null || k.focus();
         }
       }
     )
   ] });
 };
 export {
-  se as Calendar,
-  Be as CalendarDay,
-  Os as DateInput,
-  _s as DateRangeCalendar,
-  zs as DateRangeDualTextInput,
-  Hs as DateRangeInput,
-  $s as DateTextInput,
-  Ws as DateTimeInput,
-  Bn as Month,
-  Nt as MonthPicker,
-  Ys as MultiDateCalendar,
-  or as PresetPicker,
+  ie as Calendar,
+  He as CalendarDay,
+  Gs as DateInput,
+  zs as DateRangeCalendar,
+  ei as DateRangeDualTextInput,
+  Qs as DateRangeInput,
+  Xs as DateTextInput,
+  Vs as DateTimeInput,
+  Hn as Month,
+  Pt as MonthPicker,
+  Js as MultiDateCalendar,
+  dr as PresetPicker,
   Ue as SingleDateCalendar,
-  Bs as SingleWeekCalendar,
-  Us as TimeTextInput,
-  Cs as TravelDateCalendar,
-  js as TravelDateInput,
-  Ks as TravelDateRangeCalendar,
-  Fs as TravelDateRangeInput,
+  qs as SingleWeekCalendar,
+  Zs as TimeTextInput,
+  si as TravelDateCalendar,
+  ri as TravelDateInput,
+  ii as TravelDateRangeCalendar,
+  ni as TravelDateRangeInput,
   On as WeekDay,
-  Kn as WeekDayCell,
-  Gn as WeekNumberCell,
-  vs as YearPicker,
-  at as addDayStateHighlights,
-  Ye as addDayStateHighlightsOnSingleDay,
-  Pn as addWeekRangeHighlights,
-  As as addWeekStateHighlights,
-  It as buildDayStateForDateRange,
-  _n as buildDayStateForRange,
-  Ln as buildDayStateForSingleMonth,
-  Wn as calculateOverflowingMonth,
-  $n as createDay,
-  fr as dateRangeToStrings,
-  Fn as dayHasHighlight,
-  ot as dayHighlightSelect,
-  mt as defaultCalendarTheme,
-  Cn as defaultTextPropsProvider,
-  jn as defaultWrapperStyleProvider,
-  Ns as extranetCalendarTheme,
-  yt as formatLocalizedDate,
-  wt as getDateFormatForLocaleCode,
+  qn as WeekDayCell,
+  Qn as WeekNumberCell,
+  ti as YearPicker,
+  lt as addDayStateHighlights,
+  $e as addDayStateHighlightsOnSingleDay,
+  Bn as addWeekRangeHighlights,
+  vs as addWeekStateHighlights,
+  Et as buildDayStateForDateRange,
+  Yn as buildDayStateForRange,
+  Pn as buildDayStateForSingleMonth,
+  vn as calculateOverflowingMonth,
+  jn as createDay,
+  pr as dateRangeToStrings,
+  zn as dayHasHighlight,
+  ct as dayHighlightSelect,
+  bt as defaultCalendarTheme,
+  Jn as defaultTextPropsProvider,
+  Kn as defaultWrapperStyleProvider,
+  Fs as extranetCalendarTheme,
+  St as formatLocalizedDate,
+  kt as getDateFormatForLocaleCode,
   Un as getDaysForWeekForDate,
-  Ce as getDefaultLocaleForFormatting,
+  Je as getDefaultLocaleForFormatting,
   Gt as getLocaleForLocaleCode,
-  Kt as getMonthInYear,
-  be as getMonthsInYear,
+  Jt as getMonthInYear,
+  ye as getMonthsInYear,
   pe as getWeekForDate,
-  Hn as getWeeksForMonth,
-  He as isDateRangeInvalid,
-  ut as parseLocalizedDateString,
-  ce as reformatLocalizedDateString,
-  Es as setDayStateValue,
-  xs as setDayStateValueFunction,
-  hr as stringsToDateRange,
-  Ls as toggleDateStringsIfEndIsEarlierThanStart,
-  $e as toggleDatesIfEndIsEarlierThanStart,
-  Ps as useDateRangeCalendarState,
-  mr as useDateRangeSelection,
-  Dr as useMultiDateSelection,
-  gr as useSingleDateSelection,
-  br as useSingleWeekSelection
+  Wn as getWeeksForMonth,
+  We as isDateRangeInvalid,
+  ht as parseLocalizedDateString,
+  ae as reformatLocalizedDateString,
+  js as setDayStateValue,
+  Us as setDayStateValueFunction,
+  Dr as stringsToDateRange,
+  Cs as toggleDateStringsIfEndIsEarlierThanStart,
+  je as toggleDatesIfEndIsEarlierThanStart,
+  Ks as useDateRangeCalendarState,
+  wr as useDateRangeSelection,
+  Mr as useMultiDateSelection,
+  yr as useSingleDateSelection,
+  kr as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map