@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

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

@@ -1,15 +1,15 @@
-import { j as a } from "../../vendor/react/jsx-dev-runtime.js";
-import * as i from "react";
-import { createElement as H } from "react";
-import { shorthands as o } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as s } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as u } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Button as ee } from "../button/button.js";
-import { makeVoltStyles as Ge } from "../../styles/make-styles.js";
-import { radiusMd as w, spacingElement2 as M, spacingElement1 as ce, leadingSm as P, textSm as z, grayA12 as Y, accentA3 as Oe, accent3 as Pe, semAccentSolidHover as $, fontWeightSemibold as E, semAccentContrast as X, semAccentSolid as Z, grayA8 as ze, accentA11 as me, grayA4 as ue, grayA11 as pe, fontWeightMedium as fe, leadingXs as ge, textXs as he, grayA3 as $e } from "../../tokens/index.js";
-import { getWeekDays as Xe, getCalendarDays as Ze, getMonthNames as _e, goToPreviousMonth as Qe, goToNextMonth as qe, adjustTimeIfPast as be, isDateDisabled as ke, formatMonth as Je, getDecadeStart as Ke, getWeekLabel as et, isDayInCurrentMonth as ye, getWeekNumber as Ne, isDaySelected as tt, isDayToday as at, isDateInRange as rt, normalizeRange as lt } from "./date-time-picker-utils.js";
-import { isSameDay as te } from "../../vendor/date-fns/isSameDay.js";
-const nt = (L) => /* @__PURE__ */ a.jsxDEV(
+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 { radiusMd as R, spacingElement2 as H, spacingElement1 as ge, 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, grayA8 as Ze, accentA11 as me, grayA4 as ue, grayA11 as ye, fontWeightMedium as fe, leadingXs as pe, textXs 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",
@@ -17,22 +17,10 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...L,
-    children: /* @__PURE__ */ a.jsxDEV("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-      lineNumber: 39,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-    lineNumber: 31,
-    columnNumber: 3
-  },
-  void 0
-), it = (L) => /* @__PURE__ */ a.jsxDEV(
+    ...F,
+    children: /* @__PURE__ */ n("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" })
+  }
+), lt = (F) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -40,22 +28,10 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...L,
-    children: /* @__PURE__ */ a.jsxDEV("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-      lineNumber: 52,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-    lineNumber: 44,
-    columnNumber: 3
-  },
-  void 0
-), ot = Ge({
+    ...F,
+    children: /* @__PURE__ */ n("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
+  }
+), it = $e({
   root: {
     width: "100%"
   },
@@ -63,7 +39,7 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    marginBottom: M
+    marginBottom: H
   },
   buttonSpacer: {
     width: "1.75rem",
@@ -72,56 +48,56 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
   headerCenter: {
     display: "flex",
     alignItems: "center",
-    ...o.gap(ce)
+    ...d.gap(ge)
   },
   headerBtn: {
-    fontWeight: E,
-    fontSize: z,
-    lineHeight: P,
-    color: Y,
-    backgroundColor: $e,
+    fontWeight: Y,
+    fontSize: X,
+    lineHeight: V,
+    color: j,
+    backgroundColor: _e,
     ":hover": {
       backgroundColor: ue
     },
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
-    ...o.padding("0.25rem", M),
-    ...o.borderRadius(w),
-    ...o.border("0"),
+    ...d.padding("0.25rem", H),
+    ...d.borderRadius(R),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   monthHeaderBtn: {
     textTransform: "capitalize"
   },
   decadeLabel: {
-    fontWeight: E,
-    fontSize: z,
-    lineHeight: P,
-    color: Y,
-    ...o.padding("0.25rem", M)
+    fontWeight: Y,
+    fontSize: X,
+    lineHeight: V,
+    color: j,
+    ...d.padding("0.25rem", H)
   },
   grid: {
     display: "grid",
     justifyItems: "center",
-    ...o.gap("0.125rem"),
+    ...d.gap("0.125rem"),
     gridTemplateColumns: "repeat(7, minmax(0, 1fr))"
   },
   gridWithWeeks: {
     gridTemplateColumns: "auto repeat(7, minmax(0, 1fr))"
   },
   gridRange: {
-    rowGap: ce,
+    rowGap: ge,
     columnGap: "0"
   },
   weekLabel: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: he,
-    lineHeight: ge,
+    fontSize: be,
+    lineHeight: pe,
     fontWeight: fe,
-    color: pe,
+    color: ye,
     height: "1.75rem",
     width: "2rem"
   },
@@ -129,10 +105,10 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: he,
-    lineHeight: ge,
+    fontSize: be,
+    lineHeight: pe,
     fontWeight: fe,
-    color: pe,
+    color: ye,
     height: "2rem",
     width: "2rem"
   },
@@ -144,18 +120,18 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: z,
-    lineHeight: P,
+    fontSize: X,
+    lineHeight: V,
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2rem",
     width: "2rem",
-    ...o.border("0"),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   dayBtnSingle: {
-    ...o.borderRadius(w)
+    ...d.borderRadius(R)
   },
   dayBtnTransparent: {
     backgroundColor: "transparent"
@@ -173,18 +149,18 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     textDecorationColor: me
   },
   dayBtnSelected: {
-    fontWeight: E,
-    backgroundColor: Z,
-    color: X,
+    fontWeight: Y,
+    backgroundColor: Q,
+    color: _,
     ":hover": {
-      backgroundColor: $
+      backgroundColor: Z
     }
   },
   dayBtnOutOfMonth: {
-    color: ze
+    color: Ze
   },
   dayBtnInMonth: {
-    color: Y
+    color: j
   },
   dayBtnDisabled: {
     opacity: 0.5,
@@ -192,57 +168,57 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
   },
   // Range styles
   dayBtnRangeSingleDay: {
-    ...o.borderRadius(w),
-    backgroundColor: Z,
-    color: X,
-    fontWeight: E,
+    ...d.borderRadius(R),
+    backgroundColor: Q,
+    color: _,
+    fontWeight: Y,
     ":hover": {
-      backgroundColor: $
+      backgroundColor: Z
     }
   },
   dayBtnRangeStart: {
-    borderTopLeftRadius: w,
-    borderBottomLeftRadius: w,
+    borderTopLeftRadius: R,
+    borderBottomLeftRadius: R,
     borderTopRightRadius: 0,
     borderBottomRightRadius: 0,
-    backgroundColor: Z,
-    color: X,
-    fontWeight: E,
+    backgroundColor: Q,
+    color: _,
+    fontWeight: Y,
     ":hover": {
-      backgroundColor: $
+      backgroundColor: Z
     }
   },
   dayBtnRangeEnd: {
-    borderTopRightRadius: w,
-    borderBottomRightRadius: w,
+    borderTopRightRadius: R,
+    borderBottomRightRadius: R,
     borderTopLeftRadius: 0,
     borderBottomLeftRadius: 0,
-    backgroundColor: Z,
-    color: X,
-    fontWeight: E,
+    backgroundColor: Q,
+    color: _,
+    fontWeight: Y,
     ":hover": {
-      backgroundColor: $
+      backgroundColor: Z
     }
   },
   dayBtnRangeMiddle: {
-    ...o.borderRadius(0),
-    backgroundColor: Pe,
-    color: Y
+    ...d.borderRadius(0),
+    backgroundColor: Xe,
+    color: j
   },
   dayBtnRangeMiddlePreview: {
-    ...o.borderRadius(0),
-    backgroundColor: Oe,
-    color: Y
+    ...d.borderRadius(0),
+    backgroundColor: Ve,
+    color: j
   },
   todayContainer: {
     display: "flex",
     justifyContent: "center",
-    paddingTop: M
+    paddingTop: H
   },
   monthsYearsGrid: {
     display: "grid",
-    ...o.gap(M),
-    ...o.padding(M, 0)
+    ...d.gap(H),
+    ...d.padding(H, 0)
   },
   monthsGridCols: {
     gridTemplateColumns: "repeat(3, 1fr)"
@@ -254,569 +230,409 @@ const nt = (L) => /* @__PURE__ */ a.jsxDEV(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: z,
-    lineHeight: P,
-    ...o.borderRadius(w),
+    fontSize: X,
+    lineHeight: V,
+    ...d.borderRadius(R),
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2.25rem",
-    ...o.border("0"),
+    ...d.border("0"),
     outlineStyle: "none"
   },
   monthBtnCapitalize: {
     textTransform: "capitalize"
   }
-}), kt = i.forwardRef(
+}), Bt = s.forwardRef(
   function({
-    value: n,
-    onChange: T,
+    value: o,
+    onChange: I,
     onDateSelect: b,
     disablePast: k = !1,
-    locale: D = "de",
-    previousMonthLabel: xe = "Previous month",
-    nextMonthLabel: we = "Next month",
-    showTodayButton: ve = !1,
-    todayLabel: Be = "Today",
-    currentTimeInTimezone: p,
-    showWeekNumbers: _ = !1,
-    rangeStart: j,
-    rangeEnd: ae,
+    locale: N = "de",
+    previousMonthLabel: Re = "Previous month",
+    nextMonthLabel: Me = "Next month",
+    showTodayButton: Se = !1,
+    todayLabel: ve = "Today",
+    currentTimeInTimezone: m,
+    showWeekNumbers: U = !1,
+    rangeStart: D,
+    rangeEnd: ne,
     hoveredDate: re,
-    onDayHover: W,
-    onDayClick: Q,
-    showPreviousButton: Ce = !0,
+    onDayHover: G,
+    onDayClick: q,
+    showPreviousButton: Ne = !0,
     showNextButton: De = !0,
-    controlledViewDate: je,
-    onViewDateChange: A,
-    hideOutOfMonthDays: le = !1,
-    className: Re
-  }, Me) {
-    const e = ot(), [Ee, Ve] = i.useState(
-      () => n || p || /* @__PURE__ */ new Date()
-    ), [d, F] = i.useState("days"), R = j !== void 0, v = je || Ee, m = i.useCallback(
+    controlledViewDate: xe,
+    onViewDateChange: O,
+    hideOutOfMonthDays: oe = !1,
+    className: He
+  }, Ye) {
+    const e = it(), [Le, Te] = s.useState(
+      () => o || m || /* @__PURE__ */ new Date()
+    ), [i, E] = s.useState("days"), x = D !== void 0, M = xe || Le, h = s.useCallback(
       (t) => {
-        A ? A(typeof t == "function" ? t(v) : t) : Ve(t);
+        O ? O(typeof t == "function" ? t(M) : t) : Te(t);
       },
-      [A, v]
-    ), Ue = Xe(D), ne = Ze(v, D), Se = i.useMemo(() => _e(D), [D]), V = i.useMemo(
-      () => p || /* @__PURE__ */ new Date(),
-      [p]
-    ), U = V.getFullYear(), ie = V.getMonth(), B = v.getFullYear(), q = Ke(B), He = i.useCallback(() => {
-      m((t) => d === "days" ? Qe(t) : d === "months" ? new Date(t.getFullYear() - 1, t.getMonth(), 1) : new Date(t.getFullYear() - 10, t.getMonth(), 1));
-    }, [d, m]), Ye = i.useCallback(() => {
-      m((t) => d === "days" ? qe(t) : d === "months" ? new Date(t.getFullYear() + 1, t.getMonth(), 1) : new Date(t.getFullYear() + 10, t.getMonth(), 1));
-    }, [d, m]), Le = i.useCallback(() => {
-      const t = new Date(V);
-      n ? t.setHours(n.getHours(), n.getMinutes(), 0, 0) : t.setHours(0, 0, 0, 0);
-      const r = be(
+      [O, M]
+    ), We = Qe(N), se = Ue(M, N), Ae = s.useMemo(() => qe(N), [N]), L = s.useMemo(
+      () => m || /* @__PURE__ */ new Date(),
+      [m]
+    ), 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 = ke(
         t,
         k,
-        p
+        m
       );
-      m(V), T(r), b == null || b();
+      h(L), I(a), b == null || b();
     }, [
-      T,
+      I,
       b,
-      n,
+      o,
       k,
-      p,
-      V,
-      m
-    ]), Te = i.useCallback(
+      m,
+      L,
+      h
+    ]), Ge = s.useCallback(
       (t) => {
-        if (ke(t, k, p)) return;
-        if (Q) {
-          Q(t);
+        if (Be(t, k, m)) return;
+        if (q) {
+          q(t);
           return;
         }
-        const r = new Date(t);
-        n ? r.setHours(n.getHours(), n.getMinutes(), 0, 0) : r.setHours(0, 0, 0, 0);
-        const l = be(
-          r,
+        const a = new Date(t);
+        o ? a.setHours(o.getHours(), o.getMinutes(), 0, 0) : a.setHours(0, 0, 0, 0);
+        const r = ke(
+          a,
           k,
-          p
+          m
         );
-        T(l), b == null || b();
+        I(r), b == null || b();
       },
       [
-        T,
+        I,
         b,
-        Q,
-        n,
+        q,
+        o,
         k,
-        p
+        m
       ]
-    ), We = i.useCallback(
+    ), Oe = s.useCallback(
       (t) => {
-        m((r) => new Date(r.getFullYear(), t, 1)), F("days");
+        h((a) => new Date(a.getFullYear(), t, 1)), E("days");
       },
-      [m]
-    ), Ae = i.useCallback(
+      [h]
+    ), Ee = s.useCallback(
       (t) => {
-        m((r) => new Date(t, r.getMonth(), 1)), F("months");
+        h((a) => new Date(t, a.getMonth(), 1)), E("months");
       },
-      [m]
-    ), Fe = i.useCallback(() => {
-      F("months");
-    }, []), oe = i.useCallback(() => {
-      F("years");
+      [h]
+    ), Pe = s.useCallback(() => {
+      E("months");
+    }, []), le = s.useCallback(() => {
+      E("years");
     }, []);
-    return /* @__PURE__ */ a.jsxDEV(
+    return /* @__PURE__ */ p(
       "div",
       {
-        ref: Me,
-        className: u(e.root, Re),
+        ref: Ye,
+        className: g(e.root, He),
         "data-slot": "calendar",
-        [s]: "calendar",
-        onMouseLeave: W ? () => W(null) : void 0,
+        [l]: "calendar",
+        onMouseLeave: G ? () => G(null) : void 0,
         children: [
-          /* @__PURE__ */ a.jsxDEV("div", { className: e.header, children: [
-            Ce ? /* @__PURE__ */ a.jsxDEV(
-              ee,
+          /* @__PURE__ */ p("div", { className: e.header, children: [
+            Ne ? /* @__PURE__ */ n(
+              te,
               {
-                "aria-label": xe,
-                onClick: He,
+                "aria-label": Re,
+                onClick: je,
                 size: "icon",
                 variant: "tertiary",
-                children: /* @__PURE__ */ a.jsxDEV(nt, {}, void 0, !1, {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                  lineNumber: 493,
-                  columnNumber: 15
-                }, this)
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 487,
-                columnNumber: 13
-              },
-              this
-            ) : /* @__PURE__ */ a.jsxDEV("div", { className: e.buttonSpacer }, void 0, !1, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-              lineNumber: 496,
-              columnNumber: 13
-            }, this),
-            /* @__PURE__ */ a.jsxDEV("div", { className: e.headerCenter, children: [
-              d === "days" && /* @__PURE__ */ a.jsxDEV(a.Fragment, { children: [
-                /* @__PURE__ */ a.jsxDEV(
+                children: /* @__PURE__ */ n(dt, {})
+              }
+            ) : /* @__PURE__ */ n("div", { className: e.buttonSpacer }),
+            /* @__PURE__ */ p("div", { className: e.headerCenter, children: [
+              i === "days" && /* @__PURE__ */ p(he, { children: [
+                /* @__PURE__ */ n(
                   "button",
                   {
-                    className: u(
+                    className: g(
                       e.headerBtn,
                       e.monthHeaderBtn
                     ),
-                    onClick: Fe,
+                    onClick: Pe,
                     type: "button",
-                    children: Je(v, D)
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                    lineNumber: 501,
-                    columnNumber: 17
-                  },
-                  this
+                    children: et(M, N)
+                  }
                 ),
-                /* @__PURE__ */ a.jsxDEV(
+                /* @__PURE__ */ n(
                   "button",
                   {
                     className: e.headerBtn,
-                    onClick: oe,
+                    onClick: le,
                     type: "button",
-                    children: B
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                    lineNumber: 511,
-                    columnNumber: 17
-                  },
-                  this
+                    children: S
+                  }
                 )
-              ] }, void 0, !0, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 500,
-                columnNumber: 15
-              }, this),
-              d === "months" && /* @__PURE__ */ a.jsxDEV(
+              ] }),
+              i === "months" && /* @__PURE__ */ n(
                 "button",
                 {
                   className: e.headerBtn,
-                  onClick: oe,
+                  onClick: le,
                   type: "button",
-                  children: B
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                  lineNumber: 521,
-                  columnNumber: 15
-                },
-                this
+                  children: S
+                }
               ),
-              d === "years" && /* @__PURE__ */ a.jsxDEV("span", { className: e.decadeLabel, children: `${q} – ${q + 9}` }, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 530,
-                columnNumber: 15
-              }, this)
-            ] }, void 0, !0, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-              lineNumber: 498,
-              columnNumber: 11
-            }, this),
-            De ? /* @__PURE__ */ a.jsxDEV(
-              ee,
+              i === "years" && /* @__PURE__ */ n("span", { className: e.decadeLabel, children: `${J} – ${J + 9}` })
+            ] }),
+            De ? /* @__PURE__ */ n(
+              te,
               {
-                "aria-label": we,
-                onClick: Ye,
+                "aria-label": Me,
+                onClick: Fe,
                 size: "icon",
                 variant: "tertiary",
-                children: /* @__PURE__ */ a.jsxDEV(it, {}, void 0, !1, {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                  lineNumber: 542,
-                  columnNumber: 15
-                }, this)
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 536,
-                columnNumber: 13
-              },
-              this
-            ) : /* @__PURE__ */ a.jsxDEV("div", { className: e.buttonSpacer }, void 0, !1, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-              lineNumber: 545,
-              columnNumber: 13
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-            lineNumber: 485,
-            columnNumber: 9
-          }, this),
-          /* @__PURE__ */ a.jsxDEV("div", { children: [
-            d === "days" && /* @__PURE__ */ a.jsxDEV(a.Fragment, { children: [
-              /* @__PURE__ */ a.jsxDEV(
+                children: /* @__PURE__ */ n(lt, {})
+              }
+            ) : /* @__PURE__ */ n("div", { className: e.buttonSpacer })
+          ] }),
+          /* @__PURE__ */ p("div", { children: [
+            i === "days" && /* @__PURE__ */ p(he, { children: [
+              /* @__PURE__ */ p(
                 "div",
                 {
-                  className: u(
+                  className: g(
                     e.grid,
-                    R && e.gridRange,
-                    _ && e.gridWithWeeks
+                    x && e.gridRange,
+                    U && e.gridWithWeeks
                   ),
                   "data-slot": "calendar-grid",
-                  [s]: "calendar-grid",
+                  [l]: "calendar-grid",
                   children: [
-                    _ && /* @__PURE__ */ a.jsxDEV(
+                    U && /* @__PURE__ */ n(
                       "div",
                       {
                         className: e.weekLabel,
                         "data-slot": "calendar-week-label",
-                        [s]: "calendar-week-label",
-                        children: et(D)
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                        lineNumber: 562,
-                        columnNumber: 19
-                      },
-                      this
+                        [l]: "calendar-week-label",
+                        children: at(N)
+                      }
                     ),
-                    Ue.map((t) => /* @__PURE__ */ H(
+                    We.map((t) => /* @__PURE__ */ A(
                       "div",
                       {
                         className: e.weekLabel,
                         "data-slot": "calendar-weekday",
-                        [s]: "calendar-weekday",
+                        [l]: "calendar-weekday",
                         key: t
                       },
                       t
                     )),
-                    ne.map((t, r) => {
-                      const l = _ && r % 7 === 0, c = le && l && ne.slice(r, r + 7).every((O) => !ye(O, v)), f = l && !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",
-                          [s]: "calendar-week-number",
-                          "data-week": Ne(t),
-                          key: `wk-${r}`
+                          [l]: "calendar-week-number",
+                          "data-week": we(t),
+                          key: `wk-${a}`
                         },
-                        Ne(t)
-                      ) : l ? /* @__PURE__ */ H(
+                        we(t)
+                      ) : r ? /* @__PURE__ */ A(
                         "div",
                         {
                           "aria-hidden": "true",
                           className: e.cellPlaceholder,
                           "data-slot": "calendar-week-number-placeholder",
-                          [s]: "calendar-week-number-placeholder",
-                          key: `wk-${r}`
+                          [l]: "calendar-week-number-placeholder",
+                          key: `wk-${a}`
                         }
-                      ) : null, g = ye(t, v);
-                      if (le && !g)
-                        return /* @__PURE__ */ a.jsxDEV(i.Fragment, { children: [
-                          f,
-                          /* @__PURE__ */ a.jsxDEV(
+                      ) : null, y = Ce(t, M);
+                      if (oe && !y)
+                        return /* @__PURE__ */ p(s.Fragment, { children: [
+                          u,
+                          /* @__PURE__ */ n(
                             "div",
                             {
                               "aria-hidden": "true",
                               className: e.cellPlaceholder,
                               "data-slot": "calendar-day-placeholder",
-                              [s]: "calendar-day-placeholder"
-                            },
-                            void 0,
-                            !1,
-                            {
-                              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                              lineNumber: 617,
-                              columnNumber: 25
-                            },
-                            this
+                              [l]: "calendar-day-placeholder"
+                            }
                           )
-                        ] }, r, !0, {
-                          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                          lineNumber: 615,
-                          columnNumber: 23
-                        }, this);
-                      const y = ke(
+                        ] }, a);
+                      const B = Be(
                         t,
                         k,
-                        p
-                      ), N = !R && n !== null && tt(t, n), I = at(t), J = ae || re || null, se = R && j && J, Ie = se ? rt(t, j, J) : !1;
-                      let x = !1, S = !1, G = !1;
-                      if (se) {
-                        const O = lt(
-                          j,
-                          J
+                        m
+                      ), 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
                         );
-                        x = te(t, O.start), S = te(t, O.end), G = x && S;
-                      } else R && j && (x = te(t, j), G = x);
-                      const h = x || S, C = Ie && !x && !S, de = R && !ae && !!re;
-                      let K = null;
-                      return R ? K = u(
-                        G && h && e.dayBtnRangeSingleDay,
-                        x && !G && e.dayBtnRangeStart,
-                        S && !x && e.dayBtnRangeEnd,
-                        C && !de && e.dayBtnRangeMiddle,
-                        C && de && e.dayBtnRangeMiddlePreview,
-                        !h && !C && e.dayBtnSingle,
-                        !h && !C && e.dayBtnTransparent,
-                        !h && !C && e.dayBtnHover,
-                        I && !h && !C && e.dayBtnToday,
-                        y && e.dayBtnDisabled,
-                        !g && !y && !h && e.dayBtnOutOfMonth,
-                        g && !h && !y && e.dayBtnInMonth
-                      ) : K = u(
+                        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,
+                        W && !w && e.dayBtnRangeEnd,
+                        v && !ce && e.dayBtnRangeMiddle,
+                        v && ce && e.dayBtnRangeMiddlePreview,
+                        !f && !v && e.dayBtnSingle,
+                        !f && !v && e.dayBtnTransparent,
+                        !f && !v && e.dayBtnHover,
+                        P && !f && !v && e.dayBtnToday,
+                        B && e.dayBtnDisabled,
+                        !y && !B && !f && e.dayBtnOutOfMonth,
+                        y && !f && !B && e.dayBtnInMonth
+                      ) : ee = g(
                         e.dayBtnSingle,
-                        !N && !I && e.dayBtnTransparent,
-                        !N && e.dayBtnHover,
-                        I && !N && e.dayBtnToday,
-                        y && e.dayBtnDisabled,
-                        !g && !y && !N && e.dayBtnOutOfMonth,
-                        N && e.dayBtnSelected,
-                        g && !N && !y && e.dayBtnInMonth
-                      ), /* @__PURE__ */ a.jsxDEV(i.Fragment, { children: [
-                        f,
-                        /* @__PURE__ */ a.jsxDEV(
+                        !C && !P && e.dayBtnTransparent,
+                        !C && e.dayBtnHover,
+                        P && !C && e.dayBtnToday,
+                        B && e.dayBtnDisabled,
+                        !y && !B && !C && e.dayBtnOutOfMonth,
+                        C && e.dayBtnSelected,
+                        y && !C && !B && e.dayBtnInMonth
+                      ), /* @__PURE__ */ p(s.Fragment, { children: [
+                        u,
+                        /* @__PURE__ */ n(
                           "button",
                           {
-                            "aria-disabled": y,
-                            "aria-pressed": N || h,
-                            className: u(
+                            "aria-disabled": B,
+                            "aria-pressed": C || f,
+                            className: g(
                               e.dayBtn,
-                              K
+                              ee
                             ),
-                            "data-in-range": C || void 0,
-                            "data-selected": N || h,
+                            "data-in-range": v || void 0,
+                            "data-selected": C || f,
                             "data-slot": "calendar-day",
-                            [s]: "calendar-day",
-                            "data-today": I,
-                            disabled: y,
-                            onClick: () => Te(t),
-                            onMouseEnter: W ? () => W(t) : void 0,
+                            [l]: "calendar-day",
+                            "data-today": P,
+                            disabled: B,
+                            onClick: () => Ge(t),
+                            onMouseEnter: G ? () => G(t) : void 0,
                             type: "button",
                             children: t.getDate()
-                          },
-                          void 0,
-                          !1,
-                          {
-                            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                            lineNumber: 717,
-                            columnNumber: 23
-                          },
-                          this
+                          }
                         )
-                      ] }, r, !0, {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                        lineNumber: 715,
-                        columnNumber: 21
-                      }, this);
+                      ] }, a);
                     })
                   ]
-                },
-                void 0,
-                !0,
-                {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                  lineNumber: 552,
-                  columnNumber: 15
-                },
-                this
+                }
               ),
-              ve && /* @__PURE__ */ a.jsxDEV(
+              Se && /* @__PURE__ */ n(
                 "div",
                 {
                   className: e.todayContainer,
                   "data-slot": "calendar-today",
-                  [s]: "calendar-today",
-                  children: /* @__PURE__ */ a.jsxDEV(
-                    ee,
+                  [l]: "calendar-today",
+                  children: /* @__PURE__ */ n(
+                    te,
                     {
-                      onClick: Le,
+                      onClick: Ie,
                       size: "xs",
                       variant: "tertiary",
-                      children: Be
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                      lineNumber: 748,
-                      columnNumber: 19
-                    },
-                    this
+                      children: ve
+                    }
                   )
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                  lineNumber: 743,
-                  columnNumber: 17
-                },
-                this
+                }
               )
-            ] }, void 0, !0, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-              lineNumber: 551,
-              columnNumber: 13
-            }, this),
-            d === "months" && /* @__PURE__ */ a.jsxDEV(
+            ] }),
+            i === "months" && /* @__PURE__ */ n(
               "div",
               {
-                className: u(
+                className: g(
                   e.monthsYearsGrid,
                   e.monthsGridCols
                 ),
                 "data-slot": "calendar-months",
-                [s]: "calendar-months",
-                children: Se.map((t, r) => {
-                  const l = n !== null && B === n.getFullYear() && r === n.getMonth(), c = B === U && r === ie, f = k && (B < U || B === U && r < ie);
-                  return /* @__PURE__ */ H(
+                [l]: "calendar-months",
+                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: u(
+                      className: g(
                         e.monthYearBtn,
                         e.monthBtnCapitalize,
-                        !l && !c && e.dayBtnTransparent,
-                        !l && e.dayBtnHover,
-                        c && !l && e.dayBtnToday,
-                        f && e.dayBtnDisabled,
-                        l && e.dayBtnSelected,
-                        !l && !f && e.dayBtnInMonth
+                        !r && !c && e.dayBtnTransparent,
+                        !r && e.dayBtnHover,
+                        c && !r && e.dayBtnToday,
+                        u && e.dayBtnDisabled,
+                        r && e.dayBtnSelected,
+                        !r && !u && e.dayBtnInMonth
                       ),
-                      "data-selected": l,
+                      "data-selected": r,
                       "data-slot": "calendar-month",
-                      [s]: "calendar-month",
-                      disabled: f,
-                      key: r,
-                      onClick: () => We(r),
+                      [l]: "calendar-month",
+                      disabled: u,
+                      key: a,
+                      onClick: () => Oe(a),
                       type: "button"
                     },
                     t
                   );
                 })
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 761,
-                columnNumber: 13
-              },
-              this
+              }
             ),
-            d === "years" && /* @__PURE__ */ a.jsxDEV(
+            i === "years" && /* @__PURE__ */ n(
               "div",
               {
-                className: u(
+                className: g(
                   e.monthsYearsGrid,
                   e.yearsGridCols
                 ),
                 "data-slot": "calendar-years",
-                [s]: "calendar-years",
-                children: Array.from({ length: 10 }, (t, r) => {
-                  const l = q + r, c = n !== null && l === n.getFullYear(), f = l === U, g = k && l < U;
-                  return /* @__PURE__ */ H(
+                [l]: "calendar-years",
+                children: Array.from({ length: 10 }, (t, a) => {
+                  const r = J + a, c = o !== null && r === o.getFullYear(), u = r === T, y = k && r < T;
+                  return /* @__PURE__ */ A(
                     "button",
                     {
-                      className: u(
+                      className: g(
                         e.monthYearBtn,
-                        !c && !f && e.dayBtnTransparent,
+                        !c && !u && e.dayBtnTransparent,
                         !c && e.dayBtnHover,
-                        f && !c && e.dayBtnToday,
-                        g && e.dayBtnDisabled,
+                        u && !c && e.dayBtnToday,
+                        y && e.dayBtnDisabled,
                         c && e.dayBtnSelected,
-                        !c && !g && e.dayBtnInMonth
+                        !c && !y && e.dayBtnInMonth
                       ),
                       "data-selected": c,
                       "data-slot": "calendar-year",
-                      [s]: "calendar-year",
-                      disabled: g,
-                      key: l,
-                      onClick: () => Ae(l),
+                      [l]: "calendar-year",
+                      disabled: y,
+                      key: r,
+                      onClick: () => Ee(r),
                       type: "button"
                     },
-                    l
+                    r
                   );
                 })
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-                lineNumber: 809,
-                columnNumber: 13
-              },
-              this
+              }
             )
-          ] }, void 0, !0, {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-            lineNumber: 549,
-            columnNumber: 9
-          }, this)
+          ] })
         ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/calendar.tsx",
-        lineNumber: 478,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
 );
 export {
-  kt as Calendar
+  Bt as Calendar
 };
 //# sourceMappingURL=calendar.js.map