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

package/dist/components/date-range-picker/date-range-picker.js

@@ -1,18 +1,18 @@
-import { j as n } from "../../vendor/react/jsx-dev-runtime.js";
-import * as i from "react";
-import { createElement as te } from "react";
-import { shorthands as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { jsxs as S, jsx as s } from "react/jsx-runtime";
+import * as r from "react";
+import { createElement as ae } from "react";
+import { shorthands as l } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as F } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Field as ae, FieldLabel as ne, FieldInputGroup as ie, FieldGroupAddon as se, FieldError as le } from "../field/field.js";
-import { Button as oe } from "../button/button.js";
-import { Pill as pe } from "../pill/pill.js";
-import { Popover as de, PopoverTrigger as ce, PopoverContent as me } from "../popover/popover.js";
+import { mergeClasses as z } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Field as re, FieldLabel as se, FieldInputGroup as de, FieldGroupAddon as ie, FieldError as oe } from "../field/field.js";
+import { Button as pe } from "../button/button.js";
+import { Pill as le } from "../pill/pill.js";
+import { Popover as ce, PopoverTrigger as ge, PopoverContent as he } from "../popover/popover.js";
 import { makeVoltStyles as ue } from "../../styles/make-styles.js";
-import { spacingElement1 as ge, spacingGroup1 as fe, spacingElement2 as he, gray6 as ke, gray9 as xe, leadingSm as L, textSm as O, grayA8 as Ne, grayA12 as be } from "../../tokens/index.js";
-import { RangeCalendar as ve } from "./range-calendar.js";
-import { formatDateTimeDisplay as s, parseDateTimeInput as E } from "../date-time-picker/date-time-picker-utils.js";
-const we = (v) => /* @__PURE__ */ n.jsxDEV(
+import { spacingElement1 as me, spacingGroup1 as fe, spacingElement2 as Te, gray6 as ye, gray9 as Ce, leadingSm as G, textSm as H, grayA8 as qe, grayA12 as Se } from "../../tokens/index.js";
+import { RangeCalendar as ke } from "./range-calendar.js";
+import { formatDateTimeDisplay as d, parseDateTimeInput as b } from "../date-time-picker/date-time-picker-utils.js";
+const xe = (k) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -20,22 +20,10 @@ const we = (v) => /* @__PURE__ */ n.jsxDEV(
     viewBox: "0 -960 960 960",
     width: "18px",
     fill: "currentColor",
-    ...v,
-    children: /* @__PURE__ */ n.jsxDEV("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-      lineNumber: 35,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-    lineNumber: 27,
-    columnNumber: 3
-  },
-  void 0
-), Te = "dd/MM/yyyy", G = ue({
+    ...k,
+    children: /* @__PURE__ */ s("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" })
+  }
+), we = "dd/MM/yyyy", B = ue({
   root: {
     width: "100%"
   },
@@ -65,7 +53,7 @@ const we = (v) => /* @__PURE__ */ n.jsxDEV(
   triggerRoot: {
     display: "flex",
     alignItems: "center",
-    ...d.gap(he),
+    ...l.gap(Te),
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: "0%",
@@ -75,449 +63,333 @@ const we = (v) => /* @__PURE__ */ n.jsxDEV(
   input: {
     width: "5.5rem",
     outlineStyle: "none",
-    fontSize: O,
-    lineHeight: L,
-    color: be,
+    fontSize: H,
+    lineHeight: G,
+    color: Se,
     backgroundColor: "transparent",
     textAlign: "center",
-    ...d.border("0"),
-    ...d.padding("0"),
+    ...l.border("0"),
+    ...l.padding("0"),
     "::placeholder": {
-      color: Ne
+      color: qe
     },
     ":disabled": {
       cursor: "not-allowed"
     }
   },
   separator: {
-    fontSize: O,
-    lineHeight: L,
-    color: xe,
+    fontSize: H,
+    lineHeight: G,
+    color: Ce,
     flexShrink: 0,
     userSelect: "none",
-    ...d.padding("0", "0.125rem")
+    ...l.padding("0", "0.125rem")
     // v1 px-0.5
   },
   popoverContent: {
-    ...d.overflow("hidden")
+    ...l.overflow("hidden")
   },
   content: {
     display: "flex",
     flexDirection: "row",
-    ...d.gap(fe),
-    ...d.padding("0.75rem")
+    ...l.gap(fe),
+    ...l.padding("0.75rem")
     // v1 p-3 (0.75rem)
   },
   presets: {
     display: "flex",
     flexDirection: "column",
-    ...d.gap(ge),
+    ...l.gap(me),
     width: "8rem",
     // v1 w-32
     borderLeftWidth: "1px",
     borderLeftStyle: "solid",
-    borderLeftColor: ke,
+    borderLeftColor: ye,
     paddingLeft: "0.75rem"
     // v1 pl-3 (0.75rem)
   },
   presetPill: {
     alignSelf: "flex-start"
   }
-}), Ee = i.forwardRef((v, r) => {
+}), be = r.forwardRef((k, t) => {
   const {
     startValue: o,
-    endValue: l,
-    startPlaceholder: w,
-    endPlaceholder: V,
-    disabled: k,
-    onStartChange: x,
-    onEndChange: y,
-    onStartBlur: C,
-    onEndBlur: t,
+    endValue: i,
+    startPlaceholder: x,
+    endPlaceholder: R,
+    disabled: T,
+    onStartChange: y,
+    onEndChange: I,
+    onStartBlur: v,
+    onEndBlur: n,
     testId: e,
-    inputAriaLabel: D,
-    className: q,
-    "data-slot": M,
-    ...S
-  } = v, u = G();
-  return /* @__PURE__ */ n.jsxDEV(
+    inputAriaLabel: E,
+    className: N,
+    "data-slot": O,
+    ...V
+  } = k, h = B();
+  return /* @__PURE__ */ S(
     "div",
     {
-      ref: r,
-      ...S,
-      className: F(u.triggerRoot, q),
+      ref: t,
+      ...V,
+      className: z(h.triggerRoot, N),
       "data-slot": "date-range-input",
       [c]: "date-range-input",
       children: [
-        /* @__PURE__ */ n.jsxDEV(
+        /* @__PURE__ */ s(
           "input",
           {
-            "aria-label": D || "Start date",
-            className: u.input,
+            "aria-label": E || "Start date",
+            className: h.input,
             "data-slot": "date-range-start-input",
             [c]: "date-range-start-input",
             "data-testid": e ? `${e}-start` : void 0,
-            disabled: k,
-            onBlur: C,
-            onChange: x,
-            placeholder: w,
+            disabled: T,
+            onBlur: v,
+            onChange: y,
+            placeholder: x,
             value: o
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-            lineNumber: 199,
-            columnNumber: 7
-          },
-          void 0
+          }
         ),
-        /* @__PURE__ */ n.jsxDEV(
+        /* @__PURE__ */ s(
           "span",
           {
-            className: u.separator,
+            className: h.separator,
             "data-slot": "date-range-separator",
             [c]: "date-range-separator",
             children: "–"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-            lineNumber: 211,
-            columnNumber: 7
-          },
-          void 0
+          }
         ),
-        /* @__PURE__ */ n.jsxDEV(
+        /* @__PURE__ */ s(
           "input",
           {
             "aria-label": "End date",
-            className: u.input,
+            className: h.input,
             "data-slot": "date-range-end-input",
             [c]: "date-range-end-input",
             "data-testid": e ? `${e}-end` : void 0,
-            disabled: k,
-            onBlur: t,
-            onChange: y,
-            placeholder: V,
-            value: l
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-            lineNumber: 218,
-            columnNumber: 7
-          },
-          void 0
+            disabled: T,
+            onBlur: n,
+            onChange: I,
+            placeholder: R,
+            value: i
+          }
         )
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-      lineNumber: 192,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
-}), Ae = i.forwardRef(function({
-  value: r,
+}), Fe = r.forwardRef(function({
+  value: t,
   onChange: o,
-  onBlur: l,
-  disabled: w = !1,
-  disablePast: V = !1,
-  label: k,
-  error: x,
-  startPlaceholder: y = "dd/MM/yyyy",
-  endPlaceholder: C = "dd/MM/yyyy",
-  format: t = Te,
+  onBlur: i,
+  disabled: x = !1,
+  disablePast: R = !1,
+  label: T,
+  error: y,
+  startPlaceholder: I = "dd/MM/yyyy",
+  endPlaceholder: v = "dd/MM/yyyy",
+  format: n = we,
   locale: e = "de",
-  className: D,
-  keyboardIcon: q,
-  inputAriaLabel: M,
-  openPickerAriaLabel: S = "Open date picker",
-  previousMonthLabel: u = "Previous month",
-  nextMonthLabel: H = "Next month",
-  testId: z,
-  currentTimeInTimezone: B,
-  showWeekNumbers: _ = !1,
-  presets: j
-}, $) {
-  const p = G(), [R, U] = i.useState(!1), [I, g] = i.useState(
-    () => r.start ? s(r.start, t, e) : ""
-  ), [P, f] = i.useState(
-    () => r.end ? s(r.end, t, e) : ""
-  ), [T, N] = i.useState(r), h = i.useRef(r);
-  i.useEffect(() => {
-    g(
-      r.start ? s(r.start, t, e) : ""
-    ), f(
-      r.end ? s(r.end, t, e) : ""
-    ), N(r);
-  }, [r, t, e]), i.useEffect(() => {
-    R && (h.current = r, N(r));
-  }, [R, r]);
-  const Q = i.useCallback(
+  className: E,
+  keyboardIcon: N,
+  inputAriaLabel: O,
+  openPickerAriaLabel: V = "Open date picker",
+  previousMonthLabel: h = "Previous month",
+  nextMonthLabel: _ = "Next month",
+  testId: j,
+  currentTimeInTimezone: $,
+  showWeekNumbers: Q = !1,
+  presets: P
+}, U) {
+  const p = B(), [Z, M] = r.useState(!1), [A, u] = r.useState(
+    () => t.start ? d(t.start, n, e) : ""
+  ), [D, m] = r.useState(
+    () => t.end ? d(t.end, n, e) : ""
+  ), [w, C] = r.useState(t), f = r.useRef(t);
+  r.useEffect(() => {
+    u(
+      t.start ? d(t.start, n, e) : ""
+    ), m(
+      t.end ? d(t.end, n, e) : ""
+    ), C(t);
+  }, [t, n, e]), r.useEffect(() => {
+    Z && (f.current = t, C(t));
+  }, [Z, t]);
+  const W = r.useCallback(
     (a) => {
-      const m = a.target.value;
-      g(m);
-      const b = E(m, t, e);
-      if (b) {
-        const Z = { ...r, start: b };
-        o(Z);
+      const g = a.target.value;
+      u(g);
+      const q = b(g, n, e);
+      if (q) {
+        const L = { ...t, start: q };
+        o(L);
       }
     },
-    [o, r, t, e]
-  ), W = i.useCallback(
+    [o, t, n, e]
+  ), J = r.useCallback(
     (a) => {
-      const m = a.target.value;
-      f(m);
-      const b = E(m, t, e);
-      if (b) {
-        const Z = { ...r, end: b };
-        o(Z);
+      const g = a.target.value;
+      m(g);
+      const q = b(g, n, e);
+      if (q) {
+        const L = { ...t, end: q };
+        o(L);
       }
     },
-    [o, r, t, e]
-  ), J = i.useCallback(() => {
-    E(I, t, e) || g(
-      r.start ? s(r.start, t, e) : ""
-    ), l == null || l();
-  }, [I, r.start, t, e, l]), K = i.useCallback(() => {
-    E(P, t, e) || f(
-      r.end ? s(r.end, t, e) : ""
-    ), l == null || l();
-  }, [P, r.end, t, e, l]), X = i.useCallback(
+    [o, t, n, e]
+  ), K = r.useCallback(() => {
+    b(A, n, e) || u(
+      t.start ? d(t.start, n, e) : ""
+    ), i == null || i();
+  }, [A, t.start, n, e, i]), X = r.useCallback(() => {
+    b(D, n, e) || m(
+      t.end ? d(t.end, n, e) : ""
+    ), i == null || i();
+  }, [D, t.end, n, e, i]), Y = r.useCallback(
     (a) => {
-      N(a), g(
-        a.start ? s(a.start, t, e) : ""
-      ), f(
-        a.end ? s(a.end, t, e) : ""
+      C(a), u(
+        a.start ? d(a.start, n, e) : ""
+      ), m(
+        a.end ? d(a.end, n, e) : ""
       );
     },
-    [t, e]
-  ), A = i.useCallback(
+    [n, e]
+  ), F = r.useCallback(
     (a) => {
-      o(a), N(a), g(
-        a.start ? s(a.start, t, e) : ""
-      ), f(
-        a.end ? s(a.end, t, e) : ""
+      o(a), C(a), u(
+        a.start ? d(a.start, n, e) : ""
+      ), m(
+        a.end ? d(a.end, n, e) : ""
       ), setTimeout(() => {
-        U(!1);
+        M(!1);
       }, 150);
     },
-    [o, t, e]
-  ), Y = i.useCallback(
+    [o, n, e]
+  ), ee = r.useCallback(
     (a) => {
-      a || (!T.start || !T.end) && (N(h.current), g(
-        h.current.start ? s(
-          h.current.start,
-          t,
+      a || (!w.start || !w.end) && (C(f.current), u(
+        f.current.start ? d(
+          f.current.start,
+          n,
           e
         ) : ""
-      ), f(
-        h.current.end ? s(
-          h.current.end,
-          t,
+      ), m(
+        f.current.end ? d(
+          f.current.end,
+          n,
           e
         ) : ""
-      )), U(a);
+      )), M(a);
     },
-    [T, t, e]
-  ), ee = q || /* @__PURE__ */ n.jsxDEV(we, {}, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-    lineNumber: 409,
-    columnNumber: 41
-  }, this), re = x ? "destructive" : "highlight";
-  return /* @__PURE__ */ n.jsxDEV(
-    ae,
+    [w, n, e]
+  ), te = N || /* @__PURE__ */ s(xe, {}), ne = y ? "destructive" : "highlight";
+  return /* @__PURE__ */ S(
+    re,
     {
-      className: F(p.root, D),
+      className: z(p.root, E),
       "data-slot": "daterangepicker",
       [c]: "daterangepicker",
-      ref: $,
-      variant: re,
+      ref: U,
+      variant: ne,
       children: [
-        k && /* @__PURE__ */ n.jsxDEV(ne, { children: k }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-          lineNumber: 420,
-          columnNumber: 17
-        }, this),
-        /* @__PURE__ */ n.jsxDEV(de, { modal: !0, onOpenChange: Y, open: R, children: [
-          /* @__PURE__ */ n.jsxDEV(ie, { className: p.inputGroup, children: [
-            /* @__PURE__ */ n.jsxDEV(ce, { asChild: !0, className: p.popoverTrigger, children: /* @__PURE__ */ n.jsxDEV(
-              Ee,
-              {
-                disabled: w,
-                endPlaceholder: C,
-                endValue: P,
-                inputAriaLabel: M,
-                onEndBlur: K,
-                onEndChange: W,
-                onStartBlur: J,
-                onStartChange: Q,
-                startPlaceholder: y,
-                startValue: I,
-                testId: z
-              },
-              void 0,
-              !1,
+        T && /* @__PURE__ */ s(se, { children: T }),
+        /* @__PURE__ */ S(ce, { modal: !0, onOpenChange: ee, open: Z, children: [
+          /* @__PURE__ */ S(de, { className: p.inputGroup, children: [
+            /* @__PURE__ */ s(ge, { asChild: !0, className: p.popoverTrigger, children: /* @__PURE__ */ s(
+              be,
               {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-                lineNumber: 424,
-                columnNumber: 13
-              },
-              this
-            ) }, void 0, !1, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-              lineNumber: 423,
-              columnNumber: 11
-            }, this),
-            /* @__PURE__ */ n.jsxDEV(se, { align: "end", children: /* @__PURE__ */ n.jsxDEV(
-              oe,
+                disabled: x,
+                endPlaceholder: v,
+                endValue: D,
+                inputAriaLabel: O,
+                onEndBlur: X,
+                onEndChange: J,
+                onStartBlur: K,
+                onStartChange: W,
+                startPlaceholder: I,
+                startValue: A,
+                testId: j
+              }
+            ) }),
+            /* @__PURE__ */ s(ie, { align: "end", children: /* @__PURE__ */ s(
+              pe,
               {
-                "aria-label": S,
-                disabled: w,
-                onClick: () => U(!0),
+                "aria-label": V,
+                disabled: x,
+                onClick: () => M(!0),
                 className: p.addonButton,
                 size: "icon-sm",
                 variant: "tertiary",
-                children: ee
-              },
-              void 0,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-                lineNumber: 439,
-                columnNumber: 13
-              },
-              this
-            ) }, void 0, !1, {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-              lineNumber: 438,
-              columnNumber: 11
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-            lineNumber: 422,
-            columnNumber: 9
-          }, this),
-          /* @__PURE__ */ n.jsxDEV(
-            me,
+                children: te
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ s(
+            he,
             {
               align: "start",
               className: p.popoverContent,
               flush: !0,
               side: "bottom",
               sideOffset: 4,
-              children: /* @__PURE__ */ n.jsxDEV(
+              children: /* @__PURE__ */ S(
                 "div",
                 {
                   className: p.content,
                   "data-slot": "daterangepicker-content",
                   [c]: "daterangepicker-content",
                   children: [
-                    /* @__PURE__ */ n.jsxDEV(
-                      ve,
+                    /* @__PURE__ */ s(
+                      ke,
                       {
-                        currentTimeInTimezone: B,
-                        disablePast: V,
+                        currentTimeInTimezone: $,
+                        disablePast: R,
                         locale: e,
-                        nextMonthLabel: H,
-                        onChange: X,
-                        onRangeComplete: A,
-                        previousMonthLabel: u,
-                        showWeekNumbers: _,
-                        value: T
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-                        lineNumber: 463,
-                        columnNumber: 13
-                      },
-                      this
+                        nextMonthLabel: _,
+                        onChange: Y,
+                        onRangeComplete: F,
+                        previousMonthLabel: h,
+                        showWeekNumbers: Q,
+                        value: w
+                      }
                     ),
-                    j && j.length > 0 && /* @__PURE__ */ n.jsxDEV(
+                    P && P.length > 0 && /* @__PURE__ */ s(
                       "aside",
                       {
                         className: p.presets,
                         "data-slot": "daterangepicker-presets",
                         [c]: "daterangepicker-presets",
-                        children: j.map((a) => /* @__PURE__ */ te(
-                          pe,
+                        children: P.map((a) => /* @__PURE__ */ ae(
+                          le,
                           {
                             className: p.presetPill,
                             "data-slot": "daterangepicker-preset",
                             [c]: "daterangepicker-preset",
                             key: a.label,
                             onClick: () => {
-                              const m = a.getValue();
-                              A(m);
+                              const g = a.getValue();
+                              F(g);
                             },
                             variant: "surface"
                           },
                           a.label
                         ))
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-                        lineNumber: 475,
-                        columnNumber: 15
-                      },
-                      this
+                      }
                     )
                   ]
-                },
-                void 0,
-                !0,
-                {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-                  lineNumber: 458,
-                  columnNumber: 11
-                },
-                this
+                }
               )
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-              lineNumber: 451,
-              columnNumber: 9
-            },
-            this
+            }
           )
-        ] }, void 0, !0, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-          lineNumber: 421,
-          columnNumber: 7
-        }, this),
-        x && /* @__PURE__ */ n.jsxDEV(le, { children: x }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-          lineNumber: 501,
-          columnNumber: 17
-        }, this)
+        ] }),
+        y && /* @__PURE__ */ s(oe, { children: y })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-range-picker/date-range-picker.tsx",
-      lineNumber: 413,
-      columnNumber: 5
-    },
-    this
+    }
   );
 });
 export {
-  Ae as DateRangePicker,
-  ve as RangeCalendar
+  Fe as DateRangePicker,
+  ke as RangeCalendar
 };
 //# sourceMappingURL=date-range-picker.js.map