@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.1

package/dist/components/date-time-picker/calendar.js

@@ -1,15 +1,15 @@
-import { jsxs as p, jsx as n, Fragment as ce } from "react/jsx-runtime";
-import * as d from "react";
-import { createElement as H } from "react";
-import { shorthands as s } from "../../node_modules/@griffel/core/src/index.js";
-import { Button as ee } from "../button/button.js";
-import { SLOT_ATTR as l } from "../../renderer/contract.js";
-import { makeVoltStyles as Pe } from "../../styles/make-styles.js";
-import { spacingElement2 as Y, textSm as V, grayA12 as j, accentA3 as ze, accent3 as $e, semAccentSolidHover as Z, fontWeightSemibold as L, semAccentContrast as _, semAccentSolid as U, radiusMd as R, grayA8 as Ve, accentA11 as he, grayA4 as ge, grayA11 as me, fontWeightMedium as ue, textXs as ye, spacingElement1 as fe, grayA3 as Ze } from "../../tokens/index.js";
-import { getWeekDays as _e, getCalendarDays as Ue, getMonthNames as Xe, goToPreviousMonth as qe, goToNextMonth as Je, adjustTimeIfPast as pe, isDateDisabled as be, formatMonth as Ke, getDecadeStart as Qe, getWeekLabel as et, isDayInCurrentMonth as ke, getWeekNumber as Be, isDaySelected as tt, isDayToday as at, isDateInRange as nt, normalizeRange as rt } from "./date-time-picker-utils.js";
-import { mergeClasses as g } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-import { isSameDay as te } from "../../node_modules/date-fns/isSameDay.js";
-const ot = (F) => /* @__PURE__ */ n(
+import { jsxs as p, jsx as n, Fragment as he } from "react/jsx-runtime";
+import * as s from "react";
+import { createElement as A } from "react";
+import { shorthands as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as l } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Button as te } from "../button/button.js";
+import { makeVoltStyles as $e } from "../../styles/make-styles.js";
+import { spacingElement2 as H, leadingSm as V, textSm as X, grayA12 as j, accentA3 as Ve, accent3 as Xe, semAccentSolidHover as Z, fontWeightSemibold as Y, semAccentContrast as _, semAccentSolid as Q, radiusMd as R, grayA8 as Ze, accentA11 as ge, grayA4 as me, grayA11 as ue, fontWeightMedium as ye, leadingXs as fe, textXs as pe, spacingElement1 as be, grayA3 as _e } from "../../tokens/index.js";
+import { getWeekDays as Qe, getCalendarDays as Ue, getMonthNames as qe, goToPreviousMonth as Je, goToNextMonth as Ke, adjustTimeIfPast as ke, isDateDisabled as Be, formatMonth as et, getDecadeStart as tt, getWeekLabel as at, isDayInCurrentMonth as Ce, getWeekNumber as we, isDaySelected as nt, isDayToday as rt, isDateInRange as ot, normalizeRange as st } from "./date-time-picker-utils.js";
+import { isSameDay as ae } from "../../vendor/date-fns/isSameDay.js";
+const dt = (F) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -20,7 +20,7 @@ const ot = (F) => /* @__PURE__ */ n(
     ...F,
     children: /* @__PURE__ */ n("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" })
   }
-), dt = (F) => /* @__PURE__ */ n(
+), lt = (F) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -31,7 +31,7 @@ const ot = (F) => /* @__PURE__ */ n(
     ...F,
     children: /* @__PURE__ */ n("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
   }
-), st = Pe({
+), it = $e({
   root: {
     width: "100%"
   },
@@ -39,7 +39,7 @@ const ot = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    marginBottom: Y
+    marginBottom: H
   },
   buttonSpacer: {
     width: "1.75rem",
@@ -48,53 +48,56 @@ const ot = (F) => /* @__PURE__ */ n(
   headerCenter: {
     display: "flex",
     alignItems: "center",
-    ...s.gap(fe)
+    ...d.gap(be)
   },
   headerBtn: {
-    fontWeight: L,
-    fontSize: V,
+    fontWeight: Y,
+    fontSize: X,
+    lineHeight: V,
     color: j,
-    backgroundColor: Ze,
+    backgroundColor: _e,
     ":hover": {
-      backgroundColor: ge
+      backgroundColor: me
     },
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
-    ...s.padding("0.25rem", Y),
-    ...s.borderRadius(R),
-    ...s.border("0"),
+    ...d.padding("0.25rem", H),
+    ...d.borderRadius(R),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   monthHeaderBtn: {
     textTransform: "capitalize"
   },
   decadeLabel: {
-    fontWeight: L,
-    fontSize: V,
+    fontWeight: Y,
+    fontSize: X,
+    lineHeight: V,
     color: j,
-    ...s.padding("0.25rem", Y)
+    ...d.padding("0.25rem", H)
   },
   grid: {
     display: "grid",
     justifyItems: "center",
-    ...s.gap("0.125rem"),
+    ...d.gap("0.125rem"),
     gridTemplateColumns: "repeat(7, minmax(0, 1fr))"
   },
   gridWithWeeks: {
     gridTemplateColumns: "auto repeat(7, minmax(0, 1fr))"
   },
   gridRange: {
-    rowGap: fe,
+    rowGap: be,
     columnGap: "0"
   },
   weekLabel: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: ye,
-    fontWeight: ue,
-    color: me,
+    fontSize: pe,
+    lineHeight: fe,
+    fontWeight: ye,
+    color: ue,
     height: "1.75rem",
     width: "2rem"
   },
@@ -102,9 +105,10 @@ const ot = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: ye,
-    fontWeight: ue,
-    color: me,
+    fontSize: pe,
+    lineHeight: fe,
+    fontWeight: ye,
+    color: ue,
     height: "2rem",
     width: "2rem"
   },
@@ -116,43 +120,44 @@ const ot = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: V,
+    fontSize: X,
+    lineHeight: V,
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2rem",
     width: "2rem",
-    ...s.border("0"),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   dayBtnSingle: {
-    ...s.borderRadius(R)
+    ...d.borderRadius(R)
   },
   dayBtnTransparent: {
     backgroundColor: "transparent"
   },
   dayBtnHover: {
     ":hover": {
-      backgroundColor: ge
+      backgroundColor: me
     }
   },
   dayBtnToday: {
-    color: he,
+    color: ge,
     textDecorationLine: "underline",
     textUnderlineOffset: "4px",
     textDecorationThickness: "1.5px",
-    textDecorationColor: he
+    textDecorationColor: ge
   },
   dayBtnSelected: {
-    fontWeight: L,
-    backgroundColor: U,
+    fontWeight: Y,
+    backgroundColor: Q,
     color: _,
     ":hover": {
       backgroundColor: Z
     }
   },
   dayBtnOutOfMonth: {
-    color: Ve
+    color: Ze
   },
   dayBtnInMonth: {
     color: j
@@ -163,10 +168,10 @@ const ot = (F) => /* @__PURE__ */ n(
   },
   // Range styles
   dayBtnRangeSingleDay: {
-    ...s.borderRadius(R),
-    backgroundColor: U,
+    ...d.borderRadius(R),
+    backgroundColor: Q,
     color: _,
-    fontWeight: L,
+    fontWeight: Y,
     ":hover": {
       backgroundColor: Z
     }
@@ -176,9 +181,9 @@ const ot = (F) => /* @__PURE__ */ n(
     borderBottomLeftRadius: R,
     borderTopRightRadius: 0,
     borderBottomRightRadius: 0,
-    backgroundColor: U,
+    backgroundColor: Q,
     color: _,
-    fontWeight: L,
+    fontWeight: Y,
     ":hover": {
       backgroundColor: Z
     }
@@ -188,32 +193,32 @@ const ot = (F) => /* @__PURE__ */ n(
     borderBottomRightRadius: R,
     borderTopLeftRadius: 0,
     borderBottomLeftRadius: 0,
-    backgroundColor: U,
+    backgroundColor: Q,
     color: _,
-    fontWeight: L,
+    fontWeight: Y,
     ":hover": {
       backgroundColor: Z
     }
   },
   dayBtnRangeMiddle: {
-    ...s.borderRadius(0),
-    backgroundColor: $e,
+    ...d.borderRadius(0),
+    backgroundColor: Xe,
     color: j
   },
   dayBtnRangeMiddlePreview: {
-    ...s.borderRadius(0),
-    backgroundColor: ze,
+    ...d.borderRadius(0),
+    backgroundColor: Ve,
     color: j
   },
   todayContainer: {
     display: "flex",
     justifyContent: "center",
-    paddingTop: Y
+    paddingTop: H
   },
   monthsYearsGrid: {
     display: "grid",
-    ...s.gap(Y),
-    ...s.padding(Y, 0)
+    ...d.gap(H),
+    ...d.padding(H, 0)
   },
   monthsGridCols: {
     gridTemplateColumns: "repeat(3, 1fr)"
@@ -225,84 +230,85 @@ const ot = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: V,
-    ...s.borderRadius(R),
+    fontSize: X,
+    lineHeight: V,
+    ...d.borderRadius(R),
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2.25rem",
-    ...s.border("0"),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   monthBtnCapitalize: {
     textTransform: "capitalize"
   }
-}), bt = d.forwardRef(
+}), Bt = s.forwardRef(
   function({
     value: o,
     onChange: I,
     onDateSelect: b,
     disablePast: k = !1,
     locale: N = "de",
-    previousMonthLabel: Ce = "Previous month",
-    nextMonthLabel: we = "Next month",
-    showTodayButton: Re = !1,
-    todayLabel: Me = "Today",
+    previousMonthLabel: Re = "Previous month",
+    nextMonthLabel: Me = "Next month",
+    showTodayButton: Se = !1,
+    todayLabel: ve = "Today",
     currentTimeInTimezone: m,
-    showWeekNumbers: X = !1,
+    showWeekNumbers: U = !1,
     rangeStart: D,
-    rangeEnd: ae,
-    hoveredDate: ne,
+    rangeEnd: ne,
+    hoveredDate: re,
     onDayHover: G,
     onDayClick: q,
-    showPreviousButton: Se = !0,
-    showNextButton: ve = !0,
-    controlledViewDate: Ne,
+    showPreviousButton: Ne = !0,
+    showNextButton: De = !0,
+    controlledViewDate: xe,
     onViewDateChange: O,
-    hideOutOfMonthDays: re = !1,
-    className: De
-  }, xe) {
-    const e = st(), [Ye, Le] = d.useState(
+    hideOutOfMonthDays: oe = !1,
+    className: He
+  }, Ye) {
+    const e = it(), [Le, Te] = s.useState(
       () => o || m || /* @__PURE__ */ new Date()
-    ), [i, E] = d.useState("days"), x = D !== void 0, M = Ne || Ye, h = d.useCallback(
+    ), [i, E] = s.useState("days"), x = D !== void 0, M = xe || Le, h = s.useCallback(
       (t) => {
-        O ? O(typeof t == "function" ? t(M) : t) : Le(t);
+        O ? O(typeof t == "function" ? t(M) : t) : Te(t);
       },
       [O, M]
-    ), Te = _e(N), oe = Ue(M, N), We = d.useMemo(() => Xe(N), [N]), T = d.useMemo(
+    ), We = Qe(N), se = Ue(M, N), Ae = s.useMemo(() => qe(N), [N]), L = s.useMemo(
       () => m || /* @__PURE__ */ new Date(),
       [m]
-    ), W = T.getFullYear(), de = T.getMonth(), S = M.getFullYear(), J = Qe(S), Ae = d.useCallback(() => {
-      h((t) => i === "days" ? qe(t) : i === "months" ? new Date(t.getFullYear() - 1, t.getMonth(), 1) : new Date(t.getFullYear() - 10, t.getMonth(), 1));
-    }, [i, h]), He = d.useCallback(() => {
-      h((t) => i === "days" ? Je(t) : i === "months" ? new Date(t.getFullYear() + 1, t.getMonth(), 1) : new Date(t.getFullYear() + 10, t.getMonth(), 1));
-    }, [i, h]), je = d.useCallback(() => {
-      const t = new Date(T);
+    ), T = L.getFullYear(), de = L.getMonth(), S = M.getFullYear(), J = tt(S), je = s.useCallback(() => {
+      h((t) => i === "days" ? Je(t) : i === "months" ? new Date(t.getFullYear() - 1, t.getMonth(), 1) : new Date(t.getFullYear() - 10, t.getMonth(), 1));
+    }, [i, h]), Fe = s.useCallback(() => {
+      h((t) => i === "days" ? Ke(t) : i === "months" ? new Date(t.getFullYear() + 1, t.getMonth(), 1) : new Date(t.getFullYear() + 10, t.getMonth(), 1));
+    }, [i, h]), Ie = s.useCallback(() => {
+      const t = new Date(L);
       o ? t.setHours(o.getHours(), o.getMinutes(), 0, 0) : t.setHours(0, 0, 0, 0);
-      const a = pe(
+      const a = ke(
         t,
         k,
         m
       );
-      h(T), I(a), b == null || b();
+      h(L), I(a), b == null || b();
     }, [
       I,
       b,
       o,
       k,
       m,
-      T,
+      L,
       h
-    ]), Fe = d.useCallback(
+    ]), Ge = s.useCallback(
       (t) => {
-        if (be(t, k, m)) return;
+        if (Be(t, k, m)) return;
         if (q) {
           q(t);
           return;
         }
         const a = new Date(t);
         o ? a.setHours(o.getHours(), o.getMinutes(), 0, 0) : a.setHours(0, 0, 0, 0);
-        const r = pe(
+        const r = ke(
           a,
           k,
           m
@@ -317,43 +323,43 @@ const ot = (F) => /* @__PURE__ */ n(
         k,
         m
       ]
-    ), Ie = d.useCallback(
+    ), Oe = s.useCallback(
       (t) => {
         h((a) => new Date(a.getFullYear(), t, 1)), E("days");
       },
       [h]
-    ), Ge = d.useCallback(
+    ), Ee = s.useCallback(
       (t) => {
         h((a) => new Date(t, a.getMonth(), 1)), E("months");
       },
       [h]
-    ), Oe = d.useCallback(() => {
+    ), Pe = s.useCallback(() => {
       E("months");
-    }, []), se = d.useCallback(() => {
+    }, []), le = s.useCallback(() => {
       E("years");
     }, []);
     return /* @__PURE__ */ p(
       "div",
       {
-        ref: xe,
-        className: g(e.root, De),
+        ref: Ye,
+        className: g(e.root, He),
         "data-slot": "calendar",
         [l]: "calendar",
         onMouseLeave: G ? () => G(null) : void 0,
         children: [
           /* @__PURE__ */ p("div", { className: e.header, children: [
-            Se ? /* @__PURE__ */ n(
-              ee,
+            Ne ? /* @__PURE__ */ n(
+              te,
               {
-                "aria-label": Ce,
-                onClick: Ae,
+                "aria-label": Re,
+                onClick: je,
                 size: "icon",
                 variant: "tertiary",
-                children: /* @__PURE__ */ n(ot, {})
+                children: /* @__PURE__ */ n(dt, {})
               }
             ) : /* @__PURE__ */ n("div", { className: e.buttonSpacer }),
             /* @__PURE__ */ p("div", { className: e.headerCenter, children: [
-              i === "days" && /* @__PURE__ */ p(ce, { children: [
+              i === "days" && /* @__PURE__ */ p(he, { children: [
                 /* @__PURE__ */ n(
                   "button",
                   {
@@ -361,16 +367,16 @@ const ot = (F) => /* @__PURE__ */ n(
                       e.headerBtn,
                       e.monthHeaderBtn
                     ),
-                    onClick: Oe,
+                    onClick: Pe,
                     type: "button",
-                    children: Ke(M, N)
+                    children: et(M, N)
                   }
                 ),
                 /* @__PURE__ */ n(
                   "button",
                   {
                     className: e.headerBtn,
-                    onClick: se,
+                    onClick: le,
                     type: "button",
                     children: S
                   }
@@ -380,47 +386,47 @@ const ot = (F) => /* @__PURE__ */ n(
                 "button",
                 {
                   className: e.headerBtn,
-                  onClick: se,
+                  onClick: le,
                   type: "button",
                   children: S
                 }
               ),
               i === "years" && /* @__PURE__ */ n("span", { className: e.decadeLabel, children: `${J} – ${J + 9}` })
             ] }),
-            ve ? /* @__PURE__ */ n(
-              ee,
+            De ? /* @__PURE__ */ n(
+              te,
               {
-                "aria-label": we,
-                onClick: He,
+                "aria-label": Me,
+                onClick: Fe,
                 size: "icon",
                 variant: "tertiary",
-                children: /* @__PURE__ */ n(dt, {})
+                children: /* @__PURE__ */ n(lt, {})
               }
             ) : /* @__PURE__ */ n("div", { className: e.buttonSpacer })
           ] }),
           /* @__PURE__ */ p("div", { children: [
-            i === "days" && /* @__PURE__ */ p(ce, { children: [
+            i === "days" && /* @__PURE__ */ p(he, { children: [
               /* @__PURE__ */ p(
                 "div",
                 {
                   className: g(
                     e.grid,
                     x && e.gridRange,
-                    X && e.gridWithWeeks
+                    U && e.gridWithWeeks
                   ),
                   "data-slot": "calendar-grid",
                   [l]: "calendar-grid",
                   children: [
-                    X && /* @__PURE__ */ n(
+                    U && /* @__PURE__ */ n(
                       "div",
                       {
                         className: e.weekLabel,
                         "data-slot": "calendar-week-label",
                         [l]: "calendar-week-label",
-                        children: et(N)
+                        children: at(N)
                       }
                     ),
-                    Te.map((t) => /* @__PURE__ */ H(
+                    We.map((t) => /* @__PURE__ */ A(
                       "div",
                       {
                         className: e.weekLabel,
@@ -430,18 +436,18 @@ const ot = (F) => /* @__PURE__ */ n(
                       },
                       t
                     )),
-                    oe.map((t, a) => {
-                      const r = X && a % 7 === 0, c = re && r && oe.slice(a, a + 7).every(($) => !ke($, M)), u = r && !c ? /* @__PURE__ */ H(
+                    se.map((t, a) => {
+                      const r = U && a % 7 === 0, c = oe && r && se.slice(a, a + 7).every(($) => !Ce($, M)), u = r && !c ? /* @__PURE__ */ A(
                         "div",
                         {
                           className: e.weekNumber,
                           "data-slot": "calendar-week-number",
                           [l]: "calendar-week-number",
-                          "data-week": Be(t),
+                          "data-week": we(t),
                           key: `wk-${a}`
                         },
-                        Be(t)
-                      ) : r ? /* @__PURE__ */ H(
+                        we(t)
+                      ) : r ? /* @__PURE__ */ A(
                         "div",
                         {
                           "aria-hidden": "true",
@@ -450,9 +456,9 @@ const ot = (F) => /* @__PURE__ */ n(
                           [l]: "calendar-week-number-placeholder",
                           key: `wk-${a}`
                         }
-                      ) : null, y = ke(t, M);
-                      if (re && !y)
-                        return /* @__PURE__ */ p(d.Fragment, { children: [
+                      ) : null, y = Ce(t, M);
+                      if (oe && !y)
+                        return /* @__PURE__ */ p(s.Fragment, { children: [
                           u,
                           /* @__PURE__ */ n(
                             "div",
@@ -464,27 +470,27 @@ const ot = (F) => /* @__PURE__ */ n(
                             }
                           )
                         ] }, a);
-                      const B = be(
+                      const B = Be(
                         t,
                         k,
                         m
-                      ), C = !x && o !== null && tt(t, o), P = at(t), K = ae || ne || null, le = x && D && K, Ee = le ? nt(t, D, K) : !1;
-                      let w = !1, A = !1, z = !1;
-                      if (le) {
-                        const $ = rt(
+                      ), C = !x && o !== null && nt(t, o), P = rt(t), K = ne || re || null, ie = x && D && K, ze = ie ? ot(t, D, K) : !1;
+                      let w = !1, W = !1, z = !1;
+                      if (ie) {
+                        const $ = st(
                           D,
                           K
                         );
-                        w = te(t, $.start), A = te(t, $.end), z = w && A;
-                      } else x && D && (w = te(t, D), z = w);
-                      const f = w || A, v = Ee && !w && !A, ie = x && !ae && !!ne;
-                      let Q = null;
-                      return x ? Q = g(
+                        w = ae(t, $.start), W = ae(t, $.end), z = w && W;
+                      } else x && D && (w = ae(t, D), z = w);
+                      const f = w || W, v = ze && !w && !W, ce = x && !ne && !!re;
+                      let ee = null;
+                      return x ? ee = g(
                         z && f && e.dayBtnRangeSingleDay,
                         w && !z && e.dayBtnRangeStart,
-                        A && !w && e.dayBtnRangeEnd,
-                        v && !ie && e.dayBtnRangeMiddle,
-                        v && ie && e.dayBtnRangeMiddlePreview,
+                        W && !w && e.dayBtnRangeEnd,
+                        v && !ce && e.dayBtnRangeMiddle,
+                        v && ce && e.dayBtnRangeMiddlePreview,
                         !f && !v && e.dayBtnSingle,
                         !f && !v && e.dayBtnTransparent,
                         !f && !v && e.dayBtnHover,
@@ -492,7 +498,7 @@ const ot = (F) => /* @__PURE__ */ n(
                         B && e.dayBtnDisabled,
                         !y && !B && !f && e.dayBtnOutOfMonth,
                         y && !f && !B && e.dayBtnInMonth
-                      ) : Q = g(
+                      ) : ee = g(
                         e.dayBtnSingle,
                         !C && !P && e.dayBtnTransparent,
                         !C && e.dayBtnHover,
@@ -501,7 +507,7 @@ const ot = (F) => /* @__PURE__ */ n(
                         !y && !B && !C && e.dayBtnOutOfMonth,
                         C && e.dayBtnSelected,
                         y && !C && !B && e.dayBtnInMonth
-                      ), /* @__PURE__ */ p(d.Fragment, { children: [
+                      ), /* @__PURE__ */ p(s.Fragment, { children: [
                         u,
                         /* @__PURE__ */ n(
                           "button",
@@ -510,7 +516,7 @@ const ot = (F) => /* @__PURE__ */ n(
                             "aria-pressed": C || f,
                             className: g(
                               e.dayBtn,
-                              Q
+                              ee
                             ),
                             "data-in-range": v || void 0,
                             "data-selected": C || f,
@@ -518,7 +524,7 @@ const ot = (F) => /* @__PURE__ */ n(
                             [l]: "calendar-day",
                             "data-today": P,
                             disabled: B,
-                            onClick: () => Fe(t),
+                            onClick: () => Ge(t),
                             onMouseEnter: G ? () => G(t) : void 0,
                             type: "button",
                             children: t.getDate()
@@ -529,19 +535,19 @@ const ot = (F) => /* @__PURE__ */ n(
                   ]
                 }
               ),
-              Re && /* @__PURE__ */ n(
+              Se && /* @__PURE__ */ n(
                 "div",
                 {
                   className: e.todayContainer,
                   "data-slot": "calendar-today",
                   [l]: "calendar-today",
                   children: /* @__PURE__ */ n(
-                    ee,
+                    te,
                     {
-                      onClick: je,
+                      onClick: Ie,
                       size: "xs",
                       variant: "tertiary",
-                      children: Me
+                      children: ve
                     }
                   )
                 }
@@ -556,9 +562,9 @@ const ot = (F) => /* @__PURE__ */ n(
                 ),
                 "data-slot": "calendar-months",
                 [l]: "calendar-months",
-                children: We.map((t, a) => {
-                  const r = o !== null && S === o.getFullYear() && a === o.getMonth(), c = S === W && a === de, u = k && (S < W || S === W && a < de);
-                  return /* @__PURE__ */ H(
+                children: Ae.map((t, a) => {
+                  const r = o !== null && S === o.getFullYear() && a === o.getMonth(), c = S === T && a === de, u = k && (S < T || S === T && a < de);
+                  return /* @__PURE__ */ A(
                     "button",
                     {
                       className: g(
@@ -576,7 +582,7 @@ const ot = (F) => /* @__PURE__ */ n(
                       [l]: "calendar-month",
                       disabled: u,
                       key: a,
-                      onClick: () => Ie(a),
+                      onClick: () => Oe(a),
                       type: "button"
                     },
                     t
@@ -594,8 +600,8 @@ const ot = (F) => /* @__PURE__ */ n(
                 "data-slot": "calendar-years",
                 [l]: "calendar-years",
                 children: Array.from({ length: 10 }, (t, a) => {
-                  const r = J + a, c = o !== null && r === o.getFullYear(), u = r === W, y = k && r < W;
-                  return /* @__PURE__ */ H(
+                  const r = J + a, c = o !== null && r === o.getFullYear(), u = r === T, y = k && r < T;
+                  return /* @__PURE__ */ A(
                     "button",
                     {
                       className: g(
@@ -612,7 +618,7 @@ const ot = (F) => /* @__PURE__ */ n(
                       [l]: "calendar-year",
                       disabled: y,
                       key: r,
-                      onClick: () => Ge(r),
+                      onClick: () => Ee(r),
                       type: "button"
                     },
                     r
@@ -627,6 +633,6 @@ const ot = (F) => /* @__PURE__ */ n(
   }
 );
 export {
-  bt as Calendar
+  Bt as Calendar
 };
 //# sourceMappingURL=calendar.js.map