@stenajs-webui/calendar 20.8.1 → 20.10.0

package/dist/index.es.js

@@ -1,17 +1,18 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._calendar_1w0de_1{--swui-calendar-day-width: 40px;--swui-calendar-day-height: 38px;--swui-calendar-day-border-radius: 4px;--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(--swui-primary-action-color);--swui-calendar-wrapper-selected-background: var(--swui-primary-action-color);--swui-calendar-wrapper-range-border: var(--lhds-color-blue-100);--swui-calendar-wrapper-range-background: var(--lhds-color-blue-100);--swui-calendar-wrapper-today-border: var(--lhds-color-ui-200);--swui-calendar-wrapper-today-background: var(--lhds-color-ui-200);--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_1w0de_1 table{border-spacing:0 4px}._calendar_1w0de_1 span{line-height:100%}._calendar_1w0de_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_1w0de_1 tr td:nth-child(2){border-top-left-radius:var(--swui-calendar-day-border-radius);border-bottom-left-radius:var(--swui-calendar-day-border-radius)}._calendar_1w0de_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}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as c, jsxs as R, Fragment as Dt } from "react/jsx-runtime";
-import { Box as Y, Text as ct, Clickable as Pt, Row as E, Space as W, Spacing as we, Column as B, Indent as gt, SeparatorLine as ye, parseIntElseUndefined as _t, useBoolean as It, useDelayedFalse as Lt } from "@stenajs-webui/core";
-import { FlatButton as A, PrimaryButton as dt, stenaAngleLeft as Wt, stenaAngleRight as Ot, stenaArrowLeft as pe, stenaArrowRight as qt, stenaAngleLeftDouble as Qt, stenaAngleRightDouble as Xt, TextInputButton as be, stenaCalendar as mt, Icon as Zt, stenaArrowWideRight as ke, stenaClock as Ft, stenaAngleDown as Se } from "@stenajs-webui/elements";
-import { isAfter as tt, eachDayOfInterval as vt, isSameDay as q, endOfMonth as Vt, startOfMonth as te, min as Me, addDays as K, max as Re, subDays as ht, format as U, getISOWeek as $t, getDate as Ct, startOfWeek as ee, addWeeks as Ee, getMonth as V, getWeek as re, getYear as wt, getISODay as Te, addHours as Ae, isBefore as Ce, parse as ot, addMonths as xe, addYears as Ne, subMonths as Ye, subYears as Ie, setWeek as Le, isValid as He } from "date-fns";
-import { enGB as Bt } from "date-fns/locale";
-import { last as Ue, startCase as ne, chunk as ie, range as jt, debounce as Pe, padStart as We } from "lodash-es";
-import * as se from "react";
-import { useMemo as C, useState as k, useEffect as G, useCallback as g, useRef as z } from "react";
-import Nt from "@emotion/styled";
-import { TextInput as et, TextInputBox as Oe } from "@stenajs-webui/forms";
-import { useTippyInstance as $e, Popover as pt } from "@stenajs-webui/tooltip";
-import { cssColor as ce } from "@stenajs-webui/theme";
-const X = {
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.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}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { jsx as c, jsxs as T, Fragment as ht } from "react/jsx-runtime";
+import { Box as x, Text as pt, Clickable as Qt, Row as R, Spacing as we, Column as U, Heading as pe, Space as it, Indent as Dt, SeparatorLine as ye, parseIntElseUndefined as jt, useBoolean as Ht, useDelayedFalse as Lt } from "@stenajs-webui/core";
+import { FlatButton as W, stenaAngleDown as Xt, PrimaryButton as ot, stenaAngleLeft as be, stenaAngleRight as ke, SecondaryButton as st, stenaAngleLeftDouble as Se, stenaArrowLeft as Ut, stenaArrowRight as xt, stenaAngleRightDouble as Me, TextInputButton as Te, stenaCalendar as gt, Icon as Zt, stenaArrowWideRight as Ee, stenaClock as Ft } from "@stenajs-webui/elements";
+import { isAfter as v, eachDayOfInterval as vt, isSameDay as K, endOfMonth as Vt, startOfMonth as te, min as Re, addDays as _, max as Ae, subDays as ft, format as H, getISOWeek as Wt, getDate as Ct, startOfWeek as ee, addWeeks as xe, getMonth as F, getWeek as re, getYear as mt, getISODay as Ce, addHours as Ne, isBefore as Ie, parse as ct, addMonths as Ye, addYears as He, subMonths as Le, subYears as Pe, setWeek as $e, isValid as Ue } from "date-fns";
+import { enGB as Ot } from "date-fns/locale";
+import { last as We, startCase as ne, chunk as se, debounce as Oe, padStart as Be, range as Bt } from "lodash-es";
+import * as ze from "react";
+import { useMemo as A, useState as S, useCallback as g, useRef as B, useEffect as J } from "react";
+import je from "classnames";
+import It from "@emotion/styled";
+import { TextInput as V, TextInputBox as _e } from "@stenajs-webui/forms";
+import { useTippyInstance as Je, Popover as yt } from "@stenajs-webui/tooltip";
+import { cssColor as ie } from "@stenajs-webui/theme";
+const Q = {
   yearAndMonth: "yyyy-MM",
   fullDate: "yyyy-MM-dd",
   fullMonthName: "LLLL",
@@ -25,244 +26,259 @@ const X = {
   // 2 Jan
   monthAndDate: "MMM do"
   // Jan 2nd
-}, yt = (t = {}, e, r) => {
-  if (e && r && tt(r, e))
+}, wt = (t = {}, e, r) => {
+  if (e && r && v(r, e))
     return vt({ start: e, end: r }).reduce(
-      (i, s) => {
-        const d = q(s, e), o = q(s, r);
-        return Q(i, s, d ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
+      (s, i) => {
+        const a = K(i, e), o = K(i, r);
+        return q(s, i, a ? ["selected", "selectedStart", "range"] : o ? ["selected", "selectedEnd", "range"] : ["range"]);
       },
       t
     );
   let n = t;
-  return e && (n = Q(n, e, ["selected", "singleSelected"])), r && (n = Q(n, r, ["selected", "singleSelected"])), n;
-}, Be = (t = {}, e, r, n) => je(
+  return e && (n = q(n, e, ["selected", "singleSelected"])), r && (n = q(n, r, ["selected", "singleSelected"])), n;
+}, Ke = (t = {}, e, r, n) => Ge(
   t,
   e,
   r,
   te(n),
   Vt(n)
-), je = (t = {}, e, r, n, i) => e && r ? yt(
+), Ge = (t = {}, e, r, n, s) => e && r ? wt(
   t,
-  Re([e, ht(n, 1)]),
-  Me([r, K(i, 1)])
-) : yt(t, e, r), dn = (t, e, r) => {
-  const n = U(e, X.yearAndMonth), i = $t(e), s = Ct(e);
+  Ae([e, ft(n, 1)]),
+  Re([r, _(s, 1)])
+) : wt(t, e, r), fn = (t, e, r) => {
+  const n = H(e, Q.yearAndMonth), s = Wt(e), i = Ct(e);
   return {
     ...t,
     [n]: {
       ...t && t[n],
-      [i]: {
-        ...t && t[n] && t[n][i],
-        [s]: {
-          ...t && t[n] && t[n][i] && t[n][i][s],
+      [s]: {
+        ...t && t[n] && t[n][s],
+        [i]: {
+          ...t && t[n] && t[n][s] && t[n][s][i],
           ...r
         }
       }
     }
   };
-}, ln = (t, e, r) => {
-  const n = U(e, X.yearAndMonth), i = $t(e), s = Ct(e);
+}, hn = (t, e, r) => {
+  const n = H(e, Q.yearAndMonth), s = Wt(e), i = Ct(e);
   return {
     ...t,
     [n]: {
       ...t && t[n],
-      [i]: {
-        ...t && t[n] && t[n][i],
-        [s]: {
-          ...t && t[n] && t[n][i] && t[n][i][s],
+      [s]: {
+        ...t && t[n] && t[n][s],
+        [i]: {
+          ...t && t[n] && t[n][s] && t[n][s][i],
           ...r(
-            t && t[n] && t[n][i] && t[n][i][s]
+            t && t[n] && t[n][s] && t[n][s][i]
           )
         }
       }
     }
   };
-}, Q = (t, e, r) => {
-  const n = e.getMonth() + 1, i = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, s = $t(e), d = Ct(e), o = t && t[i] && t[i][s] && t[i][s][d];
+}, q = (t, e, r) => {
+  const n = e.getMonth() + 1, s = `${e.getFullYear()}-${n < 10 ? "0" : ""}${n}`, i = Wt(e), a = Ct(e), o = t && t[s] && t[s][i] && t[s][i][a];
   return {
     ...t,
-    [i]: {
-      ...t && t[i],
-      [s]: {
-        ...t && t[i] && t[i][s],
-        [d]: oe(o, r)
+    [s]: {
+      ...t && t[s],
+      [i]: {
+        ...t && t[s] && t[s][i],
+        [a]: ce(o, r)
       }
     }
   };
-}, oe = (t, e) => ({
+}, ce = (t, e) => ({
   ...t,
   highlights: [...(t == null ? void 0 : t.highlights) ?? [], ...e]
-}), an = (t, e, r) => {
-  const n = e.days[0].date, i = n.getMonth() + 1, s = `${n.getFullYear()}-${i < 10 ? "0" : ""}${i}`, d = e.weekNumber;
+}), Dn = (t, e, r) => {
+  const n = e.days[0].date, s = n.getMonth() + 1, i = `${n.getFullYear()}-${s < 10 ? "0" : ""}${s}`, a = e.weekNumber;
   let o = t;
   e.days.forEach((D) => {
-    o = Q(o, D.date, r);
+    o = q(o, D.date, r);
   });
-  const l = o && o[s] ? o[s][d] : void 0, a = l && l.highlights ? [...l.highlights, ...r] : r, f = {
-    ...l,
-    highlights: a
+  const d = o && o[i] ? o[i][a] : void 0, l = d && d.highlights ? [...d.highlights, ...r] : r, u = {
+    ...d,
+    highlights: l
   };
   return {
     ...o,
-    [s]: {
-      ...t && t[s],
-      [d]: f
+    [i]: {
+      ...t && t[i],
+      [a]: u
     }
   };
-}, ze = (t, e) => {
-  var i;
+}, qe = (t, e) => {
+  var s;
   if (!e.days.length)
     return { ...t };
-  const r = e.days[0].date, n = (i = Ue(e.days)) == null ? void 0 : i.date;
+  const r = e.days[0].date, n = (s = We(e.days)) == null ? void 0 : s.date;
   return {
-    ...yt(t, r, n)
+    ...wt(t, r, n)
   };
-}, _e = (t, e) => C(() => t ? Q(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
-var H = /* @__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))(H || {}), Je = /* @__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))(Je || {});
-const Jt = (t, e, r, n) => {
-  const i = [];
-  for (let s = 0; s < r; s++)
-    i.push(de(t, e + s, n));
-  return i;
-}, de = (t, e, r) => {
-  const n = t + Math.floor(e / 12), i = e % 12, s = new Date(n, i, 1);
+}, Qe = (t, e) => A(() => t ? q(e, /* @__PURE__ */ new Date(), ["today"]) : e, [t, e]);
+var oe = /* @__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))(oe || {}), Xe = /* @__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))(Xe || {});
+const _t = (t, e, r, n) => {
+  const s = [];
+  for (let i = 0; i < r; i++)
+    s.push(ae(t, e + i, n));
+  return s;
+}, ae = (t, e, r) => {
+  const n = t + Math.floor(e / 12), s = e % 12, i = new Date(n, s, 1);
   return {
-    monthString: U(s, X.yearAndMonth),
+    monthString: H(i, Q.yearAndMonth),
     name: ne(
-      U(s, X.fullMonthName, { locale: r })
+      H(i, Q.fullMonthName, { locale: r })
     ),
     year: n,
-    monthInYear: i,
-    weeks: Ke(n, i, r)
+    monthInYear: s,
+    weeks: Ze(n, s, r)
   };
-}, Ke = (t, e, r, n = !0) => {
-  const i = new Date(t, e, 1), s = ee(i, { locale: r }), d = [];
+}, Ze = (t, e, r, n = !0) => {
+  const s = new Date(t, e, 1), i = ee(s, { locale: r }), a = [];
   for (let o = 0; o < 6; o++) {
-    const l = zt(Ee(s, o), r);
-    if (o > 0 && l.startMonth !== e && !n)
-      return d;
-    d.push(l);
+    const d = zt(xe(i, o), r);
+    if (o > 0 && d.startMonth !== e && !n)
+      return a;
+    a.push(d);
   }
-  return d;
+  return a;
 }, zt = (t, e) => {
-  const r = V(K(t, 7)) !== V(t);
+  const r = F(_(t, 7)) !== F(t);
   return {
     weekNumber: re(t, { locale: e }),
-    startMonth: V(t),
-    startYear: wt(t),
-    endMonth: V(K(t, 6)),
-    endYear: wt(K(t, 6)),
-    days: qe(t, e),
+    startMonth: F(t),
+    startYear: mt(t),
+    endMonth: F(_(t, 6)),
+    endYear: mt(_(t, 6)),
+    days: ve(t, e),
     isLastWeekOfMonth: r
   };
-}, Ge = (t, e) => {
-  const r = Te(t);
+}, Fe = (t, e) => {
+  const r = Ce(t);
   return {
     date: t,
-    name: U(t, "EEE", e ? { locale: e } : void 0),
-    dateString: U(Ae(t, 12), X.fullDate),
+    name: H(t, "EEE", e ? { locale: e } : void 0),
+    dateString: H(Ne(t, 12), Q.fullDate),
     weekNumber: re(t, { locale: e }),
-    year: wt(t),
-    month: V(t),
+    year: mt(t),
+    month: F(t),
     dayOfMonth: Ct(t),
     dayOfWeek: r,
     isFirstDayOfWeek: r === 1,
     isLastDayOfWeek: r === 7,
-    isFirstDayOfMonth: q(te(t), t),
-    isLastDayOfMonth: q(Vt(t), t)
+    isFirstDayOfMonth: K(te(t), t),
+    isLastDayOfMonth: K(Vt(t), t)
   };
-}, qe = (t, e) => vt({
+}, ve = (t, e) => vt({
   start: t,
-  end: K(t, 6)
-}).map((r) => Ge(r, e)), Qe = (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 }, Xe = "_calendar_1w0de_1", Ze = {
-  calendar: Xe
-}, Fe = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), v = (t, e, r, n, i) => {
+  end: _(t, 6)
+}).map((r) => Fe(r, e)), Ve = (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 }, tr = "_calendar_1b766_1", er = "_weekNumberVisible_1b766_41", Jt = {
+  calendar: tr,
+  weekNumberVisible: er
+}, rr = (t, e, r) => !!(e && e.indexOf(r) >= 0 || t && t.highlights && t.highlights.indexOf(r) >= 0), G = (t, e, r, n, s) => {
   if (r.length !== n.length)
     throw new Error(
       "Select highlight failed, number of values do not equal number of highlights."
     );
   if (r.length === 0)
-    return i;
-  for (let s = 0; s < r.length; s++)
-    if (typeof r[s] == "boolean" && r[s] || typeof r[s] == "string" && Fe(
+    return s;
+  for (let i = 0; i < r.length; i++)
+    if (typeof r[i] == "boolean" && r[i] || typeof r[i] == "string" && rr(
       t,
       e,
-      r[s]
+      r[i]
     ))
-      return n[s];
-  return i;
-}, ve = ({
+      return n[i];
+  return s;
+}, nr = ({
   selectedBackground: t,
   todayBackground: e,
   rangeBackground: r,
   borderColor: n = "transparent"
-}) => (i, s, d, o, l) => {
-  let a = {};
-  const f = v(
-    s,
+}) => (s, i, a, o, d) => ({
+  backgroundColor: G(
     i,
-    ["selected", "range", "today", d.month === l.monthInYear],
+    s,
+    ["selected", "range", "today", a.month === d.monthInYear],
     [t, r, e, "#fff"],
     "transparent"
-  );
-  return {
-    ...a,
-    backgroundColor: f,
-    borderTopLeftRadius: v(
-      s,
-      i,
-      ["selectedStart", "singleSelected"],
-      [
-        "var(--swui-calendar-day-border-radius)",
-        "var(--swui-calendar-day-border-radius)"
-      ],
-      n
-    ),
-    borderBottomLeftRadius: v(
-      s,
-      i,
-      ["selectedStart", "singleSelected"],
-      [
-        "var(--swui-calendar-day-border-radius)",
-        "var(--swui-calendar-day-border-radius)"
-      ],
-      n
-    ),
-    borderTopRightRadius: v(
-      s,
-      i,
-      ["selectedEnd", "singleSelected"],
-      [
-        "var(--swui-calendar-day-border-radius)",
-        "var(--swui-calendar-day-border-radius)"
-      ],
-      n
-    ),
-    borderBottomRightRadius: v(
-      s,
-      i,
-      ["selectedEnd", "singleSelected"],
-      [
-        "var(--swui-calendar-day-border-radius)",
-        "var(--swui-calendar-day-border-radius)"
-      ],
-      n
-    ),
-    boxSizing: "border-box"
-  };
-}, Ve = ({
+  ),
+  borderWidth: "1px",
+  borderStyle: "solid",
+  borderColor: G(
+    i,
+    s,
+    ["selectedStart", "selectedEnd", "singleSelected", "range", "today"],
+    [
+      "var(--swui-calendar-wrapper-range-background)",
+      "var(--swui-calendar-wrapper-range-background)",
+      "var(--swui-calendar-wrapper-range-background)",
+      "var(--swui-calendar-wrapper-range-border)",
+      "var(--lhds-color-ui-500)"
+    ],
+    n
+  ),
+  borderTopLeftRadius: G(
+    i,
+    s,
+    ["selectedStart", "singleSelected", "today"],
+    [
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)"
+    ],
+    "unset"
+  ),
+  borderBottomLeftRadius: G(
+    i,
+    s,
+    ["selectedStart", "singleSelected", "today"],
+    [
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)"
+    ],
+    "unset"
+  ),
+  borderTopRightRadius: G(
+    i,
+    s,
+    ["selectedEnd", "singleSelected", "today"],
+    [
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)"
+    ],
+    "unset"
+  ),
+  borderBottomRightRadius: G(
+    i,
+    s,
+    ["selectedEnd", "singleSelected", "today"],
+    [
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)",
+      "var(--swui-calendar-day-border-radius)"
+    ],
+    "unset"
+  ),
+  boxSizing: "border-box"
+}), sr = ({
   selectedColor: t,
   disabledColor: e,
   inOtherMonthColor: r,
   rangeTextColor: n
-}) => (i, s, d, o, l) => {
-  const a = d.month !== l.monthInYear;
+}) => (s, i, a, o, d) => {
+  const l = a.month !== d.monthInYear;
   return {
-    color: v(
-      s,
+    color: G(
       i,
-      [a, "selected", "range", "enabled", "disabled"],
+      s,
+      [l, "selected", "range", "enabled", "disabled"],
       [
         r,
         t,
@@ -272,26 +288,25 @@ const Jt = (t, e, r, n) => {
       ]
     )
   };
-}, rt = {
+}, tt = {
   width: "var(--swui-calendar-day-width)",
   height: "var(--swui-calendar-day-height)",
   WeekNumber: {
     backgroundColor: "var(--swui-calendar-week-number-bg-color)",
     textColor: "var(--swui-calendar-week-number-text-color)",
-    clickableTextColor: "var(--swui-calendar-week-number-clickable-text-color)",
-    show: !0
+    clickableTextColor: "var(--swui-calendar-week-number-clickable-text-color)"
   },
   WeekDay: {
     textColor: "var(--swui-calendar-week-day-text-color)",
     clickableTextColor: "var(--swui-calendar-week-day-clickable-text-color)"
   },
   CalendarDay: {
-    tdStyle: ve({
+    tdStyle: nr({
       selectedBackground: "var(--swui-calendar-wrapper-selected-background)",
       rangeBackground: "var(--swui-calendar-wrapper-range-background)",
       todayBackground: "var(--swui-calendar-wrapper-today-background)"
     }),
-    textProps: Ve({
+    textProps: sr({
       selectedColor: "var(--swui-calendar-text-selected-color)",
       disabledColor: "var(--swui-calendar-text-disabled-color)",
       inOtherMonthColor: "var(--swui-calendar-text-in-other-month-color)"
@@ -300,128 +315,24 @@ const Jt = (t, e, r, n) => {
   CalendarMonth: {
     headerTextColor: "var(--swui-calendar-week-day-text-color)"
   }
-}, fn = {
-  ...rt,
+}, gn = {
+  ...tt,
   width: "37px",
   height: "37px"
-}, tr = (t, e, r) => e && Ce(t, e) ? q(t, e) : r && tt(t, r) ? q(t, r) : !0, er = function({
-  dayComponent: e,
-  minDate: r,
-  maxDate: n,
-  dayState: i,
-  day: s,
-  ...d
-}) {
-  const o = C(
-    () => tr(s.date, r, n) ? i : oe(i, ["disabled"]),
-    [s.date, i, n, r]
-  );
-  return /* @__PURE__ */ c(e, { day: s, ...d, dayState: o });
-}, rr = ({
-  onClickWeek: t,
-  theme: e,
-  week: r,
-  background: n,
-  backgroundColor: i,
-  prefix: s
-}) => {
-  const d = /* @__PURE__ */ R(
-    Y,
-    {
-      width: e.width,
-      height: e.height,
-      justifyContent: "center",
-      alignItems: "center",
-      children: [
-        n && /* @__PURE__ */ c(Y, { position: "absolute", children: n }),
-        /* @__PURE__ */ c(Y, { position: "absolute", children: /* @__PURE__ */ R(
-          ct,
-          {
-            color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
-            children: [
-              s,
-              r.weekNumber
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-  return /* @__PURE__ */ c(
-    Y,
-    {
-      background: i || e.WeekNumber.backgroundColor,
-      position: "relative",
-      children: t ? /* @__PURE__ */ c(
-        Pt,
-        {
-          borderRadius: "var(--swui-calendar-day-border-radius)",
-          onClick: (o) => t(r, o),
-          disableFocusHighlight: !t,
-          children: d
-        }
-      ) : d
-    }
-  );
-};
-function nr({
-  week: t,
-  month: e,
-  dayComponent: r,
-  statePerWeekDay: n,
-  userDataPerWeekDay: i,
-  minDate: s,
-  maxDate: d,
-  onClickWeek: o,
-  onClickDay: l,
-  theme: a,
-  renderWeekNumber: f,
-  extraDayContent: D,
-  defaultHighlights: u
-}) {
-  return /* @__PURE__ */ R("tr", { children: [
-    a.WeekNumber.show && /* @__PURE__ */ c("td", { children: f ? f(t, a, o) : /* @__PURE__ */ c(
-      rr,
-      {
-        week: t,
-        onClickWeek: o,
-        theme: a
-      }
-    ) }),
-    t.days.map((h) => /* @__PURE__ */ c(
-      er,
-      {
-        dayComponent: r,
-        day: h,
-        week: t,
-        month: e,
-        dayState: n && n[h.dayOfMonth],
-        userData: i && i[h.dayOfMonth],
-        onClickDay: l,
-        theme: a,
-        extraDayContent: D,
-        defaultHighlights: u,
-        minDate: s,
-        maxDate: d
-      },
-      h.dateString
-    ))
-  ] }, t.weekNumber);
-}
-const ir = ({
+}, ir = ({
   onClickWeekDay: t,
   day: e,
   theme: r
 }) => {
   const n = /* @__PURE__ */ c(
-    Y,
+    x,
     {
       width: r.width,
       height: r.height,
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ c(
-        ct,
+        pt,
         {
           size: "small",
           color: t ? r.WeekDay.clickableTextColor : r.WeekDay.textColor,
@@ -431,274 +342,336 @@ const ir = ({
     }
   );
   return t ? /* @__PURE__ */ c(
-    Pt,
+    Qt,
     {
       borderRadius: "var(--swui-calendar-day-border-radius)",
-      onClick: (i) => t(e.dayOfWeek, i),
+      onClick: (s) => t(e.dayOfWeek, s),
       disableFocusHighlight: !t,
       children: n
     }
   ) : n;
-}, le = function({
+}, de = function({
   day: e,
   week: r,
   month: n,
-  dayState: i,
-  userData: s,
-  onClickDay: d,
+  dayState: s,
+  userData: i,
+  onClickDay: a,
   theme: o,
-  extraDayContent: l,
-  defaultHighlights: a
+  extraDayContent: d,
+  defaultHighlights: l
 }) {
-  const f = /* @__PURE__ */ c(
-    Y,
+  const u = /* @__PURE__ */ c(
+    x,
     {
       width: "100%",
       height: "100%",
       justifyContent: "center",
       alignItems: "center",
       children: /* @__PURE__ */ c(
-        ct,
+        pt,
         {
           ...o.CalendarDay.textProps && o.CalendarDay.textProps(
-            a,
-            i,
+            l,
+            s,
             e,
             r,
             n,
-            s
+            i
           ),
           children: e.dayOfMonth
         }
       )
     }
-  ), D = Nt.td({
+  ), D = It.td({
     ...o.CalendarDay.tdStyle && o.CalendarDay.tdStyle(
-      a,
-      i,
+      l,
+      s,
       e,
       r,
       n,
-      s
+      i
     )
-  }), u = Nt.div({
+  }), f = It.div({
     ...o.CalendarDay.innerWrapperStyle && o.CalendarDay.innerWrapperStyle(
-      a,
-      i,
+      l,
+      s,
       e,
       r,
       n,
-      s
+      i
     ),
     width: "100%",
     height: "100%"
-  }), h = Nt.div({
+  }), h = It.div({
     ...o.CalendarDay.cellWrapperStyle && o.CalendarDay.cellWrapperStyle(
-      a,
-      i,
+      l,
+      s,
       e,
       r,
       n,
-      s
+      i
     ),
     width: "100%",
     height: "100%",
     position: "relative"
-  });
-  return /* @__PURE__ */ c(D, { children: /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(h, { children: e.month === n.monthInYear && /* @__PURE__ */ R(Dt, { children: [
-    l && /* @__PURE__ */ c(
-      l,
-      {
-        week: r,
-        month: n,
-        day: e,
-        dayState: i,
-        theme: o,
-        userData: s
-      }
-    ),
-    d && sr(a, i) ? /* @__PURE__ */ c(
-      Pt,
-      {
-        onClick: (w) => d(e, s, w),
-        style: { width: "100%", height: "100%" },
-        borderRadius: "var(--swui-calendar-day-border-radius)",
-        children: f
-      }
-    ) : /* @__PURE__ */ c(Dt, { children: f })
-  ] }) }) }) });
-}, sr = (t, e) => !!v(
+  }), w = cr(l, s);
+  return /* @__PURE__ */ c(
+    D,
+    {
+      onClick: w ? void 0 : (M) => a == null ? void 0 : a(e, i, M),
+      children: /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(h, { children: e.month === n.monthInYear && /* @__PURE__ */ T(ht, { children: [
+        d && /* @__PURE__ */ c(
+          d,
+          {
+            week: r,
+            month: n,
+            day: e,
+            dayState: s,
+            theme: o,
+            userData: i
+          }
+        ),
+        u
+      ] }) }) })
+    }
+  );
+}, cr = (t, e) => !!G(
   e,
   t,
-  ["enabled", "disabled"],
-  [!0, !1],
-  !0
-);
-function cr({
+  ["disabled"],
+  [!0],
+  !1
+), or = ({
+  onClickWeek: t,
+  theme: e,
+  week: r,
+  background: n,
+  backgroundColor: s,
+  prefix: i
+}) => {
+  const a = /* @__PURE__ */ T(
+    x,
+    {
+      width: e.width,
+      height: e.height,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [
+        n && /* @__PURE__ */ c(x, { position: "absolute", children: n }),
+        /* @__PURE__ */ c(x, { position: "absolute", children: /* @__PURE__ */ T(
+          pt,
+          {
+            color: t ? e.WeekNumber.clickableTextColor : e.WeekNumber.textColor,
+            children: [
+              i,
+              r.weekNumber
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ c(
+    x,
+    {
+      background: s || e.WeekNumber.backgroundColor,
+      position: "relative",
+      children: t ? /* @__PURE__ */ c(
+        Qt,
+        {
+          borderRadius: "var(--swui-calendar-day-border-radius)",
+          onClick: (o) => t(r, o),
+          disableFocusHighlight: !t,
+          children: a
+        }
+      ) : a
+    }
+  );
+}, ar = (t, e, r) => e && Ie(t, e) ? K(t, e) : r && v(t, r) ? K(t, r) : !0, dr = function({
+  dayComponent: e,
+  minDate: r,
+  maxDate: n,
+  dayState: s,
+  day: i,
+  ...a
+}) {
+  const o = A(
+    () => ar(i.date, r, n) ? s : ce(s, ["disabled"]),
+    [i.date, s, n, r]
+  );
+  return /* @__PURE__ */ c(e, { day: i, ...a, dayState: o });
+};
+function lr({
   month: t,
-  dayComponent: e = le,
+  dayComponent: e = de,
   statePerWeek: r,
   userDataPerWeek: n,
-  minDate: i,
-  maxDate: s,
-  onClickDay: d,
+  minDate: s,
+  maxDate: i,
+  onClickDay: a,
   onClickWeek: o,
-  onClickWeekDay: l,
-  onClickMonth: a,
-  onClickYear: f,
-  renderWeekNumber: D,
-  renderWeekDay: u,
-  headerLeftContent: h,
-  headerRightContent: w,
-  theme: p = rt,
-  extraDayContent: S,
-  defaultHighlights: M
+  onClickWeekDay: d,
+  onClickMonth: l,
+  renderWeekNumber: u,
+  renderWeekDay: D,
+  headerRightContent: f,
+  theme: h = tt,
+  extraDayContent: w,
+  defaultHighlights: M,
+  showWeekNumber: b
 }) {
-  const y = p.WeekNumber.show;
-  return /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ R(Y, { alignItems: "stretch", children: [
-    /* @__PURE__ */ R(
-      E,
+  return /* @__PURE__ */ c(ht, { children: /* @__PURE__ */ T(x, { alignItems: "stretch", children: [
+    /* @__PURE__ */ T(
+      R,
       {
-        justifyContent: "space-between",
+        justifyContent: f ? "space-between" : "center",
         alignItems: "center",
-        height: "32px",
         children: [
-          /* @__PURE__ */ c(Y, { alignItems: "center", children: h }),
-          /* @__PURE__ */ R(E, { alignItems: "center", children: [
-            /* @__PURE__ */ c(E, { width: "104px", justifyContent: "center", children: a ? /* @__PURE__ */ c(
-              A,
-              {
-                onClick: () => a(t),
-                label: t.name
-              }
-            ) : /* @__PURE__ */ c(ct, { children: t.name }) }),
-            /* @__PURE__ */ c(W, {}),
-            /* @__PURE__ */ c(E, { width: "64px", justifyContent: "center", children: f ? /* @__PURE__ */ c(
-              A,
-              {
-                onClick: () => f(t.year),
-                label: String(t.year)
-              }
-            ) : /* @__PURE__ */ c(ct, { children: t.year }) })
-          ] }),
-          /* @__PURE__ */ c(Y, { alignItems: "center", children: w })
+          /* @__PURE__ */ c(R, { justifyContent: "center", alignItems: "center", children: l ? /* @__PURE__ */ c(
+            W,
+            {
+              onClick: () => l(t),
+              label: t.name + " " + String(t.year),
+              rightIcon: Xt
+            }
+          ) : /* @__PURE__ */ T(pt, { whiteSpace: "nowrap", children: [
+            t.name,
+            " ",
+            t.year
+          ] }) }),
+          f && /* @__PURE__ */ c(x, { alignItems: "center", children: f })
         ]
       }
     ),
-    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ R("tbody", { children: [
-      /* @__PURE__ */ R("tr", { children: [
-        y && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(Y, { width: p.width, height: p.height }) }),
-        t.weeks[0].days.map((m) => /* @__PURE__ */ c("td", { children: u ? u(m.name, p, l) : /* @__PURE__ */ c(
+    /* @__PURE__ */ c("table", { children: /* @__PURE__ */ T("tbody", { children: [
+      /* @__PURE__ */ T("tr", { children: [
+        b && /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(x, { width: h.width, height: h.height }) }),
+        t.weeks[0].days.map((p) => /* @__PURE__ */ c("td", { children: D ? D(p.name, h, d) : /* @__PURE__ */ c(
           ir,
           {
-            day: m,
-            onClickWeekDay: l,
-            theme: p
+            day: p,
+            onClickWeekDay: d,
+            theme: h
           }
-        ) }, m.name))
+        ) }, p.name))
       ] }),
-      t.weeks.map((m) => /* @__PURE__ */ c(
-        nr,
-        {
-          month: t,
-          week: m,
-          dayComponent: e,
-          statePerWeekDay: r && r[m.weekNumber],
-          userDataPerWeekDay: n && n[m.weekNumber],
-          onClickDay: d,
-          onClickWeek: o,
-          theme: p,
-          renderWeekNumber: D,
-          extraDayContent: S,
-          defaultHighlights: M,
-          minDate: i,
-          maxDate: s
-        },
-        m.weekNumber
-      ))
+      t.weeks.map((p) => /* @__PURE__ */ c(ht, { children: /* @__PURE__ */ T("tr", { children: [
+        b && /* @__PURE__ */ c("td", { children: u ? u(p, h, o) : /* @__PURE__ */ c(
+          or,
+          {
+            week: p,
+            onClickWeek: o,
+            theme: h
+          }
+        ) }),
+        p.days.map((y) => /* @__PURE__ */ c(
+          dr,
+          {
+            dayComponent: e,
+            day: y,
+            week: p,
+            month: t,
+            dayState: r && r[p.weekNumber] && r[p.weekNumber][y.dayOfMonth],
+            userData: n && n[p.weekNumber] && n[p.weekNumber][y.dayOfMonth],
+            onClickDay: a,
+            theme: h,
+            extraDayContent: w,
+            defaultHighlights: M,
+            minDate: s,
+            maxDate: i
+          },
+          y.dateString
+        ))
+      ] }, p.weekNumber) }))
     ] }) })
   ] }) });
 }
-function or({
+function ur({
   monthRows: t,
-  dayComponent: e = le,
+  dayComponent: e = de,
   userDataPerMonth: r,
   statePerMonth: n,
-  minDate: i,
-  maxDate: s,
-  onClickDay: d,
+  minDate: s,
+  maxDate: i,
+  onClickDay: a,
   onClickWeekDay: o,
-  onClickWeek: l,
-  onClickMonth: a,
-  onClickYear: f,
-  renderWeekDay: D,
-  renderWeekNumber: u,
-  headerLeftContent: h,
-  headerRightContent: w,
-  extraDayContent: p,
-  defaultHighlights: S,
-  theme: M = rt
+  onClickWeek: d,
+  onClickMonth: l,
+  renderWeekDay: u,
+  renderWeekNumber: D,
+  headerRightContent: f,
+  extraDayContent: h,
+  defaultHighlights: w,
+  showWeekNumber: M,
+  theme: b = tt
 }) {
-  const y = C(
-    () => i ? ot(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
-    [i]
-  ), m = C(
-    () => s ? ot(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+  const p = A(
+    () => s ? ct(s, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
     [s]
+  ), y = A(
+    () => i ? ct(i, "yyyy-MM-dd", /* @__PURE__ */ new Date()) : void 0,
+    [i]
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: je(
+        Jt.calendar,
+        M && Jt.weekNumberVisible
+      ),
+      children: t.map((m, k) => /* @__PURE__ */ c(we, { children: /* @__PURE__ */ c(R, { gap: 2, children: m.map((E) => /* @__PURE__ */ c(
+        lr,
+        {
+          month: E,
+          dayComponent: e,
+          userDataPerWeek: r && r[E.monthString],
+          statePerWeek: n && n[E.monthString],
+          onClickDay: a,
+          onClickWeekDay: o,
+          onClickWeek: d,
+          onClickMonth: l,
+          theme: b,
+          renderWeekNumber: D,
+          renderWeekDay: u,
+          headerRightContent: f,
+          extraDayContent: h,
+          defaultHighlights: w,
+          minDate: p,
+          maxDate: y,
+          showWeekNumber: M ?? !1
+        },
+        E.name
+      )) }) }, k))
+    }
   );
-  return /* @__PURE__ */ c("div", { className: Ze.calendar, children: t.map((b, x) => /* @__PURE__ */ c(we, { children: /* @__PURE__ */ c(E, { children: b.map((T, N) => /* @__PURE__ */ R(se.Fragment, { children: [
-    N > 0 && /* @__PURE__ */ c(W, {}),
-    /* @__PURE__ */ c(
-      cr,
-      {
-        month: T,
-        dayComponent: e,
-        userDataPerWeek: r && r[T.monthString],
-        statePerWeek: n && n[T.monthString],
-        onClickDay: d,
-        onClickWeekDay: o,
-        onClickWeek: l,
-        onClickMonth: a,
-        onClickYear: f,
-        theme: M,
-        renderWeekNumber: u,
-        renderWeekDay: D,
-        headerLeftContent: h,
-        headerRightContent: w,
-        extraDayContent: p,
-        defaultHighlights: S,
-        minDate: y,
-        maxDate: m
-      }
-    )
-  ] }, T.name)) }) }, x)) });
 }
-function Ht(t) {
-  const e = dr(t.year, t.month, t.date), { year: r, month: n } = Qe(
+function Pt(t) {
+  const e = fr(t.year, t.month, t.date), { year: r, month: n } = Ve(
     e.year,
     e.month
-  ), i = lr(
+  ), s = hr(
     r,
     n,
-    t.locale ?? Bt,
+    t.locale ?? Ot,
     t.numMonths,
     t.monthsPerRow
-  ), s = _e(
+  ), i = Qe(
     t.highlightToday,
     t.statePerMonth
   );
   return /* @__PURE__ */ c(
-    or,
+    ur,
     {
       year: r,
       month: n,
-      monthRows: i,
+      monthRows: s,
       ...t,
-      statePerMonth: s
+      statePerMonth: i
     }
   );
 }
-const dr = (t, e, r) => {
+const fr = (t, e, r) => {
   if (e && t)
     return {
       month: e,
@@ -706,101 +679,105 @@ const dr = (t, e, r) => {
     };
   if (r)
     return {
-      month: V(r),
-      year: wt(r)
+      month: F(r),
+      year: mt(r)
     };
   const n = /* @__PURE__ */ new Date();
   return {
-    month: V(n),
-    year: wt(n)
+    month: F(n),
+    year: mt(n)
   };
-}, lr = (t, e, r, n, i) => n == null ? [[de(t, e, r)]] : i == null ? [Jt(t, e, n, r)] : ie(Jt(t, e, n, r), i), ar = ({
-  value: t,
-  onValueChange: e,
-  month: r,
-  locale: n
+}, hr = (t, e, r, n, s) => n == null ? [[ae(t, e, r)]] : s == null ? [_t(t, e, n, r)] : se(_t(t, e, n, r), s), Dr = ({
+  month: t,
+  year: e,
+  onClick: r,
+  selected: n,
+  locale: s
 }) => {
-  const i = C(() => {
-    const s = new Date(2e3, r, 1);
-    return ne(U(s, "MMM", { locale: n }));
-  }, [n, r]);
-  return /* @__PURE__ */ c(E, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(
-    dt,
-    {
-      label: i,
-      onClick: () => e && e(r)
-    }
-  ) : /* @__PURE__ */ c(
-    A,
-    {
-      label: i,
-      onClick: () => e && e(r)
-    }
-  ) });
-}, fr = [
-  [H.JANUARY, H.FEBRUARY, H.MARCH],
-  [H.APRIL, H.MAY, H.JUNE],
-  [H.JULY, H.AUGUST, H.SEPTEMBER],
-  [H.OCTOBER, H.NOVEMBER, H.DECEMBER]
-], ur = ({
+  const i = A(() => {
+    const a = new Date(e, t, 1);
+    return ne(H(a, "MMM", { locale: s }));
+  }, [s, e, t]);
+  return /* @__PURE__ */ c(R, { justifyContent: "center", children: n ? /* @__PURE__ */ c(ot, { label: i, onClick: r }) : /* @__PURE__ */ c(W, { label: i, onClick: r }) });
+}, gr = ({
   value: t,
   onValueChange: e,
-  locale: r = Bt
-}) => /* @__PURE__ */ c(B, { gap: 1, children: fr.map((n) => /* @__PURE__ */ c(E, { gap: 1, children: n.map((i) => /* @__PURE__ */ c(
-  ar,
-  {
-    month: i,
-    onValueChange: e,
-    value: t,
-    locale: r
-  },
-  i
-)) }, n[0])) }), hr = (t) => [
+  locale: r = Ot,
+  firstMonth: n,
+  numMonths: s
+}) => {
+  const i = mr(n, s);
+  return /* @__PURE__ */ c(U, { gap: 1, maxWidth: "336px", children: i.years.map(({ year: a, months: o }) => /* @__PURE__ */ T(ht, { children: [
+    /* @__PURE__ */ c(pe, { variant: "h4", children: a }),
+    /* @__PURE__ */ c(R, { gap: 1, flexWrap: "wrap", children: o.map((d) => /* @__PURE__ */ c(
+      Dr,
+      {
+        month: d,
+        year: a,
+        locale: r,
+        selected: (t == null ? void 0 : t.month) === d && (t == null ? void 0 : t.year) === a,
+        onClick: () => e == null ? void 0 : e({ month: d, year: a })
+      },
+      d
+    )) })
+  ] })) });
+}, mr = (t, e) => {
+  let r = t.getFullYear(), n = t.getMonth();
+  const s = {
+    years: [{ year: r, months: [n] }]
+  };
+  for (let i = 1; i < e; i++)
+    n === oe.DECEMBER ? (r++, n = 0, s.years.push({ year: r, months: [n] })) : (n++, s.years[s.years.length - 1].months.push(n));
+  return s;
+}, Kt = (t) => ({
+  year: t.getFullYear(),
+  month: t.getMonth()
+}), wr = (t) => [
   {
     label: "Past",
     presets: [
-      { label: "Last 3 days", startDate: t, endDate: ht(t, 2) },
-      { label: "Last 7 days", startDate: t, endDate: ht(t, 6) },
-      { label: "Last 30 days", startDate: t, endDate: ht(t, 29) },
-      { label: "Last 45 days", startDate: t, endDate: ht(t, 44) }
+      { label: "Last 3 days", startDate: t, endDate: ft(t, 2) },
+      { label: "Last 7 days", startDate: t, endDate: ft(t, 6) },
+      { label: "Last 30 days", startDate: t, endDate: ft(t, 29) },
+      { label: "Last 45 days", startDate: t, endDate: ft(t, 44) }
     ]
   },
   {
     label: "Future",
     presets: [
-      { label: "Next 3 days", startDate: t, endDate: K(t, 2) },
-      { label: "Next 7 days", startDate: t, endDate: K(t, 6) },
-      { label: "Next 30 days", startDate: t, endDate: K(t, 29) },
-      { label: "Next 45 days", startDate: t, endDate: K(t, 44) }
+      { label: "Next 3 days", startDate: t, endDate: _(t, 2) },
+      { label: "Next 7 days", startDate: t, endDate: _(t, 6) },
+      { label: "Next 30 days", startDate: t, endDate: _(t, 29) },
+      { label: "Next 45 days", startDate: t, endDate: _(t, 44) }
     ]
   }
-], Dr = ({
+], pr = ({
   onClickPreset: t
 }) => {
-  const [e, r] = k(0), n = C(() => hr(/* @__PURE__ */ new Date()), []), i = n[e] ?? n[0];
-  return /* @__PURE__ */ R(B, { children: [
-    /* @__PURE__ */ R(
-      E,
+  const [e, r] = S(0), n = A(() => wr(/* @__PURE__ */ new Date()), []), s = n[e] ?? n[0];
+  return /* @__PURE__ */ T(U, { children: [
+    /* @__PURE__ */ T(
+      R,
       {
         justifyContent: "space-between",
         alignItems: "center",
         width: "200px",
         children: [
           /* @__PURE__ */ c(
-            A,
+            W,
             {
               size: "small",
-              leftIcon: Wt,
+              leftIcon: be,
               disabled: e === 0,
               onClick: () => r(e - 1)
             }
           ),
-          /* @__PURE__ */ c(ct, { children: i.label }),
+          /* @__PURE__ */ c(pt, { children: s.label }),
           /* @__PURE__ */ c(
-            A,
+            W,
             {
               size: "small",
-              leftIcon: Ot,
+              leftIcon: ke,
               disabled: e === n.length - 1,
               onClick: () => r(e + 1)
             }
@@ -808,279 +785,209 @@ const dr = (t, e, r) => {
         ]
       }
     ),
-    /* @__PURE__ */ c(W, {}),
-    /* @__PURE__ */ c(B, { alignItems: "center", children: i.presets.map((s) => /* @__PURE__ */ R(se.Fragment, { children: [
+    /* @__PURE__ */ c(it, {}),
+    /* @__PURE__ */ c(U, { alignItems: "center", children: s.presets.map((i) => /* @__PURE__ */ T(ze.Fragment, { children: [
       /* @__PURE__ */ c(
-        dt,
+        ot,
         {
-          label: s.label,
-          onClick: () => t(s)
+          label: i.label,
+          onClick: () => t(i)
         }
       ),
-      /* @__PURE__ */ c(W, {})
-    ] }, s.label)) })
-  ] });
-}, gr = ({
-  value: t,
-  onValueChange: e,
-  year: r
-}) => {
-  const n = String(r);
-  return /* @__PURE__ */ c(E, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(dt, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(A, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
-}, mr = ({
-  value: t,
-  onValueChange: e,
-  initialLastYear: r
-}) => {
-  const [n, i] = k(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), s = C(() => {
-    const d = n - 11;
-    return ie(jt(d, n + 1), 3);
-  }, [n]);
-  return G(() => {
-    i((d) => wr(t, d));
-  }, [t]), /* @__PURE__ */ R(E, { children: [
-    /* @__PURE__ */ c(B, { justifyContent: "center", children: /* @__PURE__ */ c(
-      A,
-      {
-        leftIcon: pe,
-        onClick: () => i(n - 3)
-      }
-    ) }),
-    /* @__PURE__ */ c(B, { gap: 1, children: s.map((d) => /* @__PURE__ */ c(E, { gap: 1, children: d.map((o) => /* @__PURE__ */ c(
-      gr,
-      {
-        year: o,
-        onValueChange: e,
-        value: t
-      },
-      o
-    )) }, d[0])) }),
-    /* @__PURE__ */ c(B, { justifyContent: "center", children: /* @__PURE__ */ c(
-      A,
-      {
-        leftIcon: qt,
-        onClick: () => i(n + 3)
-      }
-    ) })
+      /* @__PURE__ */ c(it, {})
+    ] }, i.label)) })
   ] });
-}, wr = (t, e) => {
-  if (t == null)
-    return e;
-  if (t > e) {
-    const n = t - e, i = n % 3, s = n - i + 3;
-    return e + s;
-  }
-  const r = e - 11;
-  if (t < r) {
-    const n = r - t, i = n % 3, s = n - i + 3;
-    return e - s;
-  }
-  return e;
 }, yr = function({
   locale: e,
   dateInFocus: r,
   setDateInFocus: n,
-  currentPanel: i,
-  setCurrentPanel: s,
-  ...d
+  currentPanel: s,
+  setCurrentPanel: i,
+  renderMonthPicker: a,
+  ...o
 }) {
-  const o = g(
-    (D) => {
-      const u = r ? new Date(r) : /* @__PURE__ */ new Date();
-      u.setMonth(D), n && n(u), s("calendar");
-    },
-    [r, n, s]
-  ), l = g(
-    (D) => {
-      const u = r ? new Date(r) : /* @__PURE__ */ new Date();
-      u.setFullYear(D), n && n(u), s("calendar");
+  const d = g(
+    (u) => {
+      const D = r ? new Date(r) : /* @__PURE__ */ new Date();
+      D.setMonth(u.month), D.setFullYear(u.year), n && n(D), i("calendar");
     },
-    [r, n, s]
-  ), a = g(() => {
-    s("year");
-  }, [s]), f = g(() => {
-    s("month");
-  }, [s]);
-  switch (i) {
+    [r, n, i]
+  ), l = g(() => {
+    i("month");
+  }, [i]);
+  switch (s) {
     case "calendar":
-      return /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ c(
-        Ht,
-        {
-          ...d,
-          date: r,
-          onClickYear: a,
-          onClickMonth: f,
-          locale: e
-        }
-      ) });
-    case "month":
       return /* @__PURE__ */ c(
-        ur,
+        Pt,
         {
-          value: r.getMonth(),
-          onValueChange: o,
+          ...o,
+          date: r,
+          onClickMonth: l,
           locale: e
         }
       );
-    case "year":
-      return /* @__PURE__ */ c(
-        mr,
+    case "month":
+      return a ? a({
+        value: Kt(r),
+        onValueChange: d,
+        locale: e,
+        firstMonth: /* @__PURE__ */ new Date(),
+        numMonths: 24,
+        dateInFocus: r
+      }) : /* @__PURE__ */ c(
+        gr,
         {
-          value: r.getFullYear(),
-          onValueChange: l
+          value: Kt(r),
+          onValueChange: d,
+          locale: e,
+          firstMonth: /* @__PURE__ */ new Date(),
+          numMonths: 24
         }
       );
     case "presets":
-      return /* @__PURE__ */ c(Dr, { onClickPreset: () => {
+      return /* @__PURE__ */ c(pr, { onClickPreset: () => {
       } });
     default:
-      return /* @__PURE__ */ c(Y, { children: /* @__PURE__ */ c(
-        dt,
+      return /* @__PURE__ */ c(x, { children: /* @__PURE__ */ c(
+        ot,
         {
           label: "Show calendar",
-          onClick: () => s("calendar")
+          onClick: () => i("calendar")
         }
       ) });
   }
-}, pr = (t, e, r, n) => {
-  const i = g(() => {
-    const l = xe(t, r ?? n ?? 1);
-    e == null || e(l);
-  }, [e, t, r, n]), s = g(() => {
-    const l = Ne(t, 1);
-    e == null || e(l);
-  }, [e, t]), d = g(() => {
-    const l = Ye(t, r ?? n ?? 1);
-    e == null || e(l);
+}, br = (t, e, r, n) => {
+  const s = g(() => {
+    const d = Ye(t, r ?? n ?? 1);
+    e == null || e(d);
+  }, [e, t, r, n]), i = g(() => {
+    const d = He(t, 1);
+    e == null || e(d);
+  }, [e, t]), a = g(() => {
+    const d = Le(t, r ?? n ?? 1);
+    e == null || e(d);
   }, [e, t, r, n]), o = g(() => {
-    const l = Ie(t, 1);
-    e == null || e(l);
+    const d = Pe(t, 1);
+    e == null || e(d);
   }, [e, t]);
   return {
-    nextMonth: i,
-    prevMonth: d,
-    nextYear: s,
+    nextMonth: s,
+    prevMonth: a,
+    nextYear: i,
     prevYear: o
   };
-}, br = ({
+}, kr = ({
   children: t,
   prevMonth: e,
   nextMonth: r,
   prevYear: n,
-  nextYear: i
-}) => /* @__PURE__ */ R("div", { children: [
+  nextYear: s
+}) => /* @__PURE__ */ T("div", { children: [
   t,
-  /* @__PURE__ */ c(gt, { children: /* @__PURE__ */ R(E, { children: [
-    /* @__PURE__ */ c(A, { onClick: n, leftIcon: Qt }),
-    /* @__PURE__ */ c(W, {}),
-    /* @__PURE__ */ c(A, { onClick: e, leftIcon: Wt }),
-    /* @__PURE__ */ c(gt, { num: 2 }),
-    /* @__PURE__ */ c(A, { onClick: r, leftIcon: Ot }),
-    /* @__PURE__ */ c(W, {}),
-    /* @__PURE__ */ c(A, { onClick: i, leftIcon: Xt })
+  /* @__PURE__ */ c(Dt, { children: /* @__PURE__ */ T(R, { gap: 1, children: [
+    /* @__PURE__ */ c(st, { onClick: n, leftIcon: Se }),
+    /* @__PURE__ */ c(st, { onClick: e, leftIcon: Ut }),
+    /* @__PURE__ */ c(Dt, { num: 2 }),
+    /* @__PURE__ */ c(st, { onClick: r, leftIcon: xt }),
+    /* @__PURE__ */ c(st, { onClick: s, leftIcon: Me })
   ] }) }),
-  /* @__PURE__ */ c(W, {})
-] }), kr = () => {
+  /* @__PURE__ */ c(it, {})
+] }), Sr = () => {
 };
-function nt({
+function et({
   monthSwitcherPlacement: t,
-  theme: e = rt,
+  theme: e = tt,
   dateInFocus: r,
   setDateInFocus: n,
-  currentPanel: i,
-  setCurrentPanel: s,
-  onSelectPreset: d = kr,
-  hideYearPagination: o = !1,
-  ...l
+  currentPanel: s,
+  setCurrentPanel: i,
+  onSelectPreset: a = Sr,
+  renderMonthPicker: o,
+  ...d
 }) {
-  const { nextMonth: a, prevMonth: f, nextYear: D, prevYear: u } = pr(
+  const { nextMonth: l, prevMonth: u, nextYear: D, prevYear: f } = br(
     r,
     n,
-    l.monthsPerRow,
-    l.numMonths
+    d.monthsPerRow,
+    d.numMonths
   );
-  switch (Sr(
+  switch (Mr(
     t,
-    l.numMonths
+    d.numMonths
   )) {
     case "below":
       return /* @__PURE__ */ c(
-        br,
+        kr,
         {
           theme: e,
-          nextMonth: a,
-          prevMonth: f,
+          nextMonth: l,
+          prevMonth: u,
           nextYear: D,
-          prevYear: u,
-          children: /* @__PURE__ */ c(Ht, { ...l, theme: e, date: r })
+          prevYear: f,
+          children: /* @__PURE__ */ c(Pt, { ...d, theme: e, date: r })
         }
       );
     case "header":
-      return /* @__PURE__ */ c(B, { children: /* @__PURE__ */ c(
+      return /* @__PURE__ */ c(U, { children: /* @__PURE__ */ c(
         yr,
         {
-          ...l,
+          ...d,
           theme: e,
+          renderMonthPicker: o,
           dateInFocus: r,
           setDateInFocus: n,
-          currentPanel: i,
-          setCurrentPanel: s,
-          onSelectPreset: d,
-          headerLeftContent: /* @__PURE__ */ R(E, { alignItems: "center", children: [
-            !o && /* @__PURE__ */ c(
-              A,
+          currentPanel: s,
+          setCurrentPanel: i,
+          onSelectPreset: a,
+          headerRightContent: /* @__PURE__ */ T(R, { alignItems: "center", gap: 1, children: [
+            /* @__PURE__ */ c(
+              st,
               {
                 onClick: u,
-                leftIcon: Qt
+                leftIcon: Ut
               }
             ),
-            /* @__PURE__ */ c(W, {}),
-            /* @__PURE__ */ c(A, { onClick: f, leftIcon: Wt })
-          ] }),
-          headerRightContent: /* @__PURE__ */ R(E, { alignItems: "center", children: [
-            /* @__PURE__ */ c(A, { onClick: a, leftIcon: Ot }),
-            /* @__PURE__ */ c(W, {}),
-            !o && /* @__PURE__ */ c(
-              A,
+            /* @__PURE__ */ c(
+              st,
               {
-                onClick: D,
-                leftIcon: Xt
+                onClick: l,
+                leftIcon: xt
               }
             )
           ] })
         }
       ) });
     default:
-      return /* @__PURE__ */ c(Ht, { ...l, theme: e, date: r });
+      return /* @__PURE__ */ c(Pt, { ...d, theme: e, date: r });
   }
 }
-const Sr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mr = (t) => ({
-  startDate: t.startDate ? U(t.startDate, "yyyy-MM-dd") : void 0,
-  endDate: t.endDate ? U(t.endDate, "yyyy-MM-dd") : void 0
-}), Rr = ({
+const Mr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Tr = (t) => ({
+  startDate: t.startDate ? H(t.startDate, "yyyy-MM-dd") : void 0,
+  endDate: t.endDate ? H(t.endDate, "yyyy-MM-dd") : void 0
+}), Er = ({
   startDate: t,
   endDate: e
 }) => {
   const r = /* @__PURE__ */ new Date();
   return {
-    startDate: t ? ot(t, "yyyy-MM-dd", r) : void 0,
-    endDate: e ? ot(e, "yyyy-MM-dd", r) : void 0
+    startDate: t ? ct(t, "yyyy-MM-dd", r) : void 0,
+    endDate: e ? ct(e, "yyyy-MM-dd", r) : void 0
   };
-}, ae = ({
+}, le = ({
   startDate: t,
   endDate: e
-}) => !!(t && e && !q(t, e) && tt(t, e)), fe = (t) => ae(t) ? {
+}) => !!(t && e && !K(t, e) && v(t, e)), ue = (t) => le(t) ? {
   startDate: t.endDate,
   endDate: t.startDate
-} : t, un = (t) => t.startDate && t.endDate ? Mr(
-  fe(Rr(t))
-) : t, Er = (t, e, r, n) => g(
-  (i) => {
-    const s = {
-      startDate: r === "startDate" ? i.date : t == null ? void 0 : t.startDate,
-      endDate: r === "endDate" ? i.date : t == null ? void 0 : t.endDate
+} : t, mn = (t) => t.startDate && t.endDate ? Tr(
+  ue(Er(t))
+) : t, Rr = (t, e, r, n) => g(
+  (s) => {
+    const i = {
+      startDate: r === "startDate" ? s.date : t == null ? void 0 : t.startDate,
+      endDate: r === "endDate" ? s.date : t == null ? void 0 : t.endDate
     };
-    ae(s) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(fe(s));
+    le(i) || n(r === "startDate" ? "endDate" : "startDate"), e == null || e(ue(i));
   },
   [
     r,
@@ -1089,10 +996,10 @@ const Sr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mr = (t) => ({
     t == null ? void 0 : t.endDate,
     t == null ? void 0 : t.startDate
   ]
-), xt = (t) => {
-  const [e, r] = k("calendar"), n = g(
-    (i) => {
-      r(i), t == null || t(i);
+), Nt = (t) => {
+  const [e, r] = S("calendar"), n = g(
+    (s) => {
+      r(s), t == null || t(s);
     },
     [t]
   );
@@ -1100,84 +1007,84 @@ const Sr = (t, e) => t || (e || 1) > 1 ? "below" : "header", Mr = (t) => ({
     currentPanel: e,
     setCurrentPanel: n
   };
-}, Tr = ({
+}, Ar = ({
   focusedInput: t,
   value: e,
   onValueChange: r,
   setFocusedInput: n,
-  statePerMonth: i,
-  onChangePanel: s,
-  initialDateInFocus: d
+  statePerMonth: s,
+  onChangePanel: i,
+  initialDateInFocus: a
 }) => {
-  const { currentPanel: o, setCurrentPanel: l } = xt(s), [a, f] = k(
-    () => d ?? /* @__PURE__ */ new Date()
-  ), D = Er(
+  const { currentPanel: o, setCurrentPanel: d } = Nt(i), [l, u] = S(
+    () => a ?? /* @__PURE__ */ new Date()
+  ), D = Rr(
     e,
     r,
     t,
     n
-  ), u = C(
-    () => yt(
-      i,
+  ), f = A(
+    () => wt(
+      s,
       e == null ? void 0 : e.startDate,
       e == null ? void 0 : e.endDate
     ),
-    [i, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
+    [s, e == null ? void 0 : e.endDate, e == null ? void 0 : e.startDate]
   );
   return {
     onClickDay: D,
-    statePerMonth: u,
+    statePerMonth: f,
     currentPanel: o,
-    setCurrentPanel: l,
-    setDateInFocus: f,
-    dateInFocus: a
+    setCurrentPanel: d,
+    setDateInFocus: u,
+    dateInFocus: l
   };
 };
-function hn(t) {
-  const e = Tr(t);
-  return /* @__PURE__ */ c(nt, { ...t, ...e });
+function wn(t) {
+  const e = Ar(t);
+  return /* @__PURE__ */ c(et, { ...t, ...e });
 }
-const Dn = () => {
-  const [t, e] = k(), [r, n] = k(), [i, s] = k("startDate");
+const pn = () => {
+  const [t, e] = S(), [r, n] = S(), [s, i] = S("startDate");
   return {
     startDate: t,
     setStartDate: e,
     endDate: r,
     setEndDate: n,
-    focusedInput: i,
-    setFocusedInput: s
+    focusedInput: s,
+    setFocusedInput: i
   };
-}, Ar = ({
+}, xr = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: i, setCurrentPanel: s } = xt(n), [d, o] = k(() => e ?? /* @__PURE__ */ new Date()), l = g(
-    (f) => {
-      t && t(f.date);
+  const { currentPanel: s, setCurrentPanel: i } = Nt(n), [a, o] = S(() => e ?? /* @__PURE__ */ new Date()), d = g(
+    (u) => {
+      t && t(u.date);
     },
     [t]
-  ), a = C(
-    () => e ? Q(r, e, [
+  ), l = A(
+    () => e ? q(r, e, [
       "selected",
       "singleSelected"
     ]) : r,
     [r, e]
   );
   return {
-    onClickDay: l,
-    statePerMonth: a,
+    onClickDay: d,
+    statePerMonth: l,
     date: e,
-    currentPanel: i,
-    setCurrentPanel: s,
-    dateInFocus: d,
+    currentPanel: s,
+    setCurrentPanel: i,
+    dateInFocus: a,
     setDateInFocus: o
   };
 };
-function ue(t) {
-  const e = Ar(t);
-  return /* @__PURE__ */ c(nt, { ...t, ...e });
+function fe(t) {
+  const e = xr(t);
+  return /* @__PURE__ */ c(et, { ...t, ...e });
 }
 const Cr = ({
   onChange: t,
@@ -1185,380 +1092,380 @@ const Cr = ({
   statePerMonth: r,
   onChangePanel: n
 }) => {
-  const { currentPanel: i, setCurrentPanel: s } = xt(n), [d, o] = k(() => /* @__PURE__ */ new Date()), l = g(
-    (f) => {
+  const { currentPanel: s, setCurrentPanel: i } = Nt(n), [a, o] = S(() => /* @__PURE__ */ new Date()), d = g(
+    (u) => {
       if (!t)
         return;
-      const D = e && e.find((u) => q(u, f.date));
-      t(e && D ? e.filter((u) => !q(u, f.date)) : [...e || [], f.date]);
+      const D = e && e.find((f) => K(f, u.date));
+      t(e && D ? e.filter((f) => !K(f, u.date)) : [...e || [], u.date]);
     },
     [t, e]
-  ), a = C(() => e ? e.reduce(
-    (f, D) => Q(f, D, ["selected"]),
+  ), l = A(() => e ? e.reduce(
+    (u, D) => q(u, D, ["selected"]),
     r
   ) : r, [r, e]);
   return {
-    onClickDay: l,
-    statePerMonth: a,
-    currentPanel: i,
-    setCurrentPanel: s,
-    dateInFocus: d,
+    onClickDay: d,
+    statePerMonth: l,
+    currentPanel: s,
+    setCurrentPanel: i,
+    dateInFocus: a,
     setDateInFocus: o
   };
 };
-function gn(t) {
+function yn(t) {
   const e = Cr(t);
-  return /* @__PURE__ */ c(nt, { ...t, ...e });
+  return /* @__PURE__ */ c(et, { ...t, ...e });
 }
-const xr = ({
+const Nr = ({
   onChange: t,
   value: e,
   statePerMonth: r,
   onChangePanel: n,
-  locale: i = Bt
+  locale: s = Ot
 }) => {
-  const [s, d] = k(() => {
-    const h = Yt(e, i);
+  const [i, a] = S(() => {
+    const h = Yt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }), { currentPanel: o, setCurrentPanel: l } = xt(n), a = g(
+  }), { currentPanel: o, setCurrentPanel: d } = Nt(n), l = g(
     (h) => {
-      t && t(Kt(zt(h.date, i)));
+      t && t(Gt(zt(h.date, s)));
     },
-    [i, t]
-  ), f = g(
+    [s, t]
+  ), u = g(
     (h) => {
-      t && t(Kt(h));
+      t && t(Gt(h));
     },
     [t]
-  ), D = C(() => {
-    const h = Yt(e, i);
-    return h ? ze(r, h) : r;
-  }, [e, i, r]), u = C(() => {
-    const h = Yt(e, i);
+  ), D = A(() => {
+    const h = Yt(e, s);
+    return h ? qe(r, h) : r;
+  }, [e, s, r]), f = A(() => {
+    const h = Yt(e, s);
     return h ? h.days[0].date : /* @__PURE__ */ new Date();
-  }, [i, e]);
+  }, [s, e]);
   return {
     statePerMonth: D,
-    date: u,
-    dateInFocus: s,
-    setDateInFocus: d,
-    onClickDay: a,
-    onClickWeek: f,
+    date: f,
+    dateInFocus: i,
+    setDateInFocus: a,
+    onClickDay: l,
+    onClickWeek: u,
     currentPanel: o,
-    setCurrentPanel: l
+    setCurrentPanel: d
   };
-}, Kt = (t) => {
+}, Gt = (t) => {
   if (t)
     return `${t.endYear}-${t.weekNumber}`;
 }, Yt = (t, e) => {
   if (!t)
     return;
-  const r = t.split("-"), n = parseInt(r[1], 10), i = parseInt(r[0], 10), s = /* @__PURE__ */ new Date();
-  s.setFullYear(i);
-  const d = ee(Le(s, n), { locale: e });
-  return zt(d, e);
+  const r = t.split("-"), n = parseInt(r[1], 10), s = parseInt(r[0], 10), i = /* @__PURE__ */ new Date();
+  i.setFullYear(s);
+  const a = ee($e(i, n), { locale: e });
+  return zt(a, e);
 };
-function mn(t) {
-  const e = xr(t);
-  return /* @__PURE__ */ c(nt, { ...t, ...e });
+function bn(t) {
+  const e = Nr(t);
+  return /* @__PURE__ */ c(et, { ...t, ...e });
 }
 const bt = "bottom", he = () => {
-  const [t, e] = $e();
+  const [t, e] = Je();
   return {
     onChangePanel: g(() => {
-      var n, i;
-      (i = (n = e.current) == null ? void 0 : n.popperInstance) == null || i.update();
+      var n, s;
+      (s = (n = e.current) == null ? void 0 : n.popperInstance) == null || s.update();
     }, [e]),
     tippyRef: t
   };
-}, Nr = (t, e, r) => {
-  const [n, i] = k(r || !1), s = g(() => (i(!0), !0), [i]), d = g(() => {
-    i(!1), e && e();
-  }, [i, e]), o = g(
-    (l) => {
-      t && t(l), setTimeout(d, 150);
+}, Ir = (t, e, r) => {
+  const [n, s] = S(r || !1), i = g(() => (s(!0), !0), [s]), a = g(() => {
+    s(!1), e && e();
+  }, [s, e]), o = g(
+    (d) => {
+      t && t(d), setTimeout(a, 150);
     },
-    [t, d]
+    [t, a]
   );
   return {
-    showCalendar: s,
-    hideCalendar: d,
+    showCalendar: i,
+    hideCalendar: a,
     showingCalendar: n,
     onSelectDate: o
   };
-}, kt = "2999-12-31", wn = ({
-  displayFormat: t = X.fullDate,
+}, kt = "2999-12-31", kn = ({
+  displayFormat: t = Q.fullDate,
   placeholder: e = "Enter date",
   value: r,
   zIndex: n = 100,
-  calendarTheme: i = rt,
-  calendarProps: s,
-  openOnMount: d,
+  calendarTheme: s = tt,
+  calendarProps: i,
+  openOnMount: a,
   onClose: o,
-  onChange: l,
-  portalTarget: a,
-  variant: f,
+  onChange: d,
+  portalTarget: l,
+  variant: u,
   width: D,
-  minDate: u,
+  minDate: f,
   maxDate: h = kt,
   disabled: w
 }) => {
-  const { hideCalendar: p, showingCalendar: S, onSelectDate: M, showCalendar: y } = Nr(l, o, d), { tippyRef: m, onChangePanel: b } = he();
-  return /* @__PURE__ */ c(Y, { width: D, children: /* @__PURE__ */ c(
-    pt,
+  const { hideCalendar: M, showingCalendar: b, onSelectDate: p, showCalendar: y } = Ir(d, o, a), { tippyRef: m, onChangePanel: k } = he();
+  return /* @__PURE__ */ c(x, { width: D, children: /* @__PURE__ */ c(
+    yt,
     {
       arrow: !1,
       lazy: !0,
-      visible: S,
-      onClickOutside: p,
+      visible: b,
+      onClickOutside: M,
       placement: bt,
       zIndex: n,
-      appendTo: a ?? "parent",
+      appendTo: l ?? "parent",
       tippyRef: m,
       disabled: w,
       content: /* @__PURE__ */ c(
-        ue,
+        fe,
         {
-          ...s,
-          onChange: M,
+          ...i,
+          onChange: p,
           value: r,
-          theme: i,
-          onChangePanel: b,
-          minDate: u,
+          theme: s,
+          onChangePanel: k,
+          minDate: f,
           maxDate: h
         }
       ),
       children: /* @__PURE__ */ c(
-        et,
+        V,
         {
           type: "date",
           onFocus: y,
-          buttonRight: /* @__PURE__ */ c(be, { onClick: y, icon: mt }),
-          value: r ? U(r, t) : "",
+          buttonRight: /* @__PURE__ */ c(Te, { onClick: y, icon: gt }),
+          value: r ? H(r, t) : "",
           placeholder: e,
           size: 9,
           disabled: w,
-          autoFocus: d,
-          variant: f,
-          min: u,
+          autoFocus: a,
+          variant: u,
+          min: f,
           max: h
         }
       )
     }
   ) });
 }, Yr = (t, e) => {
-  const r = z(null), n = z(null), [i, s] = k(!1), [d, o] = k(void 0), l = g(() => (o("startDate"), s(!0), !0), [o, s]), a = g(() => (o("endDate"), s(!0), !0), [o, s]), f = g(() => {
-    s(!1);
-  }, [s]), D = g(
+  const r = B(null), n = B(null), [s, i] = S(!1), [a, o] = S(void 0), d = g(() => (o("startDate"), i(!0), !0), [o, i]), l = g(() => (o("endDate"), i(!0), !0), [o, i]), u = g(() => {
+    i(!1);
+  }, [i]), D = g(
     (h) => {
-      d === "startDate" ? (e == null || e({
+      a === "startDate" ? (e == null || e({
         startDate: h.date,
         endDate: t == null ? void 0 : t.endDate
-      }), t != null && t.endDate ? setTimeout(f, 150) : (o("endDate"), n.current && n.current.focus())) : d === "endDate" && (e == null || e({
+      }), t != null && t.endDate ? setTimeout(u, 150) : (o("endDate"), n.current && n.current.focus())) : a === "endDate" && (e == null || e({
         startDate: t == null ? void 0 : t.startDate,
         endDate: h.date
-      }), t != null && t.startDate ? setTimeout(f, 150) : (o("startDate"), r.current && r.current.focus()));
+      }), t != null && t.startDate ? setTimeout(u, 150) : (o("startDate"), r.current && r.current.focus()));
     },
-    [d, e, o, f, t]
-  ), u = C(
-    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && tt(t.startDate, t.endDate),
+    [a, e, o, u, t]
+  ), f = A(
+    () => (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && v(t.startDate, t.endDate),
     [t == null ? void 0 : t.startDate, t == null ? void 0 : t.endDate]
   );
   return {
-    showingCalendar: i,
-    hideCalendar: f,
-    showCalendarEndDate: a,
-    showCalendarStartDate: l,
-    focusedInput: d,
+    showingCalendar: s,
+    hideCalendar: u,
+    showCalendarEndDate: l,
+    showCalendarStartDate: d,
+    focusedInput: a,
     setFocusedInput: o,
     startDateInputRef: r,
     endDateInputRef: n,
     onClickDay: D,
-    startDateIsAfterEnd: u
+    startDateIsAfterEnd: f
   };
 };
-function yn({
-  displayFormat: t = X.fullDate,
+function Sn({
+  displayFormat: t = Q.fullDate,
   placeholderStartDate: e = "Start date",
   placeholderEndDate: r = "End date",
   portalTarget: n,
-  value: i,
-  onValueChange: s,
-  zIndex: d = 100,
+  value: s,
+  onValueChange: i,
+  zIndex: a = 100,
   width: o,
-  calendarTheme: l = rt,
-  calendarProps: a,
-  minDate: f,
+  calendarTheme: d = tt,
+  calendarProps: l,
+  minDate: u,
   maxDate: D = kt,
-  disabled: u
+  disabled: f
 }) {
-  const [h, w] = k("calendar"), {
-    hideCalendar: p,
-    showCalendarEndDate: S,
-    showCalendarStartDate: M,
+  const [h, w] = S("calendar"), {
+    hideCalendar: M,
+    showCalendarEndDate: b,
+    showCalendarStartDate: p,
     showingCalendar: y,
     focusedInput: m,
-    startDateInputRef: b,
-    endDateInputRef: x,
-    onClickDay: T,
-    startDateIsAfterEnd: N
-  } = Yr(i, s), [P, I] = k(
-    () => (m && (i == null ? void 0 : i[m])) ?? /* @__PURE__ */ new Date()
-  ), j = C(
-    () => yt(void 0, i == null ? void 0 : i.startDate, i == null ? void 0 : i.endDate),
-    [i]
+    startDateInputRef: k,
+    endDateInputRef: E,
+    onClickDay: N,
+    startDateIsAfterEnd: C
+  } = Yr(s, i), [L, I] = S(
+    () => (m && (s == null ? void 0 : s[m])) ?? /* @__PURE__ */ new Date()
+  ), O = A(
+    () => wt(void 0, s == null ? void 0 : s.startDate, s == null ? void 0 : s.endDate),
+    [s]
   );
   return /* @__PURE__ */ c(
-    pt,
+    yt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: u,
+      disabled: f,
       visible: y,
-      zIndex: d,
+      zIndex: a,
       placement: bt,
       appendTo: n ?? "parent",
-      onClickOutside: p,
+      onClickOutside: M,
       content: /* @__PURE__ */ c(
-        nt,
+        et,
         {
-          ...a,
-          dateInFocus: P,
+          ...l,
+          dateInFocus: L,
           setDateInFocus: I,
-          statePerMonth: j,
-          theme: l,
-          onClickDay: T,
+          statePerMonth: O,
+          theme: d,
+          onClickDay: N,
           currentPanel: h,
           setCurrentPanel: w,
-          minDate: f,
+          minDate: u,
           maxDate: D
         }
       ),
-      children: /* @__PURE__ */ R(E, { alignItems: "center", children: [
+      children: /* @__PURE__ */ T(R, { alignItems: "center", children: [
         /* @__PURE__ */ c(
-          et,
+          V,
           {
-            iconLeft: mt,
-            onFocus: M,
-            value: i != null && i.startDate ? U(i.startDate, t) : "",
+            iconLeft: gt,
+            onFocus: p,
+            value: s != null && s.startDate ? H(s.startDate, t) : "",
             placeholder: e,
             width: o,
-            disabled: u,
-            inputRef: b,
+            disabled: f,
+            inputRef: k,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: C ? "error" : void 0
           }
         ),
-        /* @__PURE__ */ c(W, {}),
+        /* @__PURE__ */ c(it, {}),
         /* @__PURE__ */ c(
           Zt,
           {
-            icon: ke,
-            color: ce("--lhds-color-ui-500"),
+            icon: Ee,
+            color: ie("--lhds-color-ui-500"),
             size: 14
           }
         ),
-        /* @__PURE__ */ c(W, {}),
+        /* @__PURE__ */ c(it, {}),
         /* @__PURE__ */ c(
-          et,
+          V,
           {
-            iconLeft: mt,
-            onFocus: S,
-            value: i != null && i.endDate ? U(i.endDate, t) : "",
+            iconLeft: gt,
+            onFocus: b,
+            value: s != null && s.endDate ? H(s.endDate, t) : "",
             placeholder: r,
             width: o,
-            disabled: u,
-            inputRef: x,
+            disabled: f,
+            inputRef: E,
             size: 9,
-            variant: N ? "error" : void 0
+            variant: C ? "error" : void 0
           }
         )
       ] })
     }
   );
 }
-const pn = ({
+const Mn = ({
   calendarProps: t,
   closeOnCalendarSelectDate: e = !0,
-  dateFormat: r = X.fullDate,
+  dateFormat: r = Q.fullDate,
   disableCalender: n = !1,
-  onValueChange: i,
-  placeholder: s = "yyyy-mm-dd",
-  portalTarget: d,
+  onValueChange: s,
+  placeholder: i = "yyyy-mm-dd",
+  portalTarget: a,
   value: o,
-  width: l = "130px",
-  zIndex: a = 100,
-  calendarTheme: f = rt,
+  width: d = "130px",
+  zIndex: l = 100,
+  calendarTheme: u = tt,
   hideCalenderIcon: D = !1,
-  minDate: u,
+  minDate: f,
   maxDate: h = kt,
   variant: w,
-  ...p
+  ...M
 }) => {
-  const [S, M] = k(!1), { tippyRef: y, onChangePanel: m } = he(), b = g(() => {
-    M(!S);
-  }, [M, S]), x = g(() => {
-    M(!1);
-  }, [M]), T = g(
-    (O) => {
-      i && i(O);
+  const [b, p] = S(!1), { tippyRef: y, onChangePanel: m } = he(), k = g(() => {
+    p(!b);
+  }, [p, b]), E = g(() => {
+    p(!1);
+  }, [p]), N = g(
+    (P) => {
+      s && s(P);
     },
-    [i]
-  ), N = g(
-    (O) => {
-      O && (T(U(O, r)), e && setTimeout(() => M(!S), 200));
+    [s]
+  ), C = g(
+    (P) => {
+      P && (N(H(P, r)), e && setTimeout(() => p(!b), 200));
     },
-    [T, r, e, M, S]
-  ), P = !!o && !/^[-/\\.0-9]+$/.test(o), I = !!o && He(ot(o, r, /* @__PURE__ */ new Date())), Z = !!o && o.length >= r.length && !I || P;
-  return /* @__PURE__ */ c(Y, { width: l, children: /* @__PURE__ */ c(
-    pt,
+    [N, r, e, p, b]
+  ), L = !!o && !/^[-/\\.0-9]+$/.test(o), I = !!o && Ue(ct(o, r, /* @__PURE__ */ new Date())), X = !!o && o.length >= r.length && !I || L;
+  return /* @__PURE__ */ c(x, { width: d, children: /* @__PURE__ */ c(
+    yt,
     {
       arrow: !1,
       lazy: !0,
-      visible: S,
-      zIndex: a,
-      appendTo: d ?? "parent",
+      visible: b,
+      zIndex: l,
+      appendTo: a ?? "parent",
       placement: bt,
-      onClickOutside: x,
+      onClickOutside: E,
       tippyRef: y,
       content: /* @__PURE__ */ c(
-        ue,
+        fe,
         {
           ...t,
-          onChange: N,
+          onChange: C,
           onChangePanel: m,
-          value: o && I ? ot(o, r, /* @__PURE__ */ new Date()) : void 0,
-          minDate: u,
+          value: o && I ? ct(o, r, /* @__PURE__ */ new Date()) : void 0,
+          minDate: f,
           maxDate: h,
-          theme: f
+          theme: u
         }
       ),
       children: /* @__PURE__ */ c(
-        et,
+        V,
         {
-          ...p,
-          variant: Z ? "error" : w,
+          ...M,
+          variant: X ? "error" : w,
           disableContentPaddingRight: !0,
-          contentRight: D ? void 0 : /* @__PURE__ */ c(E, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
-            A,
+          contentRight: D ? void 0 : /* @__PURE__ */ c(R, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ c(
+            W,
             {
               size: "small",
-              disabled: p.disabled || n,
-              leftIcon: mt,
-              onClick: b
+              disabled: M.disabled || n,
+              leftIcon: gt,
+              onClick: k
             }
           ) }),
-          onValueChange: T,
-          placeholder: s,
+          onValueChange: N,
+          placeholder: i,
           value: o || "",
-          min: u,
+          min: f,
           max: h,
           size: 10
         }
       )
     }
   ) });
-}, Tt = (t) => {
+}, Rt = (t) => {
   if (t === "")
     return "00";
   const e = parseInt(t, 10);
@@ -1590,13 +1497,13 @@ const pn = ({
     default:
       throw new Error("Invalid minute string");
   }
-}, Ir = (t) => {
-  if (!Ut(t))
+}, Hr = (t) => {
+  if (!$t(t))
     return { time: t, success: !1 };
   const e = t && t.split(/-|:|,|;|[/]|[.]| /);
   if (e && e.length === 2)
     try {
-      const r = Tt(e[0]), n = At(e[1]);
+      const r = Rt(e[0]), n = At(e[1]);
       return { time: `${r}:${n}`, success: !0 };
     } catch {
       return { time: t, success: !1 };
@@ -1607,8 +1514,8 @@ const pn = ({
       case 1:
         return { time: `0${t}:00`, success: !0 };
       case 2:
-        const i = parseInt(e[0], 10);
-        return i >= 0 && i < 24 ? { time: `${t}:00`, success: !0 } : i >= 24 && i < 59 ? { time: `00:${t}`, success: !0 } : { time: t, success: !1 };
+        const s = parseInt(e[0], 10);
+        return s >= 0 && s < 24 ? { time: `${t}:00`, success: !0 } : s >= 24 && s < 59 ? { time: `00:${t}`, success: !0 } : { time: t, success: !1 };
       case 3:
         return n = parseInt(t.substr(1, 2), 10), n >= 0 && n <= 59 ? {
           time: `0${t.substr(0, 1)}:${t.substr(1, 2)}`,
@@ -1624,39 +1531,39 @@ const pn = ({
     }
   }
   return { time: t, success: !1 };
-}, Ut = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, bn = ({
+}, $t = (t) => t ? /^[-:.,/; 0-9]+$/.test(t) : !0, Tn = ({
   onValueChange: t,
   showPlaceholder: e = !0,
   useIcon: r = !0,
   value: n,
-  width: i = "85px",
-  variant: s,
-  ...d
+  width: s = "85px",
+  variant: i,
+  ...a
 }) => {
-  const [o, l] = k(() => Ut(n)), a = "hh:mm", f = g(() => {
+  const [o, d] = S(() => $t(n)), l = "hh:mm", u = g(() => {
     if (n) {
-      const u = Ir(n);
-      l(u.success), u.success && t && t(u.time);
+      const f = Hr(n);
+      d(f.success), f.success && t && t(f.time);
     }
-  }, [n, t, l]), D = g(
-    (u) => {
-      const h = u.target.value, w = Ut(h);
-      l(w && h.length <= a.length), t && t(h);
+  }, [n, t, d]), D = g(
+    (f) => {
+      const h = f.target.value, w = $t(h);
+      d(w && h.length <= l.length), t && t(h);
     },
-    [t, l]
+    [t, d]
   );
   return /* @__PURE__ */ c(
-    et,
+    V,
     {
-      ...d,
+      ...a,
       type: "time",
-      variant: o ? s : "error",
+      variant: o ? i : "error",
       iconLeft: r ? Ft : void 0,
       value: n,
-      placeholder: e ? a : void 0,
+      placeholder: e ? l : void 0,
       onChange: D,
-      onBlur: f,
-      width: i
+      onBlur: u,
+      width: s
     }
   );
 }, De = ({
@@ -1664,145 +1571,145 @@ const pn = ({
   autoFocusRight: e,
   onEsc: r,
   onEnter: n,
-  onValueChangeLeft: i,
-  onValueChangeRight: s,
-  separatorIcon: d,
+  onValueChangeLeft: s,
+  onValueChangeRight: i,
+  separatorIcon: a,
   placeholderLeft: o,
-  placeholderRight: l,
-  typeLeft: a,
-  typeRight: f,
+  placeholderRight: d,
+  typeLeft: l,
+  typeRight: u,
   onChangeLeft: D,
-  onChangeRight: u,
+  onChangeRight: f,
   valueLeft: h,
   valueRight: w,
-  minLeft: p,
-  maxLeft: S,
-  minRight: M,
+  minLeft: M,
+  maxLeft: b,
+  minRight: p,
   maxRight: y,
   onClickLeft: m,
-  onClickRight: b,
-  onClickCalendar: x,
-  onClickArrowDown: T,
-  onBlurLeft: N,
-  onBlurRight: P,
+  onClickRight: k,
+  onClickCalendar: E,
+  onClickArrowDown: N,
+  onBlurLeft: C,
+  onBlurRight: L,
   onFocusLeft: I,
-  onFocusRight: j,
-  inputRefLeft: Z,
-  inputRefRight: O,
-  variant: it,
-  variantLeft: lt,
-  variantRight: st,
-  onBlur: _,
-  showPresets: at,
-  widthLeft: ft,
+  onFocusRight: O,
+  inputRefLeft: X,
+  inputRefRight: P,
+  variant: rt,
+  variantLeft: at,
+  variantRight: nt,
+  onBlur: z,
+  showPresets: dt,
+  widthLeft: lt,
   widthRight: ut,
-  disabled: F
+  disabled: Z
 }) => {
-  const L = z(0), $ = C(
-    () => Pe((J) => {
-      J === 0 && (_ == null || _());
+  const Y = B(0), $ = A(
+    () => Oe((j) => {
+      j === 0 && (z == null || z());
     }, 10),
-    [_]
+    [z]
   ), St = g(
-    (J) => {
-      L.current++, $(L.current), I && I(J);
+    (j) => {
+      Y.current++, $(Y.current), I && I(j);
     },
-    [I, L, $]
+    [I, Y, $]
   ), Mt = g(
-    (J) => {
-      L.current++, $(L.current), j && j(J);
+    (j) => {
+      Y.current++, $(Y.current), O && O(j);
     },
-    [j, L, $]
-  ), Rt = g(
-    (J) => {
-      L.current--, $(L.current), N && N(J);
+    [O, Y, $]
+  ), Tt = g(
+    (j) => {
+      Y.current--, $(Y.current), C && C(j);
     },
-    [N, L, $]
+    [C, Y, $]
   ), me = g(
-    (J) => {
-      L.current--, $(L.current), P && P(J);
+    (j) => {
+      Y.current--, $(Y.current), L && L(j);
     },
-    [P, L, $]
+    [L, Y, $]
   );
-  return /* @__PURE__ */ c(Y, { children: /* @__PURE__ */ R(
-    Oe,
+  return /* @__PURE__ */ c(x, { children: /* @__PURE__ */ T(
+    _e,
     {
       disableContentPaddingRight: !0,
-      disabled: F,
-      variant: it,
-      contentRight: /* @__PURE__ */ R(E, { alignItems: "center", children: [
-        /* @__PURE__ */ c(gt, { num: 0.5, children: /* @__PURE__ */ c(
-          A,
+      disabled: Z,
+      variant: rt,
+      contentRight: /* @__PURE__ */ T(R, { alignItems: "center", children: [
+        /* @__PURE__ */ c(Dt, { num: 0.5, children: /* @__PURE__ */ c(
+          W,
           {
-            leftIcon: mt,
-            onClick: x,
-            disabled: F,
+            leftIcon: gt,
+            onClick: E,
+            disabled: Z,
             size: "small"
           }
         ) }),
-        at ? /* @__PURE__ */ R(Dt, { children: [
-          /* @__PURE__ */ c(E, { height: "22px", children: /* @__PURE__ */ c(ye, { vertical: !0 }) }),
-          /* @__PURE__ */ c(gt, { num: 0.5, children: /* @__PURE__ */ c(
-            A,
+        dt ? /* @__PURE__ */ T(ht, { children: [
+          /* @__PURE__ */ c(R, { height: "22px", children: /* @__PURE__ */ c(ye, { vertical: !0 }) }),
+          /* @__PURE__ */ c(Dt, { num: 0.5, children: /* @__PURE__ */ c(
+            W,
             {
-              leftIcon: Se,
-              onClick: T,
-              disabled: F,
+              leftIcon: Xt,
+              onClick: N,
+              disabled: Z,
               size: "small"
             }
           ) })
         ] }) : null
       ] }),
       children: [
-        /* @__PURE__ */ c(Y, { width: ft, children: /* @__PURE__ */ c(
-          et,
+        /* @__PURE__ */ c(x, { width: lt, children: /* @__PURE__ */ c(
+          V,
           {
             onEsc: r,
             onEnter: n,
             onClick: m,
-            disabled: F,
+            disabled: Z,
             hideBorder: !0,
             placeholder: o,
             value: h,
-            onValueChange: i,
+            onValueChange: s,
             onChange: D,
-            onBlur: Rt,
+            onBlur: Tt,
             onFocus: St,
-            inputRef: Z,
-            variant: lt,
-            type: a,
+            inputRef: X,
+            variant: at,
+            type: l,
             autoFocus: t,
-            min: p,
-            max: S
+            min: M,
+            max: b
           }
         ) }),
-        /* @__PURE__ */ c(E, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(R, { indent: 0.5, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
           Zt,
           {
-            icon: d,
+            icon: a,
             size: 12,
-            color: ce("--lhds-color-ui-500")
+            color: ie("--lhds-color-ui-500")
           }
         ) }),
-        /* @__PURE__ */ c(Y, { width: ut, children: /* @__PURE__ */ c(
-          et,
+        /* @__PURE__ */ c(x, { width: ut, children: /* @__PURE__ */ c(
+          V,
           {
             onEsc: r,
             onEnter: n,
-            onClick: b,
-            disabled: F,
+            onClick: k,
+            disabled: Z,
             hideBorder: !0,
-            placeholder: l,
+            placeholder: d,
             value: w,
-            onValueChange: s,
-            onChange: u,
+            onValueChange: i,
+            onChange: f,
             onBlur: me,
             onFocus: Mt,
-            inputRef: O,
-            variant: st,
-            type: f,
+            inputRef: P,
+            variant: nt,
+            type: u,
             autoFocus: e,
-            min: M,
+            min: p,
             max: y
           }
         ) })
@@ -1831,61 +1738,61 @@ const pn = ({
   if (n < 0 || n > 59)
     throw new Error("Invalid time.");
   return r * 100 + n;
-}, Hr = (t) => {
+}, Pr = (t) => {
   try {
     return Lr(t), !0;
   } catch {
     return !1;
   }
 }, Et = (t) => {
-  if (t && Hr(t)) {
+  if (t && Pr(t)) {
     const e = t.split(":");
     return {
-      hour: _t(e[0]),
-      minute: _t(e[1])
+      hour: jt(e[0]),
+      minute: jt(e[1])
     };
   }
   return {
     hour: void 0,
     minute: void 0
   };
-}, Ur = (t) => `${Tt(String(t.getHours()))}:${At(
+}, $r = (t) => `${Rt(String(t.getHours()))}:${At(
   String(t.getMinutes())
-)}`, Pr = "_timePicker_1w05d_1", Wr = "_timePickerColumn_1w05d_6", ge = {
-  timePicker: Pr,
+)}`, Ur = "_timePicker_1w05d_1", Wr = "_timePickerColumn_1w05d_6", ge = {
+  timePicker: Ur,
   timePickerColumn: Wr
 }, Or = ({
   onClick: t,
   item: e,
   selected: r,
   columnRef: n,
-  canScrollRef: i
+  canScrollRef: s
 }) => {
-  const s = z(null);
-  return G(
+  const i = B(null);
+  return J(
     function() {
-      if (r && n.current && s.current && i.current) {
-        const o = s.current.scrollHeight * Math.max(e - 2, 0);
-        n.current.scrollTo(0, o), i.current = !1;
+      if (r && n.current && i.current && s.current) {
+        const o = i.current.scrollHeight * Math.max(e - 2, 0);
+        n.current.scrollTo(0, o), s.current = !1;
       }
     },
-    [n, e, r, i]
+    [n, e, r, s]
   ), /* @__PURE__ */ c(
-    E,
+    R,
     {
       width: "64px",
       justifyContent: "center",
       spacing: 0.5,
       indent: 0.5,
-      ref: s,
+      ref: i,
       children: r ? /* @__PURE__ */ c(
-        dt,
+        ot,
         {
-          label: We(String(e), 2, "0"),
+          label: Be(String(e), 2, "0"),
           onClick: () => t && t(e)
         }
       ) : /* @__PURE__ */ c(
-        A,
+        W,
         {
           label: String(e).padStart(2, "0"),
           onClick: () => t && t(e)
@@ -1893,78 +1800,78 @@ const pn = ({
       )
     }
   );
-}, Gt = ({
+}, qt = ({
   onClick: t,
   items: e,
   selectedItem: r,
   canScrollRef: n
 }) => {
-  const i = z(null);
-  return /* @__PURE__ */ c(B, { className: ge.timePickerColumn, ref: i, children: e.map((s) => /* @__PURE__ */ c(
+  const s = B(null);
+  return /* @__PURE__ */ c(U, { className: ge.timePickerColumn, ref: s, children: e.map((i) => /* @__PURE__ */ c(
     Or,
     {
-      item: s,
+      item: i,
       onClick: t,
-      selected: s === r,
-      columnRef: i,
+      selected: i === r,
+      columnRef: s,
       canScrollRef: n
     },
-    s
+    i
   )) });
-}, $r = jt(0, 24), Br = jt(0, 60), jr = ({
+}, Br = Bt(0, 24), zr = Bt(0, 60), jr = ({
   value: t,
   onValueChange: e
 }) => {
-  const r = z(!0), [n, i] = k(void 0), [s, d] = k(void 0);
-  G(() => {
+  const r = B(!0), [n, s] = S(void 0), [i, a] = S(void 0);
+  J(() => {
     if (t) {
-      const { minute: a, hour: f } = Et(t);
-      i(f), d(a);
+      const { minute: l, hour: u } = Et(t);
+      s(u), a(l);
     }
   }, [t]);
   const o = g(
-    (a) => {
-      i(a), e == null || e(
-        `${Tt(String(a ?? 0))}:${At(String(s ?? 0))}`
+    (l) => {
+      s(l), e == null || e(
+        `${Rt(String(l ?? 0))}:${At(String(i ?? 0))}`
       );
     },
-    [s, e]
-  ), l = g(
-    (a) => {
-      d(a), e == null || e(
-        `${Tt(String(n ?? 0))}:${At(String(a ?? 0))}`
+    [i, e]
+  ), d = g(
+    (l) => {
+      a(l), e == null || e(
+        `${Rt(String(n ?? 0))}:${At(String(l ?? 0))}`
       );
     },
     [n, e]
   );
-  return /* @__PURE__ */ R(E, { className: ge.timePicker, children: [
+  return /* @__PURE__ */ T(R, { className: ge.timePicker, children: [
     /* @__PURE__ */ c(
-      Gt,
+      qt,
       {
-        items: $r,
+        items: Br,
         onClick: o,
         selectedItem: n,
         canScrollRef: r
       }
     ),
-    /* @__PURE__ */ c(gt, {}),
+    /* @__PURE__ */ c(Dt, {}),
     /* @__PURE__ */ c(
-      Gt,
+      qt,
       {
-        items: Br,
-        onClick: l,
-        selectedItem: s,
+        items: zr,
+        onClick: d,
+        selectedItem: i,
         canScrollRef: r
       }
     )
   ] });
-}, zr = (t, e, r) => {
-  G(
+}, _r = (t, e, r) => {
+  J(
     function() {
       t && e(t);
     },
     [t, e]
-  ), G(
+  ), J(
     function() {
       r.current && (t ? r.current.valueAsDate = new Date(
         Date.UTC(t.getFullYear(), t.getMonth(), t.getDate())
@@ -1972,115 +1879,115 @@ const pn = ({
     },
     [t, r]
   );
-}, _r = (t, e, {
+}, Jr = (t, e, {
   setDateInFocus: r,
   showCalendarInternal: n,
-  hideCalendarInternal: i,
-  setFirstFocusedInput: s,
-  setCurrentPanel: d,
+  hideCalendarInternal: s,
+  setFirstFocusedInput: i,
+  setCurrentPanel: a,
   localTime: o,
-  setLocalTime: l,
-  localDate: a,
-  setLocalDate: f
+  setLocalTime: d,
+  localDate: l,
+  setLocalDate: u
 }, D) => {
-  const u = g(
+  const f = g(
     (y) => {
       if (!y)
         return;
       const m = new Date(y);
       if (t)
-        m.setHours(t.getHours()), m.setMinutes(t.getMinutes()), e == null || e(m), f(void 0);
+        m.setHours(t.getHours()), m.setMinutes(t.getMinutes()), e == null || e(m), u(void 0);
       else if (o) {
-        const { minute: b, hour: x } = Et(o);
-        m.setHours(x ?? 0), m.setMinutes(b ?? 0), e == null || e(m), f(void 0);
+        const { minute: k, hour: E } = Et(o);
+        m.setHours(E ?? 0), m.setMinutes(k ?? 0), e == null || e(m), u(void 0);
       } else
-        f(m);
+        u(m);
       r(m), D.current && (D.current.valueAsDate = new Date(
         Date.UTC(m.getFullYear(), m.getMonth(), m.getDate())
       ));
     },
-    [t, D, o, e, r, f]
+    [t, D, o, e, r, u]
   ), h = g(
     (y) => {
       if (y)
         if (t) {
-          const m = Et(y), b = new Date(t);
-          b.setHours(m.hour || 0), b.setMinutes(m.minute || 0), e == null || e(b), l(void 0);
-        } else if (a) {
-          const m = Et(y), b = new Date(a);
-          b.setHours(m.hour || 0), b.setMinutes(m.minute || 0), e == null || e(b), l(void 0);
+          const m = Et(y), k = new Date(t);
+          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), d(void 0);
+        } else if (l) {
+          const m = Et(y), k = new Date(l);
+          k.setHours(m.hour || 0), k.setMinutes(m.minute || 0), e == null || e(k), d(void 0);
         } else
-          l(y);
+          d(y);
     },
-    [e, t, a, l]
+    [e, t, l, d]
   ), w = g(
     (y) => {
-      y.target.value[0] !== "0" && u(y.target.valueAsDate);
+      y.target.value[0] !== "0" && f(y.target.valueAsDate);
     },
-    [u]
-  ), p = g(
+    [f]
+  ), M = g(
     (y) => h(y.target.value),
     [h]
-  ), S = g(() => {
-    r(t || /* @__PURE__ */ new Date()), d("calendar"), n();
-  }, [t, d, n, r]), M = g(() => {
-    s(void 0), i();
-  }, [s, i]);
+  ), b = g(() => {
+    r(t || /* @__PURE__ */ new Date()), a("calendar"), n();
+  }, [t, a, n, r]), p = g(() => {
+    i(void 0), s();
+  }, [i, s]);
   return {
     inputLeftChangeHandler: w,
-    inputRightChangeHandler: p,
-    hideCalendar: M,
-    showCalendar: S,
+    inputRightChangeHandler: M,
+    hideCalendar: p,
+    showCalendar: b,
     onChangeTime: h,
-    onChangeDate: u
+    onChangeDate: f
   };
-}, Jr = (t) => {
-  const [e, r] = k(void 0), [n, i] = k(void 0), [s, d, o] = It(!1), [l, a, f] = It(!1), [D, u] = k(void 0), [h, w] = k(
+}, Kr = (t) => {
+  const [e, r] = S(void 0), [n, s] = S(void 0), [i, a, o] = Ht(!1), [d, l, u] = Ht(!1), [D, f] = S(void 0), [h, w] = S(
     () => t ?? /* @__PURE__ */ new Date()
-  ), [p, S] = k("calendar");
+  ), [M, b] = S("calendar");
   return {
-    isCalendarVisible: s,
-    showCalendarInternal: d,
+    isCalendarVisible: i,
+    showCalendarInternal: a,
     hideCalendarInternal: o,
     firstFocusedInput: D,
-    setFirstFocusedInput: u,
+    setFirstFocusedInput: f,
     dateInFocus: h,
     setDateInFocus: w,
-    currentPanel: p,
-    setCurrentPanel: S,
-    isTimePickerVisible: l,
-    showTimePicker: a,
-    hideTimePicker: f,
+    currentPanel: M,
+    setCurrentPanel: b,
+    isTimePickerVisible: d,
+    showTimePicker: l,
+    hideTimePicker: u,
     localDate: e,
     setLocalDate: r,
     localTime: n,
-    setLocalTime: i
+    setLocalTime: s
   };
-}, Kr = (t, e, r, n, {
-  isCalendarVisible: i,
-  setCurrentPanel: s,
-  showTimePicker: d,
+}, Gr = (t, e, r, n, {
+  isCalendarVisible: s,
+  setCurrentPanel: i,
+  showTimePicker: a,
   hideTimePicker: o
 }) => {
-  const l = g(() => {
-    i || r(), s("calendar"), o();
-  }, [o, i, s, r]), a = g(() => {
-    n(), d();
-  }, [n, d]), f = g(
+  const d = g(() => {
+    s || r(), i("calendar"), o();
+  }, [o, s, i, r]), l = g(() => {
+    n(), a();
+  }, [n, a]), u = g(
     (w) => {
-      t(w.date), n(), d();
+      t(w.date), n(), a();
     },
-    [t, n, d]
+    [t, n, a]
   ), D = g(() => {
-    s("presets"), r();
-  }, [s, r]), u = g(() => {
+    i("presets"), r();
+  }, [i, r]), f = g(() => {
     var w;
-    i ? n() : ((w = e.current) == null || w.focus(), s("calendar"), r());
+    s ? n() : ((w = e.current) == null || w.focus(), i("calendar"), r());
   }, [
-    i,
+    s,
     n,
     e,
-    s,
+    i,
     r
   ]), h = g(
     (w) => {
@@ -2089,148 +1996,204 @@ const pn = ({
     [n]
   );
   return {
-    onFocusLeft: l,
-    onFocusRight: a,
-    onClickDay: f,
+    onFocusLeft: d,
+    onFocusRight: l,
+    onClickDay: u,
     onClickArrowButton: D,
-    onClickCalendarButton: u,
+    onClickCalendarButton: f,
     onKeyDownHandler: h
   };
-}, kn = ({
+}, En = ({
   value: t,
   onValueChange: e,
   onEnter: r,
   onEsc: n,
-  onBlur: i,
-  autoFocus: s,
-  minDate: d,
+  onBlur: s,
+  autoFocus: i,
+  minDate: a,
   widthLeft: o = 128,
-  widthRight: l = 80,
-  maxDate: a = kt,
-  variant: f,
+  widthRight: d = 80,
+  maxDate: l = kt,
+  variant: u,
   disabled: D
 }) => {
-  const u = z(null), h = z(null), w = Jr(t), {
-    setCurrentPanel: p,
-    currentPanel: S,
-    isCalendarVisible: M,
+  const f = B(null), h = B(null), w = Kr(t), {
+    setCurrentPanel: M,
+    currentPanel: b,
+    isCalendarVisible: p,
     dateInFocus: y,
     setDateInFocus: m,
-    isTimePickerVisible: b,
-    hideTimePicker: x,
-    localTime: T,
-    localDate: N
+    isTimePickerVisible: k,
+    hideTimePicker: E,
+    localTime: N,
+    localDate: C
   } = w, {
-    showCalendar: P,
+    showCalendar: L,
     hideCalendar: I,
-    inputLeftChangeHandler: j,
-    inputRightChangeHandler: Z,
-    onChangeTime: O,
-    onChangeDate: it
-  } = _r(t, e, w, u), {
-    onKeyDownHandler: lt,
-    onFocusRight: st,
-    onFocusLeft: _,
-    onClickDay: at,
-    onClickCalendarButton: ft,
+    inputLeftChangeHandler: O,
+    inputRightChangeHandler: X,
+    onChangeTime: P,
+    onChangeDate: rt
+  } = Jr(t, e, w, f), {
+    onKeyDownHandler: at,
+    onFocusRight: nt,
+    onFocusLeft: z,
+    onClickDay: dt,
+    onClickCalendarButton: lt,
     onClickArrowButton: ut
-  } = Kr(
-    it,
-    u,
-    P,
+  } = Gr(
+    rt,
+    f,
+    L,
     I,
     w
   );
-  zr(t, m, u);
-  const F = C(() => {
-    const Rt = t || N;
-    return Rt ? Q(void 0, Rt, [
+  _r(t, m, f);
+  const Z = A(() => {
+    const Tt = t || C;
+    return Tt ? q(void 0, Tt, [
       "singleSelected",
       "selected"
     ]) : {};
-  }, [N, t]), L = g(() => {
-    I(), x();
-  }, [I, x]), $ = C(
-    () => t ? Ur(t) : T,
-    [t, T]
-  ), St = Lt(M, 300), Mt = Lt(b, 300);
-  return /* @__PURE__ */ c(Y, { onKeyDown: lt, children: /* @__PURE__ */ c(
-    pt,
+  }, [C, t]), Y = g(() => {
+    I(), E();
+  }, [I, E]), $ = A(
+    () => t ? $r(t) : N,
+    [t, N]
+  ), St = Lt(p, 300), Mt = Lt(k, 300);
+  return /* @__PURE__ */ c(x, { onKeyDown: at, children: /* @__PURE__ */ c(
+    yt,
     {
       arrow: !1,
       lazy: !0,
       disabled: D,
       placement: bt,
-      visible: M || b,
-      onClickOutside: L,
-      content: (St || Mt) && /* @__PURE__ */ c(B, { children: St ? /* @__PURE__ */ c(
-        nt,
+      visible: p || k,
+      onClickOutside: Y,
+      content: (St || Mt) && /* @__PURE__ */ c(U, { children: St ? /* @__PURE__ */ c(
+        et,
         {
-          statePerMonth: F,
-          onClickDay: at,
+          statePerMonth: Z,
+          onClickDay: dt,
           dateInFocus: y,
           setDateInFocus: m,
-          currentPanel: S,
-          setCurrentPanel: p,
-          minDate: d,
-          maxDate: a
+          currentPanel: b,
+          setCurrentPanel: M,
+          minDate: a,
+          maxDate: l
         }
-      ) : Mt ? /* @__PURE__ */ R(B, { children: [
-        /* @__PURE__ */ c(B, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
+      ) : Mt ? /* @__PURE__ */ T(U, { children: [
+        /* @__PURE__ */ c(U, { overflow: "hidden", height: "250px", children: /* @__PURE__ */ c(
           jr,
           {
             value: $ ?? "",
-            onValueChange: O
+            onValueChange: P
           }
         ) }),
-        /* @__PURE__ */ c(W, {}),
-        /* @__PURE__ */ c(E, { justifyContent: "flex-end", children: /* @__PURE__ */ c(dt, { label: "Done", onClick: x }) })
+        /* @__PURE__ */ c(it, {}),
+        /* @__PURE__ */ c(R, { justifyContent: "flex-end", children: /* @__PURE__ */ c(ot, { label: "Done", onClick: E }) })
       ] }) : null }),
       children: /* @__PURE__ */ c(
         De,
         {
-          autoFocusLeft: s,
+          autoFocusLeft: i,
           onEsc: n,
           onEnter: r,
-          onBlur: i,
+          onBlur: s,
           disabled: D,
           separatorIcon: Ft,
           typeLeft: "date",
           typeRight: "time",
           placeholderLeft: "yyyy-mm-dd",
           placeholderRight: "hh:mm",
-          onChangeLeft: j,
-          onChangeRight: Z,
+          onChangeLeft: O,
+          onChangeRight: X,
           onClickArrowDown: ut,
-          onClickCalendar: ft,
-          onFocusLeft: _,
-          onFocusRight: st,
-          onClickLeft: _,
-          onClickRight: st,
-          inputRefLeft: u,
+          onClickCalendar: lt,
+          onFocusLeft: z,
+          onFocusRight: nt,
+          onClickLeft: z,
+          onClickRight: nt,
+          inputRefLeft: f,
           inputRefRight: h,
           valueRight: $ ?? "",
           widthLeft: o,
-          widthRight: l,
-          minLeft: d,
-          maxLeft: a,
-          variant: f
+          widthRight: d,
+          minLeft: a,
+          maxLeft: l,
+          variant: u
         }
       )
     }
   ) });
-}, Gr = (t, e, r, n, i) => {
-  G(
+}, qr = ({
+  value: t,
+  onValueChange: e,
+  year: r
+}) => {
+  const n = String(r);
+  return /* @__PURE__ */ c(R, { justifyContent: "center", children: t === r ? /* @__PURE__ */ c(ot, { label: n, onClick: () => e == null ? void 0 : e(r) }) : /* @__PURE__ */ c(W, { label: n, onClick: () => e == null ? void 0 : e(r) }) });
+}, Rn = ({
+  value: t,
+  onValueChange: e,
+  initialLastYear: r
+}) => {
+  const [n, s] = S(() => t ? t + 4 : r ?? (/* @__PURE__ */ new Date()).getFullYear() + 4), i = A(() => {
+    const a = n - 11;
+    return se(Bt(a, n + 1), 3);
+  }, [n]);
+  return J(() => {
+    s((a) => Qr(t, a));
+  }, [t]), /* @__PURE__ */ T(R, { children: [
+    /* @__PURE__ */ c(U, { justifyContent: "center", children: /* @__PURE__ */ c(
+      W,
+      {
+        leftIcon: Ut,
+        onClick: () => s(n - 3)
+      }
+    ) }),
+    /* @__PURE__ */ c(U, { gap: 1, children: i.map((a) => /* @__PURE__ */ c(R, { gap: 1, children: a.map((o) => /* @__PURE__ */ c(
+      qr,
+      {
+        year: o,
+        onValueChange: e,
+        value: t
+      },
+      o
+    )) }, a[0])) }),
+    /* @__PURE__ */ c(U, { justifyContent: "center", children: /* @__PURE__ */ c(
+      W,
+      {
+        leftIcon: xt,
+        onClick: () => s(n + 3)
+      }
+    ) })
+  ] });
+}, Qr = (t, e) => {
+  if (t == null)
+    return e;
+  if (t > e) {
+    const n = t - e, s = n % 3, i = n - s + 3;
+    return e + i;
+  }
+  const r = e - 11;
+  if (t < r) {
+    const n = r - t, s = n % 3, i = n - s + 3;
+    return e - i;
+  }
+  return e;
+}, Xr = (t, e, r, n, s) => {
+  J(
     function() {
       t && r(t);
     },
     [t, r]
-  ), G(
+  ), J(
     function() {
       e && r(e);
     },
     [e, r]
-  ), G(
+  ), J(
     function() {
       n.current && (t ? n.current.valueAsDate = new Date(
         Date.UTC(
@@ -2241,272 +2204,272 @@ const pn = ({
       ) : n.current.valueAsDate = null);
     },
     [t, n]
-  ), G(
+  ), J(
     function() {
-      i.current && (e ? i.current.valueAsDate = new Date(
+      s.current && (e ? s.current.valueAsDate = new Date(
         Date.UTC(
           e.getFullYear(),
           e.getMonth(),
           e.getDate()
         )
-      ) : i.current.valueAsDate = null);
+      ) : s.current.valueAsDate = null);
     },
-    [e, i]
+    [e, s]
   );
-}, qr = (t, e, r, {
+}, Zr = (t, e, r, {
   setDateInFocus: n,
-  showCalendarInternal: i,
-  hideCalendarInternal: s,
-  setFirstFocusedInput: d,
+  showCalendarInternal: s,
+  hideCalendarInternal: i,
+  setFirstFocusedInput: a,
   setCurrentPanel: o
 }) => {
-  const l = g(
-    (u) => {
-      u.target.value[0] !== "0" && (r == null || r({
-        startDate: u.target.valueAsDate ?? void 0,
+  const d = g(
+    (f) => {
+      f.target.value[0] !== "0" && (r == null || r({
+        startDate: f.target.valueAsDate ?? void 0,
         endDate: e
       }));
     },
     [r, e]
-  ), a = g(
-    (u) => {
-      u.target.value[0] !== "0" && (r == null || r({
+  ), l = g(
+    (f) => {
+      f.target.value[0] !== "0" && (r == null || r({
         startDate: t,
-        endDate: u.target.valueAsDate ?? void 0
+        endDate: f.target.valueAsDate ?? void 0
       }));
     },
     [r, t]
-  ), f = g(() => {
-    n(t || e || /* @__PURE__ */ new Date()), o("calendar"), i();
+  ), u = g(() => {
+    n(t || e || /* @__PURE__ */ new Date()), o("calendar"), s();
   }, [
     t,
     e,
     o,
-    i,
+    s,
     n
   ]), D = g(() => {
-    d(void 0), s();
-  }, [d, s]);
+    a(void 0), i();
+  }, [a, i]);
   return {
-    inputLeftChangeHandler: l,
-    inputRightChangeHandler: a,
+    inputLeftChangeHandler: d,
+    inputRightChangeHandler: l,
     hideCalendar: D,
     setDateInFocus: n,
     setCurrentPanel: o,
-    showCalendar: f
+    showCalendar: u
   };
-}, Qr = (t, e) => {
-  const [r, n, i] = It(!1), [s, d] = k(void 0), [o, l] = k("startDate"), [a, f] = k(() => (o === "startDate" ? t : o === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [D, u] = k("calendar");
+}, Fr = (t, e) => {
+  const [r, n, s] = Ht(!1), [i, a] = S(void 0), [o, d] = S("startDate"), [l, u] = S(() => (o === "startDate" ? t : o === "endDate" ? e : void 0) ?? /* @__PURE__ */ new Date()), [D, f] = S("calendar");
   return {
     isCalendarVisible: r,
     showCalendarInternal: n,
-    hideCalendarInternal: i,
-    firstFocusedInput: s,
-    setFirstFocusedInput: d,
+    hideCalendarInternal: s,
+    firstFocusedInput: i,
+    setFirstFocusedInput: a,
     focusedInput: o,
-    setFocusedInput: l,
-    dateInFocus: a,
-    setDateInFocus: f,
+    setFocusedInput: d,
+    dateInFocus: l,
+    setDateInFocus: u,
     currentPanel: D,
-    setCurrentPanel: u
+    setCurrentPanel: f
   };
-}, Xr = (t, e, r, n, i, s, d, {
+}, vr = (t, e, r, n, s, i, a, {
   firstFocusedInput: o,
-  setFirstFocusedInput: l,
-  isCalendarVisible: a,
-  setFocusedInput: f,
+  setFirstFocusedInput: d,
+  isCalendarVisible: l,
+  setFocusedInput: u,
   focusedInput: D,
-  setCurrentPanel: u
+  setCurrentPanel: f
 }) => {
   const h = g(() => {
-    o == null && l("startDate"), f("startDate"), a || s();
+    o == null && d("startDate"), u("startDate"), l || i();
   }, [
-    a,
-    f,
-    s,
     l,
+    u,
+    i,
+    d,
     o
   ]), w = g(() => {
-    o == null && l("endDate"), f("endDate"), a || s();
+    o == null && d("endDate"), u("endDate"), l || i();
   }, [
-    a,
-    f,
-    s,
     l,
+    u,
+    i,
+    d,
     o
-  ]), p = g(
+  ]), M = g(
     (m) => {
-      var b, x, T, N;
-      D === "startDate" ? e != null && tt(m.date, e) ? (r == null || r({
+      var k, E, N, C;
+      D === "startDate" ? e != null && v(m.date, e) ? (r == null || r({
         startDate: m.date,
         endDate: void 0
-      }), f("endDate"), (b = i.current) == null || b.focus()) : (r == null || r({
+      }), u("endDate"), (k = s.current) == null || k.focus()) : (r == null || r({
         startDate: m.date,
         endDate: e
-      }), o === "startDate" ? (f("endDate"), (x = i.current) == null || x.focus()) : setTimeout(d, 50)) : D === "endDate" && (t ? tt(t, m.date) ? (r == null || r({
+      }), o === "startDate" ? (u("endDate"), (E = s.current) == null || E.focus()) : setTimeout(a, 50)) : D === "endDate" && (t ? v(t, m.date) ? (r == null || r({
         startDate: m.date,
         endDate: void 0
-      }), f("endDate"), (N = i.current) == null || N.focus()) : (r == null || r({
+      }), u("endDate"), (C = s.current) == null || C.focus()) : (r == null || r({
         startDate: t,
         endDate: m.date
-      }), setTimeout(d, 50)) : (r == null || r({
+      }), setTimeout(a, 50)) : (r == null || r({
         startDate: t,
         endDate: m.date
-      }), f("startDate"), (T = n.current) == null || T.focus()));
+      }), u("startDate"), (N = n.current) == null || N.focus()));
     },
     [
       D,
       r,
       e,
       o,
-      f,
-      i,
-      d,
+      u,
+      s,
+      a,
       t,
       n
     ]
-  ), S = g(() => {
-    u("presets"), s();
-  }, [u, s]), M = g(() => {
+  ), b = g(() => {
+    f("presets"), i();
+  }, [f, i]), p = g(() => {
     var m;
-    a ? d() : (f("startDate"), l("startDate"), (m = n.current) == null || m.focus(), u("calendar"), s());
+    l ? a() : (u("startDate"), d("startDate"), (m = n.current) == null || m.focus(), f("calendar"), i());
   }, [
+    l,
     a,
+    u,
     d,
-    f,
-    l,
     n,
-    u,
-    s
+    f,
+    i
   ]), y = g(
     (m) => {
-      m.key === "Escape" && d();
+      m.key === "Escape" && a();
     },
-    [d]
+    [a]
   );
   return {
     onFocusLeft: h,
     onFocusRight: w,
-    onClickDay: p,
-    onClickArrowButton: S,
-    onClickCalendarButton: M,
+    onClickDay: M,
+    onClickArrowButton: b,
+    onClickCalendarButton: p,
     onKeyDownHandler: y
   };
 };
-function Sn({
+function An({
   value: t,
   onValueChange: e,
   autoFocus: r,
   onBlur: n,
-  onEnter: i,
-  onEsc: s,
-  minDate: d,
+  onEnter: s,
+  onEsc: i,
+  minDate: a,
   maxDate: o = kt,
-  calendarProps: l,
-  widthLeft: a = 128,
-  widthRight: f = 128,
+  calendarProps: d,
+  widthLeft: l = 128,
+  widthRight: u = 128,
   variant: D,
-  disabled: u
+  disabled: f
 }) {
-  const { startDate: h, endDate: w } = t || {}, p = z(null), S = z(null), M = Qr(h, w), {
+  const { startDate: h, endDate: w } = t || {}, M = B(null), b = B(null), p = Fr(h, w), {
     dateInFocus: y,
     setDateInFocus: m,
-    isCalendarVisible: b,
-    currentPanel: x,
-    setCurrentPanel: T
-  } = M, {
-    showCalendar: N,
-    hideCalendar: P,
+    isCalendarVisible: k,
+    currentPanel: E,
+    setCurrentPanel: N
+  } = p, {
+    showCalendar: C,
+    hideCalendar: L,
     inputLeftChangeHandler: I,
-    inputRightChangeHandler: j
-  } = qr(h, w, e, M), {
-    onKeyDownHandler: Z,
-    onFocusRight: O,
-    onFocusLeft: it,
-    onClickDay: lt,
-    onClickCalendarButton: st,
-    onClickArrowButton: _
-  } = Xr(
+    inputRightChangeHandler: O
+  } = Zr(h, w, e, p), {
+    onKeyDownHandler: X,
+    onFocusRight: P,
+    onFocusLeft: rt,
+    onClickDay: at,
+    onClickCalendarButton: nt,
+    onClickArrowButton: z
+  } = vr(
     h,
     w,
     e,
-    p,
-    S,
-    N,
-    P,
-    M
+    M,
+    b,
+    C,
+    L,
+    p
   );
-  Gr(
+  Xr(
     h,
     w,
     m,
-    p,
-    S
+    M,
+    b
   );
-  const at = C(
-    () => h && w && tt(h, w),
+  const dt = A(
+    () => h && w && v(h, w),
     [h, w]
-  ), ft = C(
-    () => Be(
-      l == null ? void 0 : l.statePerMonth,
+  ), lt = A(
+    () => Ke(
+      d == null ? void 0 : d.statePerMonth,
       h,
       w,
       y
     ),
-    [l == null ? void 0 : l.statePerMonth, h, w, y]
-  ), ut = Lt(b, 300);
-  return /* @__PURE__ */ c(Y, { onKeyDown: Z, children: /* @__PURE__ */ c(
-    pt,
+    [d == null ? void 0 : d.statePerMonth, h, w, y]
+  ), ut = Lt(k, 300);
+  return /* @__PURE__ */ c(x, { onKeyDown: X, children: /* @__PURE__ */ c(
+    yt,
     {
       arrow: !1,
       lazy: !0,
-      disabled: u,
+      disabled: f,
       placement: bt,
-      onClickOutside: P,
-      visible: b,
+      onClickOutside: L,
+      visible: k,
       content: ut && /* @__PURE__ */ c(
-        nt,
+        et,
         {
-          onClickDay: lt,
+          onClickDay: at,
           dateInFocus: y,
           setDateInFocus: m,
-          currentPanel: x,
-          setCurrentPanel: T,
-          minDate: d,
+          currentPanel: E,
+          setCurrentPanel: N,
+          minDate: a,
           maxDate: o,
-          ...l,
-          statePerMonth: ft
+          ...d,
+          statePerMonth: lt
         }
       ),
       children: /* @__PURE__ */ c(
         De,
         {
           autoFocusLeft: r,
-          onEsc: s,
-          onEnter: i,
+          onEsc: i,
+          onEnter: s,
           onBlur: n,
-          disabled: u,
-          separatorIcon: qt,
+          disabled: f,
+          separatorIcon: xt,
           typeLeft: "date",
           typeRight: "date",
           placeholderLeft: "Start date",
           placeholderRight: "End date",
           onChangeLeft: I,
-          onChangeRight: j,
-          onClickArrowDown: _,
-          onClickCalendar: st,
-          onFocusLeft: it,
-          onFocusRight: O,
-          onClickLeft: it,
-          onClickRight: O,
-          inputRefLeft: p,
-          inputRefRight: S,
-          variant: at ? "error" : D,
-          widthLeft: a,
-          widthRight: f,
-          minLeft: d,
+          onChangeRight: O,
+          onClickArrowDown: z,
+          onClickCalendar: nt,
+          onFocusLeft: rt,
+          onFocusRight: P,
+          onClickLeft: rt,
+          onClickRight: P,
+          inputRefLeft: M,
+          inputRefRight: b,
+          variant: dt ? "error" : D,
+          widthLeft: l,
+          widthRight: u,
+          minLeft: a,
           maxLeft: o,
-          minRight: d,
+          minRight: a,
           maxRight: o
         }
       )
@@ -2514,56 +2477,57 @@ function Sn({
   ) });
 }
 export {
-  Ht as Calendar,
-  le as CalendarDay,
-  wn as DateInput,
-  hn as DateRangeCalendar,
-  Sn as DateRangeDualTextInput,
-  yn as DateRangeInput,
-  pn as DateTextInput,
-  kn as DateTimeInput,
-  H as Month,
-  ur as MonthPicker,
-  gn as MultiDateCalendar,
-  Dr as PresetPicker,
-  ue as SingleDateCalendar,
-  mn as SingleWeekCalendar,
-  bn as TimeTextInput,
-  Je as WeekDay,
+  Pt as Calendar,
+  de as CalendarDay,
+  kn as DateInput,
+  wn as DateRangeCalendar,
+  An as DateRangeDualTextInput,
+  Sn as DateRangeInput,
+  Mn as DateTextInput,
+  En as DateTimeInput,
+  oe as Month,
+  gr as MonthPicker,
+  yn as MultiDateCalendar,
+  pr as PresetPicker,
+  fe as SingleDateCalendar,
+  bn as SingleWeekCalendar,
+  Tn as TimeTextInput,
+  Xe as WeekDay,
   ir as WeekDayCell,
-  rr as WeekNumberCell,
-  mr as YearPicker,
-  Q as addDayStateHighlights,
-  oe as addDayStateHighlightsOnSingleDay,
-  ze as addWeekRangeHighlights,
-  an as addWeekStateHighlights,
-  yt as buildDayStateForDateRange,
-  je as buildDayStateForRange,
-  Be as buildDayStateForSingleMonth,
-  Qe as calculateOverflowingMonth,
-  Ge as createDay,
-  Mr as dateRangeToStrings,
-  Fe as dayHasHighlight,
-  v as dayHighlightSelect,
-  rt as defaultCalendarTheme,
-  Ve as defaultTextPropsProvider,
-  ve as defaultWrapperStyleProvider,
-  fn as extranetCalendarTheme,
-  qe as getDaysForWeekForDate,
-  de as getMonthInYear,
-  Jt as getMonthsInYear,
+  or as WeekNumberCell,
+  Rn as YearPicker,
+  q as addDayStateHighlights,
+  ce as addDayStateHighlightsOnSingleDay,
+  qe as addWeekRangeHighlights,
+  Dn as addWeekStateHighlights,
+  wt as buildDayStateForDateRange,
+  Ge as buildDayStateForRange,
+  Ke as buildDayStateForSingleMonth,
+  Ve as calculateOverflowingMonth,
+  Fe as createDay,
+  Kt as createFirstDate,
+  Tr as dateRangeToStrings,
+  rr as dayHasHighlight,
+  G as dayHighlightSelect,
+  tt as defaultCalendarTheme,
+  sr as defaultTextPropsProvider,
+  nr as defaultWrapperStyleProvider,
+  gn as extranetCalendarTheme,
+  ve as getDaysForWeekForDate,
+  ae as getMonthInYear,
+  _t as getMonthsInYear,
   zt as getWeekForDate,
-  Ke as getWeeksForMonth,
-  ae as isDateRangeInvalid,
-  dn as setDayStateValue,
-  ln as setDayStateValueFunction,
-  Rr as stringsToDateRange,
-  un as toggleDateStringsIfEndIsEarlierThanStart,
-  fe as toggleDatesIfEndIsEarlierThanStart,
-  Dn as useDateRangeCalendarState,
-  Tr as useDateRangeSelection,
+  Ze as getWeeksForMonth,
+  le as isDateRangeInvalid,
+  fn as setDayStateValue,
+  hn as setDayStateValueFunction,
+  Er as stringsToDateRange,
+  mn as toggleDateStringsIfEndIsEarlierThanStart,
+  ue as toggleDatesIfEndIsEarlierThanStart,
+  pn as useDateRangeCalendarState,
+  Ar as useDateRangeSelection,
   Cr as useMultiDateSelection,
-  Ar as useSingleDateSelection,
-  xr as useSingleWeekSelection
+  xr as useSingleDateSelection,
+  Nr as useSingleWeekSelection
 };
 //# sourceMappingURL=index.es.js.map