@alfadocs/ui-kit 1.56.0 → 1.57.0

package/dist/_chunks/{date-range-picker-CtUOI38x.js → date-range-picker-CFk-5O3R.js}

@@ -1,27 +1,28 @@
-import { jsx as r, jsxs as u, Fragment as Lt } from "react/jsx-runtime";
-import { forwardRef as $t, useState as b, useRef as ge, useId as E, useCallback as _e, useEffect as Be, useMemo as Wt, useImperativeHandle as jt, Fragment as qt } from "react";
-import { useTranslation as _t } from "react-i18next";
+import { jsx as r, jsxs as u, Fragment as $t } from "react/jsx-runtime";
+import { forwardRef as Wt, useState as b, useRef as ge, useId as M, useCallback as Be, useEffect as ze, useMemo as jt, useImperativeHandle as qt, Fragment as _t } from "react";
+import { useTranslation as Bt } from "react-i18next";
 import * as H from "@radix-ui/react-popover";
+import { u as zt, f as Yt } from "./non-modal-tab-exit-j3CPOuE3.js";
 import * as Q from "@radix-ui/react-radio-group";
-import { S as Bt } from "./spinner-CoflYlEx.js";
-import { j as zt, k as Yt, u as Ut, b as Ht, g as Qt, c as Jt, l as ze, m as Xt, s as Zt, a as ea, e as ta, t as aa, n as Ye, o as Ue, r as He, p as ra, q as sa, D as na, C as oa, v as ia, f as da, w as J, h as la, d as ve, i as ca } from "./date-picker-variants-BnF-sHzq.js";
-import { u as Qe } from "./use-select-on-arrow-Cr4iBuW5.js";
+import { S as Ut } from "./spinner-CoflYlEx.js";
+import { j as Ht, k as Qt, u as Jt, b as Xt, g as Zt, c as ea, l as Ye, m as ta, s as aa, a as ra, e as sa, t as na, n as Ue, o as He, r as Qe, p as oa, q as ia, D as da, C as la, v as ca, f as ua, w as J, h as pa, d as ve, i as fa } from "./date-picker-variants-BnF-sHzq.js";
+import { u as Je } from "./use-select-on-arrow-Cr4iBuW5.js";
 import { u as ye } from "./use-controllable-state-BiY4xTzM.js";
-import { u as ua, a as pa } from "./form-field-context-DtiROUJV.js";
-import { S as ma } from "./switch-D--x7n6h.js";
-import { u as fa } from "./registry-DvAUVLHh.js";
-import { f as k, s as Je, j as he, b as Xe, i as ga } from "./format-D-1gTdHF.js";
-import { s as M } from "./subDays-DlMw8Xng.js";
-import { C as va } from "./calendar-days-BGWklvE-.js";
-import { C as ya } from "./check-DrFSN__t.js";
-import { p as ha } from "./parse-jZ-i8Xgj.js";
-function ba(s, l, g) {
-  return zt(s, -1, g);
+import { u as ma, a as ga } from "./form-field-context-DtiROUJV.js";
+import { S as va } from "./switch-D--x7n6h.js";
+import { u as ya } from "./registry-DvAUVLHh.js";
+import { f as k, s as Xe, j as he, b as Ze, i as ha } from "./format-D-1gTdHF.js";
+import { s as V } from "./subDays-DlMw8Xng.js";
+import { C as ba } from "./calendar-days-BGWklvE-.js";
+import { C as ka } from "./check-DrFSN__t.js";
+import { p as Ra } from "./parse-jZ-i8Xgj.js";
+function xa(s, l, g) {
+  return Ht(s, -1, g);
 }
-function Ze(s, l, g) {
-  return Yt(s, -1, g);
+function et(s, l, g) {
+  return Qt(s, -1, g);
 }
-const ka = {
+const Pa = {
   id: "date-range-picker",
   capabilities: [
     "range_pick",
@@ -213,15 +214,15 @@ const ka = {
       description: "Sourced from the id prop."
     }
   }
-}, et = [
+}, tt = [
   { value: "day", fallback: "Day" },
   { value: "week", fallback: "Week" },
   { value: "month", fallback: "Month" },
   { value: "quarter", fallback: "Quarter" }
-], Ra = [
+], Da = [
   { value: "previous", fallback: "Previous period" },
   { value: "lastYear", fallback: "Same period last year" }
-], xa = $t(
+], wa = Wt(
   ({
     value: s,
     defaultValue: l,
@@ -229,64 +230,64 @@ const ka = {
     commitMode: p = "auto",
     onApply: S,
     onCancel: I,
-    showClear: tt = !0,
-    numberOfMonths: at,
+    showClear: at = !0,
+    numberOfMonths: rt,
     compact: X = !1,
     granularity: be,
     defaultGranularity: ke,
-    onGranularityChange: rt,
+    onGranularityChange: st,
     allowedGranularities: Z,
     compare: j = !1,
-    compareEnabled: st,
-    defaultCompare: nt = !1,
-    defaultCompareMode: ot = "previous",
-    onCompareChange: m,
-    weekStartsOn: F,
+    compareEnabled: nt,
+    defaultCompare: ot = !1,
+    defaultCompareMode: it = "previous",
+    onCompareChange: f,
+    weekStartsOn: A,
     minDate: ee,
     maxDate: te,
     presets: ae,
-    mergePresets: it = !1,
+    mergePresets: dt = !1,
     size: Re = "md",
-    chrome: dt = "input",
-    disabled: lt,
-    placeholder: ct,
-    className: ut,
-    id: pt
+    chrome: lt = "input",
+    disabled: ct,
+    placeholder: ut,
+    className: pt,
+    id: ft
   }, mt) => {
-    const { t: n, i18n: re } = _t("ui"), A = ua(), se = pa(A, pt), xe = A.disabled || lt, ft = A.invalid ? "error" : "default", c = Ut(re.language), gt = Ht(), f = Qt(re.language), vt = ct ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [yt, Pe] = ye({
+    const { t: n, i18n: re } = Bt("ui"), F = ma(), se = ga(F, ft), xe = F.disabled || ct, gt = F.invalid ? "error" : "default", c = Jt(re.language), vt = Xt(), m = Zt(re.language), yt = ut ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [ht, Pe] = ye({
       value: s,
       defaultValue: l ?? {},
       onChange: g
-    }), i = yt ?? {}, [O, R] = b(!1), [a, T] = b(i), [ht, ne] = b(i.from ?? /* @__PURE__ */ new Date()), [De, we] = b(""), [Ne, Se] = b(""), [G, L] = b(!1), [C, $] = b(!1), q = be !== void 0 || ke !== void 0, _ = Z && Z.length > 0 ? Z : void 0, Ie = _ ? et.filter(
+    }), i = ht ?? {}, [O, R] = b(!1), [a, T] = b(i), [bt, ne] = b(i.from ?? /* @__PURE__ */ new Date()), [De, we] = b(""), [Ne, Se] = b(""), [G, L] = b(!1), [K, $] = b(!1), q = be !== void 0 || ke !== void 0, _ = Z && Z.length > 0 ? Z : void 0, Ie = _ ? tt.filter(
       (e) => _.includes(e.value)
-    ) : et, W = (e) => {
+    ) : tt, W = (e) => {
       var t;
       return !_ || _.includes(e) ? e : ((t = Ie[0]) == null ? void 0 : t.value) ?? e;
-    }, [bt, oe] = ye({
+    }, [kt, oe] = ye({
       value: be,
       defaultValue: W(ke ?? "day"),
-      onChange: rt
-    }), B = W(bt ?? "day"), [K, z] = ye({
-      value: st,
-      defaultValue: nt
+      onChange: st
+    }), B = W(kt ?? "day"), [C, z] = ye({
+      value: nt,
+      defaultValue: ot
       // onCompareChange needs the resolved range as its 2nd arg, so it is
       // called manually at the commit points rather than wired here.
-    }), [D, V] = b(
-      K ?? !1
-    ), [Oe, kt] = b(ot), Rt = ge(null), w = ge(!1), xt = at ?? (X ? 1 : 2), Te = E(), Ge = E(), Ce = E(), Ke = E(), ie = E(), Pt = E(), x = _e(
+    }), [D, E] = b(
+      C ?? !1
+    ), [Oe, Rt] = b(it), xt = ge(null), w = ge(!1), Pt = rt ?? (X ? 1 : 2), Te = M(), Ge = M(), Ke = M(), Ce = M(), ie = M(), Dt = M(), x = Be(
       (e) => {
         Pe(e);
       },
       [Pe]
-    ), Dt = Jt(ee, te), wt = (e) => (ee ? ca(e, ee) : !1) || (te ? ve(e, te) : !1);
-    Be(() => {
-      O && (T(i), V(K ?? !1), L(!1), $(!1), w.current = !1);
-    }, [O]), Be(() => {
+    ), wt = ea(ee, te), Nt = (e) => (ee ? fa(e, ee) : !1) || (te ? ve(e, te) : !1);
+    ze(() => {
+      O && (T(i), E(C ?? !1), L(!1), $(!1), w.current = !1);
+    }, [O]), ze(() => {
       G || we(
-        a.from ? k(a.from, f, { locale: c }) : ""
-      ), C || Se(a.to ? k(a.to, f, { locale: c }) : "");
-    }, [a.from, a.to, f, c]);
-    const Ve = [
+        a.from ? k(a.from, m, { locale: c }) : ""
+      ), K || Se(a.to ? k(a.to, m, { locale: c }) : "");
+    }, [a.from, a.to, m, c]);
+    const Ee = [
       {
         label: n("inputs.dateRangePicker.presets.today", "Today"),
         range: () => {
@@ -297,14 +298,14 @@ const ka = {
       {
         label: n("inputs.dateRangePicker.presets.yesterday", "Yesterday"),
         range: () => {
-          const e = M(/* @__PURE__ */ new Date(), 1);
+          const e = V(/* @__PURE__ */ new Date(), 1);
           return { from: e, to: e };
         }
       },
       {
         label: n("inputs.dateRangePicker.presets.last7", "Last 7 days"),
         range: () => ({
-          from: M(/* @__PURE__ */ new Date(), 6),
+          from: V(/* @__PURE__ */ new Date(), 6),
           to: /* @__PURE__ */ new Date()
         })
       },
@@ -313,73 +314,73 @@ const ka = {
         range: () => ({
           // `weekStartsOn` (when set) overrides the locale's first day; when
           // undefined date-fns falls back to the locale.
-          from: Je(/* @__PURE__ */ new Date(), { locale: c, weekStartsOn: F }),
-          to: ze(/* @__PURE__ */ new Date(), { locale: c, weekStartsOn: F })
+          from: Xe(/* @__PURE__ */ new Date(), { locale: c, weekStartsOn: A }),
+          to: Ye(/* @__PURE__ */ new Date(), { locale: c, weekStartsOn: A })
         })
       },
       {
         label: n("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
-          const e = ba(/* @__PURE__ */ new Date());
+          const e = xa(/* @__PURE__ */ new Date());
           return {
-            from: Je(e, { locale: c, weekStartsOn: F }),
-            to: ze(e, { locale: c, weekStartsOn: F })
+            from: Xe(e, { locale: c, weekStartsOn: A }),
+            to: Ye(e, { locale: c, weekStartsOn: A })
           };
         }
       },
       {
         label: n("inputs.dateRangePicker.presets.thisMonth", "This month"),
         range: () => ({
-          from: Zt(/* @__PURE__ */ new Date()),
-          to: Xt(/* @__PURE__ */ new Date())
+          from: aa(/* @__PURE__ */ new Date()),
+          to: ta(/* @__PURE__ */ new Date())
         })
       },
       {
         label: n("inputs.dateRangePicker.presets.last30", "Last 30 days"),
         range: () => ({
-          from: M(/* @__PURE__ */ new Date(), 29),
+          from: V(/* @__PURE__ */ new Date(), 29),
           to: /* @__PURE__ */ new Date()
         })
       }
-    ], de = ae ? it ? [...Ve, ...ae] : ae : Ve, Ee = (() => {
+    ], de = ae ? dt ? [...Ee, ...ae] : ae : Ee, Me = (() => {
       const e = [], t = /* @__PURE__ */ new Map();
       for (const d of de) {
         const o = d.group ?? "";
         t.has(o) || (t.set(o, []), e.push(o)), t.get(o).push(d);
       }
       return e.map((d) => ({ group: d, presets: t.get(d) }));
-    })(), Nt = Ee.some((e) => e.group !== ""), y = (e, t = Oe) => {
+    })(), St = Me.some((e) => e.group !== ""), y = (e, t = Oe) => {
       if (!e.from || !e.to) return;
       if (t === "lastYear")
-        return { from: Ze(e.from), to: Ze(e.to) };
-      const d = he(e.to, e.from), o = M(e.from, 1);
-      return { from: M(o, d), to: o };
-    }, Y = j && D, Me = j && (K ?? !1), h = Y ? y(a) : void 0, St = (() => {
+        return { from: et(e.from), to: et(e.to) };
+      const d = he(e.to, e.from), o = V(e.from, 1);
+      return { from: V(o, d), to: o };
+    }, Y = j && D, Ve = j && (C ?? !1), h = Y ? y(a) : void 0, It = (() => {
       if (!(h != null && h.from) || !h.to) return;
       const e = h.from, t = h.to, d = {
         compareStart: e,
         compareEnd: t
       };
-      return he(t, e) >= 2 && (d.compareMiddle = { from: ea(e, 1), to: M(t, 1) }), d;
-    })(), Fe = (e) => {
+      return he(t, e) >= 2 && (d.compareMiddle = { from: ra(e, 1), to: V(t, 1) }), d;
+    })(), Ae = (e) => {
       const t = {};
       return q && (t.granularity = B), Y && (t.compareRange = y(e)), t.granularity || t.compareRange ? t : void 0;
-    }, Ae = Qe(), Le = Qe(), It = (e) => {
+    }, Fe = Je(), Le = Je(), Ot = (e) => {
       Le.noteSelection();
       const t = e;
-      kt(t), Y && p === "auto" && (m == null || m(!0, y(a, t)));
-    }, Ot = (e) => {
-      V(e), p === "auto" && (z(e), m == null || m(e, e ? y(a) : void 0));
-    }, le = _e(
+      Rt(t), Y && p === "auto" && (f == null || f(!0, y(a, t)));
+    }, Tt = (e) => {
+      E(e), p === "auto" && (z(e), f == null || f(e, e ? y(a) : void 0));
+    }, le = Be(
       (e) => {
         T(e), p === "auto" && e.from && e.to && x(e);
       },
       [p, x]
-    ), Tt = (e) => {
+    ), Gt = (e) => {
       L(!1), $(!1), le({ from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to });
-    }, Gt = (e) => {
+    }, Kt = (e) => {
       const t = e.range();
-      L(!1), $(!1), T(t), ne(t.from), p === "auto" && (x(t), S == null || S(t, Fe(t)), w.current = !0, R(!1));
+      L(!1), $(!1), T(t), ne(t.from), p === "auto" && (x(t), S == null || S(t, Ae(t)), w.current = !0, R(!1));
     }, ce = (e, t) => {
       const d = e === "from" ? L : $;
       if (t.trim() === "") {
@@ -388,8 +389,8 @@ const ka = {
         );
         return;
       }
-      const o = ha(t, f, /* @__PURE__ */ new Date(), { locale: c });
-      if (!ga(o) || wt(o)) {
+      const o = Ra(t, m, /* @__PURE__ */ new Date(), { locale: c });
+      if (!ha(o) || Nt(o)) {
         d(!0);
         return;
       }
@@ -400,48 +401,48 @@ const ka = {
       t.key === "Enter" && (t.preventDefault(), ce(e, e === "from" ? De : Ne));
     }, Ct = () => {
       T({}), L(!1), $(!1), p === "auto" && x({});
-    }, Kt = !!(a.from && a.to), Vt = !a.from && !a.to, We = (Kt || Vt) && !G && !C, ue = () => {
-      We && (x(a), j && D !== (K ?? !1) && (z(D), m == null || m(
+    }, Et = !!(a.from && a.to), Mt = !a.from && !a.to, We = (Et || Mt) && !G && !K, ue = () => {
+      We && (x(a), j && D !== (C ?? !1) && (z(D), f == null || f(
         D,
         D ? y(a) : void 0
-      )), S == null || S(a, Fe(a))), w.current = !0, R(!1);
-    }, Et = () => {
+      )), S == null || S(a, Ae(a))), w.current = !0, R(!1);
+    }, Vt = () => {
       w.current = !0, R(!1);
     }, pe = () => {
-      p === "apply" && (I == null || I()), T(i), V(K ?? !1), R(!1);
-    }, Mt = (e) => {
+      p === "apply" && (I == null || I()), T(i), E(C ?? !1), R(!1);
+    }, je = (e) => {
       if (e) {
         w.current = !1, R(!0);
         return;
       }
-      p === "apply" && !w.current && (I == null || I()), T(i), V(K ?? !1), w.current = !1, R(!1);
-    }, Ft = (e) => {
+      p === "apply" && !w.current && (I == null || I()), T(i), E(C ?? !1), w.current = !1, R(!1);
+    }, At = (e) => {
       if (!i.from || !i.to) return !1;
       const t = e.range();
-      return Xe(t.from, i.from) && Xe(t.to, i.to);
-    }, N = de.find(Ft), je = (() => {
+      return Ze(t.from, i.from) && Ze(t.to, i.to);
+    }, N = de.find(At), qe = (() => {
       if (i.from && i.to) {
-        const e = k(i.from, f, { locale: c }), t = k(i.to, f, { locale: c });
+        const e = k(i.from, m, { locale: c }), t = k(i.to, m, { locale: c });
         return `${e} – ${t}`;
       }
-      return i.from ? k(i.from, f, { locale: c }) : "";
-    })(), U = a.from ? a.to ? null : "end" : "start", At = (() => {
+      return i.from ? k(i.from, m, { locale: c }) : "";
+    })(), U = a.from ? a.to ? null : "end" : "start", Ft = (() => {
       if (!a.from)
         return n("inputs.dateRangePicker.selectStart", "Select start date");
       if (!a.to)
         return n("inputs.dateRangePicker.selectEnd", "Select end date");
-      const e = he(a.to, a.from) + 1, t = k(a.from, f, { locale: c }), d = k(a.to, f, { locale: c }), o = n("inputs.dateRangePicker.days", { count: e });
+      const e = he(a.to, a.from) + 1, t = k(a.from, m, { locale: c }), d = k(a.to, m, { locale: c }), o = n("inputs.dateRangePicker.days", { count: e });
       return `${t} – ${d} · ${o}`;
     })(), v = ge({
       currentValue: i,
       open: O,
       getGranularity: () => q ? B : void 0,
       setGranularity: (e) => oe(W(e)),
-      getCompareRange: () => Me ? y(i) : void 0,
+      getCompareRange: () => Ve ? y(i) : void 0,
       // Imperative/agent path commits directly (like setRange/clear), so
       // toggle_compare reflects in getCompareRange immediately — not a draft.
       setCompare: (e) => {
-        V(e), z(e), m == null || m(
+        E(e), z(e), f == null || f(
           e,
           e ? y(i) : void 0
         );
@@ -456,9 +457,9 @@ const ka = {
       open: O,
       getGranularity: () => q ? B : void 0,
       setGranularity: (e) => oe(W(e)),
-      getCompareRange: () => Me ? y(i) : void 0,
+      getCompareRange: () => Ve ? y(i) : void 0,
       setCompare: (e) => {
-        V(e), z(e), m == null || m(
+        E(e), z(e), f == null || f(
           e,
           e ? y(i) : void 0
         );
@@ -468,7 +469,7 @@ const ka = {
       apply: () => ue(),
       cancel: () => pe()
     };
-    const me = Wt(
+    const fe = jt(
       () => ({
         getRange: () => v.current.currentValue,
         setRange: (e) => x(e),
@@ -487,27 +488,30 @@ const ka = {
       }),
       [x]
     );
-    jt(mt, () => me, [me]), fa(ka, me, se);
-    const qe = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : C ? "error" : U === "end" ? "active" : "default";
-    return /* @__PURE__ */ r(H.Root, { open: O, onOpenChange: Mt, children: /* @__PURE__ */ u(
+    qt(mt, () => fe, [fe]), ya(Pa, fe, se);
+    const Lt = zt(!0, {
+      getAnchor: Yt,
+      onReturnToTrigger: () => je(!1)
+    }), _e = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : K ? "error" : U === "end" ? "active" : "default";
+    return /* @__PURE__ */ r(H.Root, { open: O, onOpenChange: je, children: /* @__PURE__ */ u(
       "div",
       {
-        className: ut,
+        className: pt,
         "data-component": "date-range-picker",
         "data-component-id": se,
         children: [
           /* @__PURE__ */ r(H.Trigger, { asChild: !0, disabled: xe, children: /* @__PURE__ */ u(
             "button",
             {
-              ref: Rt,
+              ref: xt,
               id: se,
               type: "button",
               disabled: xe,
-              "aria-describedby": A.describedBy || void 0,
-              "aria-invalid": A.invalid || void 0,
+              "aria-describedby": F.describedBy || void 0,
+              "aria-invalid": F.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": O,
-              className: aa({ size: Re, tone: ft, chrome: dt }),
+              className: na({ size: Re, tone: gt, chrome: lt }),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -519,17 +523,17 @@ const ka = {
                       // lets the flex child shrink below its content width so
                       // `truncate` engages.
                       "ds:min-w-0 ds:flex-1 ds:truncate ds:text-start",
-                      je ? "ds:text-foreground" : "ds:text-muted-foreground"
+                      qe ? "ds:text-foreground" : "ds:text-muted-foreground"
                     ].join(" "),
-                    children: je || vt
+                    children: qe || yt
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: ta({ size: Re }),
-                    children: /* @__PURE__ */ r(va, {})
+                    className: sa({ size: Re }),
+                    children: /* @__PURE__ */ r(ba, {})
                   }
                 )
               ]
@@ -540,13 +544,14 @@ const ka = {
             {
               sideOffset: 4,
               align: "start",
+              onKeyDown: Lt,
               role: "dialog",
               "aria-label": n(
                 "inputs.dateRangePicker.title",
                 "Select date range"
               ),
               "data-component": "date-range-picker-content",
-              className: la(),
+              className: pa(),
               children: /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
@@ -563,21 +568,21 @@ const ka = {
                       {
                         value: B,
                         onValueChange: (e) => {
-                          Ae.noteSelection(), oe(
+                          Fe.noteSelection(), oe(
                             W(e)
                           );
                         },
-                        onKeyDown: Ae.onKeyDown,
+                        onKeyDown: Fe.onKeyDown,
                         "aria-label": n(
                           "inputs.dateRangePicker.granularityLabel",
                           "Granularity"
                         ),
-                        className: Ue(),
+                        className: He(),
                         children: Ie.map((e) => /* @__PURE__ */ r(
                           Q.Item,
                           {
                             value: e.value,
-                            className: Ye(),
+                            className: Ue(),
                             children: n(
                               `inputs.dateRangePicker.granularity.${e.value}`,
                               e.fallback
@@ -605,14 +610,14 @@ const ka = {
                           type: "text",
                           inputMode: "numeric",
                           value: De,
-                          placeholder: f.toUpperCase(),
+                          placeholder: m.toUpperCase(),
                           "aria-invalid": G || void 0,
                           "aria-describedby": G ? ie : void 0,
                           onChange: (e) => we(e.target.value),
                           onBlur: (e) => ce("from", e.target.value),
                           onKeyDown: $e("from"),
-                          className: He({
-                            state: qe("from")
+                          className: Qe({
+                            state: _e("from")
                           })
                         }
                       )
@@ -629,7 +634,7 @@ const ka = {
                       /* @__PURE__ */ r(
                         "label",
                         {
-                          htmlFor: Ce,
+                          htmlFor: Ke,
                           className: "ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground",
                           children: n("inputs.dateRangePicker.endLabel", "End date")
                         }
@@ -637,24 +642,24 @@ const ka = {
                       /* @__PURE__ */ r(
                         "input",
                         {
-                          id: Ce,
+                          id: Ke,
                           type: "text",
                           inputMode: "numeric",
                           value: Ne,
-                          placeholder: f.toUpperCase(),
-                          "aria-invalid": C || void 0,
-                          "aria-describedby": C ? ie : void 0,
+                          placeholder: m.toUpperCase(),
+                          "aria-invalid": K || void 0,
+                          "aria-describedby": K ? ie : void 0,
                           onChange: (e) => Se(e.target.value),
                           onBlur: (e) => ce("to", e.target.value),
                           onKeyDown: $e("to"),
-                          className: He({
-                            state: qe("to")
+                          className: Qe({
+                            state: _e("to")
                           })
                         }
                       )
                     ] })
                   ] }),
-                  G || C ? /* @__PURE__ */ r(
+                  G || K ? /* @__PURE__ */ r(
                     "p",
                     {
                       id: ie,
@@ -664,27 +669,27 @@ const ka = {
                         "inputs.dateRangePicker.invalidDate",
                         "Enter a date as {{format}}",
                         {
-                          format: f.toUpperCase()
+                          format: m.toUpperCase()
                         }
                       )
                     }
                   ) : null
                 ] }),
                 /* @__PURE__ */ u("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-                  !X && de.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: Ee.map((e, t) => {
+                  !X && de.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: Me.map((e, t) => {
                     const d = `${Te}-pg${t}`, o = e.presets.map((P) => {
-                      const fe = P === N;
+                      const me = P === N;
                       return /* @__PURE__ */ u(
                         "button",
                         {
                           type: "button",
-                          "aria-pressed": fe,
-                          onClick: () => Gt(P),
-                          className: ra({ active: fe }),
+                          "aria-pressed": me,
+                          onClick: () => Kt(P),
+                          className: oa({ active: me }),
                           children: [
                             /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: P.label }),
-                            fe ? /* @__PURE__ */ r(
-                              ya,
+                            me ? /* @__PURE__ */ r(
+                              ka,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -695,7 +700,7 @@ const ka = {
                         P.label
                       );
                     });
-                    return Nt && e.group ? /* @__PURE__ */ u(
+                    return St && e.group ? /* @__PURE__ */ u(
                       "div",
                       {
                         role: "group",
@@ -706,7 +711,7 @@ const ka = {
                             "div",
                             {
                               id: d,
-                              className: sa(),
+                              className: ia(),
                               children: e.group
                             }
                           ),
@@ -714,47 +719,47 @@ const ka = {
                         ]
                       },
                       e.group
-                    ) : /* @__PURE__ */ r(qt, { children: o }, e.group || "_ungrouped");
+                    ) : /* @__PURE__ */ r(_t, { children: o }, e.group || "_ungrouped");
                   }) }) : null,
-                  /* @__PURE__ */ u("div", { role: "region", "aria-labelledby": Ke, children: [
-                    /* @__PURE__ */ r("span", { id: Ke, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
+                  /* @__PURE__ */ u("div", { role: "region", "aria-labelledby": Ce, children: [
+                    /* @__PURE__ */ r("span", { id: Ce, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
                     c ? /* @__PURE__ */ r(
-                      na,
+                      da,
                       {
                         mode: "range",
                         selected: a.from ? { from: a.from, to: a.to } : void 0,
-                        onSelect: Tt,
-                        month: ht,
+                        onSelect: Gt,
+                        month: bt,
                         onMonthChange: ne,
-                        numberOfMonths: xt,
-                        weekStartsOn: F,
-                        disabled: Dt,
+                        numberOfMonths: Pt,
+                        weekStartsOn: A,
+                        disabled: wt,
                         locale: c,
-                        labels: gt,
+                        labels: vt,
                         dir: re.dir(),
                         showOutsideDays: !0,
                         fixedWeeks: !0,
                         pagedNavigation: !0,
-                        classNames: da,
-                        modifiers: St,
-                        modifiersClassNames: ia,
-                        components: { Chevron: oa }
+                        classNames: ua,
+                        modifiers: It,
+                        modifiersClassNames: ca,
+                        components: { Chevron: la }
                       }
-                    ) : /* @__PURE__ */ r(Bt, {})
+                    ) : /* @__PURE__ */ r(Ut, {})
                   ] })
                 ] }),
                 j ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:border-t ds:border-border ds:pt-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ r(
-                    ma,
+                    va,
                     {
-                      id: Pt,
+                      id: Dt,
                       label: n(
                         "inputs.dateRangePicker.compareLabel",
                         "Compare to previous period"
                       ),
                       size: "sm",
                       checked: D,
-                      onCheckedChange: Ot
+                      onCheckedChange: Tt
                     }
                   ),
                   Y && h ? /* @__PURE__ */ u("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground", children: [
@@ -765,24 +770,24 @@ const ka = {
                         className: "ds:inline-block ds:size-3 ds:rounded-[calc(var(--radius-sm)-2px)] ds:bg-[var(--calendar-compare-fill)] ds:border-b-2 ds:border-dashed ds:border-b-[var(--calendar-compare-edge)]"
                       }
                     ),
-                    `${k(h.from, f, { locale: c })} – ${k(h.to, f, { locale: c })}`
+                    `${k(h.from, m, { locale: c })} – ${k(h.to, m, { locale: c })}`
                   ] }) : null,
                   D ? /* @__PURE__ */ r(
                     Q.Root,
                     {
                       value: Oe,
-                      onValueChange: It,
+                      onValueChange: Ot,
                       onKeyDown: Le.onKeyDown,
                       "aria-label": n(
                         "inputs.dateRangePicker.compareModeLabel",
                         "Comparison period"
                       ),
-                      className: `${Ue()} ds:ms-auto`,
-                      children: Ra.map((e) => /* @__PURE__ */ r(
+                      className: `${He()} ds:ms-auto`,
+                      children: Da.map((e) => /* @__PURE__ */ r(
                         Q.Item,
                         {
                           value: e.value,
-                          className: Ye(),
+                          className: Ue(),
                           children: n(
                             `inputs.dateRangePicker.compareMode.${e.value}`,
                             e.fallback
@@ -800,11 +805,11 @@ const ka = {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:min-w-0 ds:truncate ds:text-muted-foreground",
-                      children: At
+                      children: Ft
                     }
                   ),
                   /* @__PURE__ */ u("div", { className: "ds:flex ds:shrink-0 ds:gap-[var(--spacing-xs)]", children: [
-                    tt ? /* @__PURE__ */ r(
+                    at ? /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
@@ -813,7 +818,7 @@ const ka = {
                         children: n("inputs.dateRangePicker.clear", "Clear")
                       }
                     ) : null,
-                    p === "apply" ? /* @__PURE__ */ u(Lt, { children: [
+                    p === "apply" ? /* @__PURE__ */ u($t, { children: [
                       /* @__PURE__ */ r(
                         "button",
                         {
@@ -837,7 +842,7 @@ const ka = {
                       "button",
                       {
                         type: "button",
-                        onClick: Et,
+                        onClick: Vt,
                         className: J({ intent: "primary" }),
                         children: n("inputs.dateRangePicker.done", "Done")
                       }
@@ -852,9 +857,9 @@ const ka = {
     ) });
   }
 );
-xa.displayName = "DateRangePicker";
+wa.displayName = "DateRangePicker";
 export {
-  xa as D,
-  ka as d
+  wa as D,
+  Pa as d
 };
-//# sourceMappingURL=date-range-picker-CtUOI38x.js.map
+//# sourceMappingURL=date-range-picker-CFk-5O3R.js.map