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

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

@@ -1,15 +1,15 @@
-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(
+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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -17,10 +17,22 @@ const dt = (F) => /* @__PURE__ */ n(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...F,
-    children: /* @__PURE__ */ n("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" })
-  }
-), lt = (F) => /* @__PURE__ */ n(
+    ...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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -28,10 +40,22 @@ const dt = (F) => /* @__PURE__ */ n(
     viewBox: "0 -960 960 960",
     width: "16px",
     fill: "currentColor",
-    ...F,
-    children: /* @__PURE__ */ n("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
-  }
-), it = $e({
+    ...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({
   root: {
     width: "100%"
   },
@@ -39,7 +63,7 @@ const dt = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    marginBottom: H
+    marginBottom: M
   },
   buttonSpacer: {
     width: "1.75rem",
@@ -48,56 +72,56 @@ const dt = (F) => /* @__PURE__ */ n(
   headerCenter: {
     display: "flex",
     alignItems: "center",
-    ...d.gap(ge)
+    ...o.gap(ce)
   },
   headerBtn: {
-    fontWeight: Y,
-    fontSize: X,
-    lineHeight: V,
-    color: j,
-    backgroundColor: _e,
+    fontWeight: E,
+    fontSize: z,
+    lineHeight: P,
+    color: Y,
+    backgroundColor: $e,
     ":hover": {
       backgroundColor: ue
     },
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
-    ...d.padding("0.25rem", H),
-    ...d.borderRadius(R),
-    ...d.border("0"),
+    ...o.padding("0.25rem", M),
+    ...o.borderRadius(w),
+    ...o.border("0"),
     outlineStyle: "none"
   },
   monthHeaderBtn: {
     textTransform: "capitalize"
   },
   decadeLabel: {
-    fontWeight: Y,
-    fontSize: X,
-    lineHeight: V,
-    color: j,
-    ...d.padding("0.25rem", H)
+    fontWeight: E,
+    fontSize: z,
+    lineHeight: P,
+    color: Y,
+    ...o.padding("0.25rem", M)
   },
   grid: {
     display: "grid",
     justifyItems: "center",
-    ...d.gap("0.125rem"),
+    ...o.gap("0.125rem"),
     gridTemplateColumns: "repeat(7, minmax(0, 1fr))"
   },
   gridWithWeeks: {
     gridTemplateColumns: "auto repeat(7, minmax(0, 1fr))"
   },
   gridRange: {
-    rowGap: ge,
+    rowGap: ce,
     columnGap: "0"
   },
   weekLabel: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: be,
-    lineHeight: pe,
+    fontSize: he,
+    lineHeight: ge,
     fontWeight: fe,
-    color: ye,
+    color: pe,
     height: "1.75rem",
     width: "2rem"
   },
@@ -105,10 +129,10 @@ const dt = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: be,
-    lineHeight: pe,
+    fontSize: he,
+    lineHeight: ge,
     fontWeight: fe,
-    color: ye,
+    color: pe,
     height: "2rem",
     width: "2rem"
   },
@@ -120,18 +144,18 @@ const dt = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: X,
-    lineHeight: V,
+    fontSize: z,
+    lineHeight: P,
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2rem",
     width: "2rem",
-    ...d.border("0"),
+    ...o.border("0"),
     outlineStyle: "none"
   },
   dayBtnSingle: {
-    ...d.borderRadius(R)
+    ...o.borderRadius(w)
   },
   dayBtnTransparent: {
     backgroundColor: "transparent"
@@ -149,18 +173,18 @@ const dt = (F) => /* @__PURE__ */ n(
     textDecorationColor: me
   },
   dayBtnSelected: {
-    fontWeight: Y,
-    backgroundColor: Q,
-    color: _,
+    fontWeight: E,
+    backgroundColor: Z,
+    color: X,
     ":hover": {
-      backgroundColor: Z
+      backgroundColor: $
     }
   },
   dayBtnOutOfMonth: {
-    color: Ze
+    color: ze
   },
   dayBtnInMonth: {
-    color: j
+    color: Y
   },
   dayBtnDisabled: {
     opacity: 0.5,
@@ -168,57 +192,57 @@ const dt = (F) => /* @__PURE__ */ n(
   },
   // Range styles
   dayBtnRangeSingleDay: {
-    ...d.borderRadius(R),
-    backgroundColor: Q,
-    color: _,
-    fontWeight: Y,
+    ...o.borderRadius(w),
+    backgroundColor: Z,
+    color: X,
+    fontWeight: E,
     ":hover": {
-      backgroundColor: Z
+      backgroundColor: $
     }
   },
   dayBtnRangeStart: {
-    borderTopLeftRadius: R,
-    borderBottomLeftRadius: R,
+    borderTopLeftRadius: w,
+    borderBottomLeftRadius: w,
     borderTopRightRadius: 0,
     borderBottomRightRadius: 0,
-    backgroundColor: Q,
-    color: _,
-    fontWeight: Y,
+    backgroundColor: Z,
+    color: X,
+    fontWeight: E,
     ":hover": {
-      backgroundColor: Z
+      backgroundColor: $
     }
   },
   dayBtnRangeEnd: {
-    borderTopRightRadius: R,
-    borderBottomRightRadius: R,
+    borderTopRightRadius: w,
+    borderBottomRightRadius: w,
     borderTopLeftRadius: 0,
     borderBottomLeftRadius: 0,
-    backgroundColor: Q,
-    color: _,
-    fontWeight: Y,
+    backgroundColor: Z,
+    color: X,
+    fontWeight: E,
     ":hover": {
-      backgroundColor: Z
+      backgroundColor: $
     }
   },
   dayBtnRangeMiddle: {
-    ...d.borderRadius(0),
-    backgroundColor: Xe,
-    color: j
+    ...o.borderRadius(0),
+    backgroundColor: Pe,
+    color: Y
   },
   dayBtnRangeMiddlePreview: {
-    ...d.borderRadius(0),
-    backgroundColor: Ve,
-    color: j
+    ...o.borderRadius(0),
+    backgroundColor: Oe,
+    color: Y
   },
   todayContainer: {
     display: "flex",
     justifyContent: "center",
-    paddingTop: H
+    paddingTop: M
   },
   monthsYearsGrid: {
     display: "grid",
-    ...d.gap(H),
-    ...d.padding(H, 0)
+    ...o.gap(M),
+    ...o.padding(M, 0)
   },
   monthsGridCols: {
     gridTemplateColumns: "repeat(3, 1fr)"
@@ -230,409 +254,569 @@ const dt = (F) => /* @__PURE__ */ n(
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    fontSize: X,
-    lineHeight: V,
-    ...d.borderRadius(R),
+    fontSize: z,
+    lineHeight: P,
+    ...o.borderRadius(w),
     transitionProperty: "background-color, color",
     transitionDuration: "150ms",
     cursor: "pointer",
     height: "2.25rem",
-    ...d.border("0"),
+    ...o.border("0"),
     outlineStyle: "none"
   },
   monthBtnCapitalize: {
     textTransform: "capitalize"
   }
-}), Bt = s.forwardRef(
+}), kt = i.forwardRef(
   function({
-    value: o,
-    onChange: I,
+    value: n,
+    onChange: T,
     onDateSelect: b,
     disablePast: k = !1,
-    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,
+    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,
     hoveredDate: re,
-    onDayHover: G,
-    onDayClick: q,
-    showPreviousButton: Ne = !0,
+    onDayHover: W,
+    onDayClick: Q,
+    showPreviousButton: Ce = !0,
     showNextButton: De = !0,
-    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(
+    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(
       (t) => {
-        O ? O(typeof t == "function" ? t(M) : t) : Te(t);
+        A ? A(typeof t == "function" ? t(v) : t) : Ve(t);
       },
-      [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(
+      [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(
         t,
         k,
-        m
+        p
       );
-      h(L), I(a), b == null || b();
+      m(V), T(r), b == null || b();
     }, [
-      I,
+      T,
       b,
-      o,
+      n,
       k,
-      m,
-      L,
-      h
-    ]), Ge = s.useCallback(
+      p,
+      V,
+      m
+    ]), Te = i.useCallback(
       (t) => {
-        if (Be(t, k, m)) return;
-        if (q) {
-          q(t);
+        if (ke(t, k, p)) 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 = ke(
-          a,
+        const r = new Date(t);
+        n ? r.setHours(n.getHours(), n.getMinutes(), 0, 0) : r.setHours(0, 0, 0, 0);
+        const l = be(
+          r,
           k,
-          m
+          p
         );
-        I(r), b == null || b();
+        T(l), b == null || b();
       },
       [
-        I,
+        T,
         b,
-        q,
-        o,
+        Q,
+        n,
         k,
-        m
+        p
       ]
-    ), Oe = s.useCallback(
+    ), We = i.useCallback(
       (t) => {
-        h((a) => new Date(a.getFullYear(), t, 1)), E("days");
+        m((r) => new Date(r.getFullYear(), t, 1)), F("days");
       },
-      [h]
-    ), Ee = s.useCallback(
+      [m]
+    ), Ae = i.useCallback(
       (t) => {
-        h((a) => new Date(t, a.getMonth(), 1)), E("months");
+        m((r) => new Date(t, r.getMonth(), 1)), F("months");
       },
-      [h]
-    ), Pe = s.useCallback(() => {
-      E("months");
-    }, []), le = s.useCallback(() => {
-      E("years");
+      [m]
+    ), Fe = i.useCallback(() => {
+      F("months");
+    }, []), oe = i.useCallback(() => {
+      F("years");
     }, []);
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ a.jsxDEV(
       "div",
       {
-        ref: Ye,
-        className: g(e.root, He),
+        ref: Me,
+        className: u(e.root, Re),
         "data-slot": "calendar",
-        [l]: "calendar",
-        onMouseLeave: G ? () => G(null) : void 0,
+        [s]: "calendar",
+        onMouseLeave: W ? () => W(null) : void 0,
         children: [
-          /* @__PURE__ */ p("div", { className: e.header, children: [
-            Ne ? /* @__PURE__ */ n(
-              te,
+          /* @__PURE__ */ a.jsxDEV("div", { className: e.header, children: [
+            Ce ? /* @__PURE__ */ a.jsxDEV(
+              ee,
               {
-                "aria-label": Re,
-                onClick: je,
+                "aria-label": xe,
+                onClick: He,
                 size: "icon",
                 variant: "tertiary",
-                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(
+                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(
                   "button",
                   {
-                    className: g(
+                    className: u(
                       e.headerBtn,
                       e.monthHeaderBtn
                     ),
-                    onClick: Pe,
+                    onClick: Fe,
                     type: "button",
-                    children: et(M, N)
-                  }
+                    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
                 ),
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ a.jsxDEV(
                   "button",
                   {
                     className: e.headerBtn,
-                    onClick: le,
+                    onClick: oe,
                     type: "button",
-                    children: S
-                  }
+                    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
                 )
-              ] }),
-              i === "months" && /* @__PURE__ */ n(
+              ] }, 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(
                 "button",
                 {
                   className: e.headerBtn,
-                  onClick: le,
+                  onClick: oe,
                   type: "button",
-                  children: S
-                }
+                  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
               ),
-              i === "years" && /* @__PURE__ */ n("span", { className: e.decadeLabel, children: `${J} – ${J + 9}` })
-            ] }),
-            De ? /* @__PURE__ */ n(
-              te,
+              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,
               {
-                "aria-label": Me,
-                onClick: Fe,
+                "aria-label": we,
+                onClick: Ye,
                 size: "icon",
                 variant: "tertiary",
-                children: /* @__PURE__ */ n(lt, {})
-              }
-            ) : /* @__PURE__ */ n("div", { className: e.buttonSpacer })
-          ] }),
-          /* @__PURE__ */ p("div", { children: [
-            i === "days" && /* @__PURE__ */ p(he, { children: [
-              /* @__PURE__ */ p(
+                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(
                 "div",
                 {
-                  className: g(
+                  className: u(
                     e.grid,
-                    x && e.gridRange,
-                    U && e.gridWithWeeks
+                    R && e.gridRange,
+                    _ && e.gridWithWeeks
                   ),
                   "data-slot": "calendar-grid",
-                  [l]: "calendar-grid",
+                  [s]: "calendar-grid",
                   children: [
-                    U && /* @__PURE__ */ n(
+                    _ && /* @__PURE__ */ a.jsxDEV(
                       "div",
                       {
                         className: e.weekLabel,
                         "data-slot": "calendar-week-label",
-                        [l]: "calendar-week-label",
-                        children: at(N)
-                      }
+                        [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
                     ),
-                    We.map((t) => /* @__PURE__ */ A(
+                    Ue.map((t) => /* @__PURE__ */ H(
                       "div",
                       {
                         className: e.weekLabel,
                         "data-slot": "calendar-weekday",
-                        [l]: "calendar-weekday",
+                        [s]: "calendar-weekday",
                         key: t
                       },
                       t
                     )),
-                    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(
+                    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(
                         "div",
                         {
                           className: e.weekNumber,
                           "data-slot": "calendar-week-number",
-                          [l]: "calendar-week-number",
-                          "data-week": we(t),
-                          key: `wk-${a}`
+                          [s]: "calendar-week-number",
+                          "data-week": Ne(t),
+                          key: `wk-${r}`
                         },
-                        we(t)
-                      ) : r ? /* @__PURE__ */ A(
+                        Ne(t)
+                      ) : l ? /* @__PURE__ */ H(
                         "div",
                         {
                           "aria-hidden": "true",
                           className: e.cellPlaceholder,
                           "data-slot": "calendar-week-number-placeholder",
-                          [l]: "calendar-week-number-placeholder",
-                          key: `wk-${a}`
+                          [s]: "calendar-week-number-placeholder",
+                          key: `wk-${r}`
                         }
-                      ) : null, y = Ce(t, M);
-                      if (oe && !y)
-                        return /* @__PURE__ */ p(s.Fragment, { children: [
-                          u,
-                          /* @__PURE__ */ n(
+                      ) : null, g = ye(t, v);
+                      if (le && !g)
+                        return /* @__PURE__ */ a.jsxDEV(i.Fragment, { children: [
+                          f,
+                          /* @__PURE__ */ a.jsxDEV(
                             "div",
                             {
                               "aria-hidden": "true",
                               className: e.cellPlaceholder,
                               "data-slot": "calendar-day-placeholder",
-                              [l]: "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
                           )
-                        ] }, a);
-                      const B = Be(
+                        ] }, 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(
                         t,
                         k,
-                        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
+                        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
                         );
-                        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(
+                        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(
                         e.dayBtnSingle,
-                        !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(
+                        !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(
                           "button",
                           {
-                            "aria-disabled": B,
-                            "aria-pressed": C || f,
-                            className: g(
+                            "aria-disabled": y,
+                            "aria-pressed": N || h,
+                            className: u(
                               e.dayBtn,
-                              ee
+                              K
                             ),
-                            "data-in-range": v || void 0,
-                            "data-selected": C || f,
+                            "data-in-range": C || void 0,
+                            "data-selected": N || h,
                             "data-slot": "calendar-day",
-                            [l]: "calendar-day",
-                            "data-today": P,
-                            disabled: B,
-                            onClick: () => Ge(t),
-                            onMouseEnter: G ? () => G(t) : void 0,
+                            [s]: "calendar-day",
+                            "data-today": I,
+                            disabled: y,
+                            onClick: () => Te(t),
+                            onMouseEnter: W ? () => W(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
                         )
-                      ] }, a);
+                      ] }, 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);
                     })
                   ]
-                }
+                },
+                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
               ),
-              Se && /* @__PURE__ */ n(
+              ve && /* @__PURE__ */ a.jsxDEV(
                 "div",
                 {
                   className: e.todayContainer,
                   "data-slot": "calendar-today",
-                  [l]: "calendar-today",
-                  children: /* @__PURE__ */ n(
-                    te,
+                  [s]: "calendar-today",
+                  children: /* @__PURE__ */ a.jsxDEV(
+                    ee,
                     {
-                      onClick: Ie,
+                      onClick: Le,
                       size: "xs",
                       variant: "tertiary",
-                      children: ve
-                    }
+                      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
                   )
-                }
+                },
+                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
               )
-            ] }),
-            i === "months" && /* @__PURE__ */ n(
+            ] }, 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(
               "div",
               {
-                className: g(
+                className: u(
                   e.monthsYearsGrid,
                   e.monthsGridCols
                 ),
                 "data-slot": "calendar-months",
-                [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(
+                [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(
                     "button",
                     {
-                      className: g(
+                      className: u(
                         e.monthYearBtn,
                         e.monthBtnCapitalize,
-                        !r && !c && e.dayBtnTransparent,
-                        !r && e.dayBtnHover,
-                        c && !r && e.dayBtnToday,
-                        u && e.dayBtnDisabled,
-                        r && e.dayBtnSelected,
-                        !r && !u && e.dayBtnInMonth
+                        !l && !c && e.dayBtnTransparent,
+                        !l && e.dayBtnHover,
+                        c && !l && e.dayBtnToday,
+                        f && e.dayBtnDisabled,
+                        l && e.dayBtnSelected,
+                        !l && !f && e.dayBtnInMonth
                       ),
-                      "data-selected": r,
+                      "data-selected": l,
                       "data-slot": "calendar-month",
-                      [l]: "calendar-month",
-                      disabled: u,
-                      key: a,
-                      onClick: () => Oe(a),
+                      [s]: "calendar-month",
+                      disabled: f,
+                      key: r,
+                      onClick: () => We(r),
                       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
             ),
-            i === "years" && /* @__PURE__ */ n(
+            d === "years" && /* @__PURE__ */ a.jsxDEV(
               "div",
               {
-                className: g(
+                className: u(
                   e.monthsYearsGrid,
                   e.yearsGridCols
                 ),
                 "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 === T, y = k && r < T;
-                  return /* @__PURE__ */ A(
+                [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(
                     "button",
                     {
-                      className: g(
+                      className: u(
                         e.monthYearBtn,
-                        !c && !u && e.dayBtnTransparent,
+                        !c && !f && e.dayBtnTransparent,
                         !c && e.dayBtnHover,
-                        u && !c && e.dayBtnToday,
-                        y && e.dayBtnDisabled,
+                        f && !c && e.dayBtnToday,
+                        g && e.dayBtnDisabled,
                         c && e.dayBtnSelected,
-                        !c && !y && e.dayBtnInMonth
+                        !c && !g && e.dayBtnInMonth
                       ),
                       "data-selected": c,
                       "data-slot": "calendar-year",
-                      [l]: "calendar-year",
-                      disabled: y,
-                      key: r,
-                      onClick: () => Ee(r),
+                      [s]: "calendar-year",
+                      disabled: g,
+                      key: l,
+                      onClick: () => Ae(l),
                       type: "button"
                     },
-                    r
+                    l
                   );
                 })
-              }
+              },
+              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 {
-  Bt as Calendar
+  kt as Calendar
 };
 //# sourceMappingURL=calendar.js.map