@alfadocs/ui-kit 1.20.0 → 1.21.0

package/dist/_chunks/{date-range-picker-BD8P_rJq.js → date-range-picker-TpmECKRh.js}

@@ -1,25 +1,25 @@
-import { jsx as r, jsxs as c, Fragment as Ct } from "react/jsx-runtime";
-import { forwardRef as Et, useState as b, useRef as fe, useId as M, useCallback as We, useEffect as je, useMemo as Mt, useImperativeHandle as Ft, Fragment as Kt } from "react";
-import { useTranslation as At } from "react-i18next";
+import { jsx as r, jsxs as c, Fragment as Mt } from "react/jsx-runtime";
+import { forwardRef as Ft, useState as b, useRef as me, useId as M, useCallback as je, useEffect as qe, useMemo as Kt, useImperativeHandle as At, Fragment as Lt } from "react";
+import { useTranslation as $t } from "react-i18next";
 import * as H from "@radix-ui/react-popover";
 import * as Q from "@radix-ui/react-radio-group";
-import { u as me } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Lt } from "./form-field-context-B3APVHKx.js";
-import { S as $t } from "./switch-OILsBLWo.js";
-import { u as Wt } from "./registry-DvAUVLHh.js";
-import { h as jt, j as qt, u as _t, g as Bt, b as zt, k as qe, l as Yt, s as Ut, a as Ht, d as Qt, t as Jt, m as _e, n as Be, r as ze, p as Xt, o as Zt, D as ea, C as ta, q as aa, e as ra, v as J, f as sa, c as ge, i as na } from "./date-picker-variants-DfuooXEK.js";
-import { f as k, s as Ye, d as ve, b as Ue, i as oa } from "./format-4HNwNGrN.js";
-import { s as F } from "./subDays-BLl3y3pd.js";
-import { C as ia } from "./calendar-days-BGWklvE-.js";
-import { C as da } from "./check-DrFSN__t.js";
-import { p as la } from "./parse-MN9bGkrY.js";
-function ca(s, l, g) {
-  return jt(s, -1, g);
+import { u as ge } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Wt } from "./form-field-context-B3APVHKx.js";
+import { S as jt } from "./switch-OILsBLWo.js";
+import { u as qt } from "./registry-DvAUVLHh.js";
+import { h as _t, j as Bt, u as zt, g as Yt, b as Ut, k as _e, l as Ht, s as Qt, a as Jt, d as Xt, t as Zt, m as Be, n as ze, r as Ye, p as ea, o as ta, D as aa, C as ra, q as sa, e as na, v as J, f as oa, c as ve, i as ia } from "./date-picker-variants-B9NLAfUK.js";
+import { f as k, s as Ue, d as ye, b as He, i as da } from "./format-4HNwNGrN.js";
+import { s as F } from "./subDays-HPvBuvq3.js";
+import { C as la } from "./calendar-days-BGWklvE-.js";
+import { C as ca } from "./check-DrFSN__t.js";
+import { p as ua } from "./parse-DPqj4JtD.js";
+function pa(s, l, g) {
+  return _t(s, -1, g);
 }
-function He(s, l, g) {
-  return qt(s, -1, g);
+function Qe(s, l, g) {
+  return Bt(s, -1, g);
 }
-const ua = {
+const fa = {
   id: "date-range-picker",
   capabilities: [
     "range_pick",
@@ -211,15 +211,15 @@ const ua = {
       description: "Sourced from the id prop."
     }
   }
-}, Qe = [
+}, Je = [
   { value: "day", fallback: "Day" },
   { value: "week", fallback: "Week" },
   { value: "month", fallback: "Month" },
   { value: "quarter", fallback: "Quarter" }
-], pa = [
+], ma = [
   { value: "previous", fallback: "Previous period" },
   { value: "lastYear", fallback: "Same period last year" }
-], fa = Et(
+], ga = Ft(
   ({
     value: s,
     defaultValue: l,
@@ -227,63 +227,64 @@ const ua = {
     commitMode: p = "auto",
     onApply: w,
     onCancel: I,
-    showClear: Je = !0,
-    numberOfMonths: Xe = 2,
-    granularity: ye,
-    defaultGranularity: he,
-    onGranularityChange: Ze,
-    allowedGranularities: X,
+    showClear: Xe = !0,
+    numberOfMonths: Ze,
+    compact: X = !1,
+    granularity: he,
+    defaultGranularity: be,
+    onGranularityChange: et,
+    allowedGranularities: Z,
     compare: j = !1,
-    compareEnabled: et,
-    defaultCompare: tt = !1,
-    defaultCompareMode: at = "previous",
+    compareEnabled: tt,
+    defaultCompare: at = !1,
+    defaultCompareMode: rt = "previous",
     onCompareChange: f,
     weekStartsOn: K,
-    minDate: Z,
-    maxDate: ee,
-    presets: te,
-    mergePresets: rt = !1,
-    size: be = "md",
-    chrome: st = "input",
-    disabled: nt,
-    placeholder: ot,
-    className: it,
-    id: dt
-  }, lt) => {
-    const { t: n, i18n: ke } = At(), A = Lt(), ae = dt ?? A.id, Re = A.disabled || nt, ct = A.invalid ? "error" : "default", u = _t(ke.language), m = Bt(ke.language), ut = ot ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [pt, xe] = me({
+    minDate: ee,
+    maxDate: te,
+    presets: ae,
+    mergePresets: st = !1,
+    size: ke = "md",
+    chrome: nt = "input",
+    disabled: ot,
+    placeholder: it,
+    className: dt,
+    id: lt
+  }, ct) => {
+    const { t: n, i18n: Re } = $t(), A = Wt(), re = lt ?? A.id, xe = A.disabled || ot, ut = A.invalid ? "error" : "default", u = zt(Re.language), m = Yt(Re.language), pt = it ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [ft, Pe] = ge({
       value: s,
       defaultValue: l ?? {},
       onChange: g
-    }), i = pt ?? {}, [O, R] = b(!1), [a, T] = b(i), [ft, re] = b(i.from ?? /* @__PURE__ */ new Date()), [Pe, Ne] = b(""), [De, Se] = b(""), [G, L] = b(!1), [V, $] = b(!1), q = ye !== void 0 || he !== void 0, _ = X && X.length > 0 ? X : void 0, we = _ ? Qe.filter(
+    }), i = ft ?? {}, [O, R] = b(!1), [a, T] = b(i), [mt, se] = b(i.from ?? /* @__PURE__ */ new Date()), [Ne, De] = b(""), [Se, we] = b(""), [G, L] = b(!1), [V, $] = b(!1), q = he !== void 0 || be !== void 0, _ = Z && Z.length > 0 ? Z : void 0, Ie = _ ? Je.filter(
       (e) => _.includes(e.value)
-    ) : Qe, W = (e) => {
+    ) : Je, W = (e) => {
       var t;
-      return !_ || _.includes(e) ? e : ((t = we[0]) == null ? void 0 : t.value) ?? e;
-    }, [mt, se] = me({
-      value: ye,
-      defaultValue: W(he ?? "day"),
-      onChange: Ze
-    }), B = W(mt ?? "day"), [C, z] = me({
-      value: et,
-      defaultValue: tt
+      return !_ || _.includes(e) ? e : ((t = Ie[0]) == null ? void 0 : t.value) ?? e;
+    }, [gt, ne] = ge({
+      value: he,
+      defaultValue: W(be ?? "day"),
+      onChange: et
+    }), B = W(gt ?? "day"), [C, z] = ge({
+      value: tt,
+      defaultValue: at
       // onCompareChange needs the resolved range as its 2nd arg, so it is
       // called manually at the commit points rather than wired here.
     }), [N, E] = b(
       C ?? !1
-    ), [Ie, gt] = b(at), vt = fe(null), D = fe(!1), Oe = M(), Te = M(), Ge = M(), Ve = M(), ne = M(), yt = M(), x = We(
+    ), [Oe, vt] = b(rt), yt = me(null), D = me(!1), ht = Ze ?? (X ? 1 : 2), Te = M(), Ge = M(), Ve = M(), Ce = M(), oe = M(), bt = M(), x = je(
       (e) => {
-        xe(e);
+        Pe(e);
       },
-      [xe]
-    ), ht = zt(Z, ee), bt = (e) => (Z ? na(e, Z) : !1) || (ee ? ge(e, ee) : !1);
-    je(() => {
+      [Pe]
+    ), kt = Ut(ee, te), Rt = (e) => (ee ? ia(e, ee) : !1) || (te ? ve(e, te) : !1);
+    qe(() => {
       O && (T(i), E(C ?? !1), L(!1), $(!1), D.current = !1);
-    }, [O]), je(() => {
-      G || Ne(
+    }, [O]), qe(() => {
+      G || De(
         a.from ? k(a.from, m, { locale: u }) : ""
-      ), V || Se(a.to ? k(a.to, m, { locale: u }) : "");
+      ), V || we(a.to ? k(a.to, m, { locale: u }) : "");
     }, [a.from, a.to, m, u]);
-    const Ce = [
+    const Ee = [
       {
         label: n("inputs.dateRangePicker.presets.today", "Today"),
         range: () => {
@@ -310,25 +311,25 @@ const ua = {
         range: () => ({
           // `weekStartsOn` (when set) overrides the locale's first day; when
           // undefined date-fns falls back to the locale.
-          from: Ye(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K }),
-          to: qe(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K })
+          from: Ue(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K }),
+          to: _e(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K })
         })
       },
       {
         label: n("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
-          const e = ca(/* @__PURE__ */ new Date());
+          const e = pa(/* @__PURE__ */ new Date());
           return {
-            from: Ye(e, { locale: u, weekStartsOn: K }),
-            to: qe(e, { locale: u, weekStartsOn: K })
+            from: Ue(e, { locale: u, weekStartsOn: K }),
+            to: _e(e, { locale: u, weekStartsOn: K })
           };
         }
       },
       {
         label: n("inputs.dateRangePicker.presets.thisMonth", "This month"),
         range: () => ({
-          from: Ut(/* @__PURE__ */ new Date()),
-          to: Yt(/* @__PURE__ */ new Date())
+          from: Qt(/* @__PURE__ */ new Date()),
+          to: Ht(/* @__PURE__ */ new Date())
         })
       },
       {
@@ -338,102 +339,102 @@ const ua = {
           to: /* @__PURE__ */ new Date()
         })
       }
-    ], oe = te ? rt ? [...Ce, ...te] : te : Ce, Ee = (() => {
+    ], ie = ae ? st ? [...Ee, ...ae] : ae : Ee, Me = (() => {
       const e = [], t = /* @__PURE__ */ new Map();
-      for (const d of oe) {
+      for (const d of ie) {
         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) }));
-    })(), kt = Ee.some((e) => e.group !== ""), y = (e, t = Ie) => {
+    })(), xt = Me.some((e) => e.group !== ""), y = (e, t = Oe) => {
       if (!e.from || !e.to) return;
       if (t === "lastYear")
-        return { from: He(e.from), to: He(e.to) };
-      const d = ve(e.to, e.from), o = F(e.from, 1);
+        return { from: Qe(e.from), to: Qe(e.to) };
+      const d = ye(e.to, e.from), o = F(e.from, 1);
       return { from: F(o, d), to: o };
-    }, Y = j && N, Me = j && (C ?? !1), h = Y ? y(a) : void 0, Rt = (() => {
+    }, Y = j && N, Fe = j && (C ?? !1), h = Y ? y(a) : void 0, Pt = (() => {
       if (!(h != null && h.from) || !h.to) return;
       const e = h.from, t = h.to, d = {
         compareStart: e,
         compareEnd: t
       };
-      return ve(t, e) >= 2 && (d.compareMiddle = { from: Ht(e, 1), to: F(t, 1) }), d;
-    })(), Fe = (e) => {
+      return ye(t, e) >= 2 && (d.compareMiddle = { from: Jt(e, 1), to: F(t, 1) }), d;
+    })(), Ke = (e) => {
       const t = {};
       return q && (t.granularity = B), Y && (t.compareRange = y(e)), t.granularity || t.compareRange ? t : void 0;
-    }, xt = (e) => {
+    }, Nt = (e) => {
       const t = e;
-      gt(t), Y && p === "auto" && (f == null || f(!0, y(a, t)));
-    }, Pt = (e) => {
+      vt(t), Y && p === "auto" && (f == null || f(!0, y(a, t)));
+    }, Dt = (e) => {
       E(e), p === "auto" && (z(e), f == null || f(e, e ? y(a) : void 0));
-    }, ie = We(
+    }, de = je(
       (e) => {
         T(e), p === "auto" && e.from && e.to && x(e);
       },
       [p, x]
-    ), Nt = (e) => {
-      L(!1), $(!1), ie({ from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to });
-    }, Dt = (e) => {
+    ), St = (e) => {
+      L(!1), $(!1), de({ from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to });
+    }, wt = (e) => {
       const t = e.range();
-      L(!1), $(!1), T(t), re(t.from), p === "auto" && (x(t), w == null || w(t, Fe(t)), D.current = !0, R(!1));
-    }, de = (e, t) => {
+      L(!1), $(!1), T(t), se(t.from), p === "auto" && (x(t), w == null || w(t, Ke(t)), D.current = !0, R(!1));
+    }, le = (e, t) => {
       const d = e === "from" ? L : $;
       if (t.trim() === "") {
-        d(!1), ie(
+        d(!1), de(
           e === "from" ? { from: void 0, to: a.to } : { from: a.from, to: void 0 }
         );
         return;
       }
-      const o = la(t, m, /* @__PURE__ */ new Date(), { locale: u });
-      if (!oa(o) || bt(o)) {
+      const o = ua(t, m, /* @__PURE__ */ new Date(), { locale: u });
+      if (!da(o) || Rt(o)) {
         d(!0);
         return;
       }
       d(!1);
       let P;
-      e === "from" ? P = a.to && ge(o, a.to) ? { from: o, to: void 0 } : { from: o, to: a.to } : P = a.from && ge(a.from, o) ? { from: o, to: void 0 } : { from: a.from, to: o }, re(o), ie(P);
-    }, Ke = (e) => (t) => {
-      t.key === "Enter" && (t.preventDefault(), de(e, e === "from" ? Pe : De));
-    }, St = () => {
+      e === "from" ? P = a.to && ve(o, a.to) ? { from: o, to: void 0 } : { from: o, to: a.to } : P = a.from && ve(a.from, o) ? { from: o, to: void 0 } : { from: a.from, to: o }, se(o), de(P);
+    }, Ae = (e) => (t) => {
+      t.key === "Enter" && (t.preventDefault(), le(e, e === "from" ? Ne : Se));
+    }, It = () => {
       T({}), L(!1), $(!1), p === "auto" && x({});
-    }, wt = !!(a.from && a.to), It = !a.from && !a.to, Ae = (wt || It) && !G && !V, le = () => {
-      Ae && (x(a), j && N !== (C ?? !1) && (z(N), f == null || f(
+    }, Ot = !!(a.from && a.to), Tt = !a.from && !a.to, Le = (Ot || Tt) && !G && !V, ce = () => {
+      Le && (x(a), j && N !== (C ?? !1) && (z(N), f == null || f(
         N,
         N ? y(a) : void 0
-      )), w == null || w(a, Fe(a))), D.current = !0, R(!1);
-    }, Ot = () => {
+      )), w == null || w(a, Ke(a))), D.current = !0, R(!1);
+    }, Gt = () => {
       D.current = !0, R(!1);
-    }, ce = () => {
+    }, ue = () => {
       p === "apply" && (I == null || I()), T(i), E(C ?? !1), R(!1);
-    }, Tt = (e) => {
+    }, Vt = (e) => {
       if (e) {
         D.current = !1, R(!0);
         return;
       }
       p === "apply" && !D.current && (I == null || I()), T(i), E(C ?? !1), D.current = !1, R(!1);
-    }, Gt = (e) => {
+    }, Ct = (e) => {
       if (!i.from || !i.to) return !1;
       const t = e.range();
-      return Ue(t.from, i.from) && Ue(t.to, i.to);
-    }, S = oe.find(Gt), Le = (() => {
+      return He(t.from, i.from) && He(t.to, i.to);
+    }, S = ie.find(Ct), $e = (() => {
       if (i.from && i.to) {
         const e = k(i.from, m, { locale: u }), t = k(i.to, m, { locale: u });
         return `${e} – ${t}`;
       }
       return i.from ? k(i.from, m, { locale: u }) : "";
-    })(), U = a.from ? a.to ? null : "end" : "start", Vt = (() => {
+    })(), U = a.from ? a.to ? null : "end" : "start", Et = (() => {
       if (!a.from)
         return n("inputs.dateRangePicker.selectStart", "Select start date");
       if (!a.to)
         return n("inputs.dateRangePicker.selectEnd", "Select end date");
-      const e = ve(a.to, a.from) + 1, t = k(a.from, m, { locale: u }), d = k(a.to, m, { locale: u }), o = n("inputs.dateRangePicker.days", { count: e });
+      const e = ye(a.to, a.from) + 1, t = k(a.from, m, { locale: u }), d = k(a.to, m, { locale: u }), o = n("inputs.dateRangePicker.days", { count: e });
       return `${t} – ${d} · ${o}`;
-    })(), v = fe({
+    })(), v = me({
       currentValue: i,
       open: O,
       getGranularity: () => q ? B : void 0,
-      setGranularity: (e) => se(W(e)),
-      getCompareRange: () => Me ? y(i) : void 0,
+      setGranularity: (e) => ne(W(e)),
+      getCompareRange: () => Fe ? y(i) : void 0,
       // Imperative/agent path commits directly (like setRange/clear), so
       // toggle_compare reflects in getCompareRange immediately — not a draft.
       setCompare: (e) => {
@@ -444,15 +445,15 @@ const ua = {
       },
       getActivePreset: () => S == null ? void 0 : S.label,
       getActiveEnd: () => U,
-      apply: () => le(),
-      cancel: () => ce()
+      apply: () => ce(),
+      cancel: () => ue()
     });
     v.current = {
       currentValue: i,
       open: O,
       getGranularity: () => q ? B : void 0,
-      setGranularity: (e) => se(W(e)),
-      getCompareRange: () => Me ? y(i) : void 0,
+      setGranularity: (e) => ne(W(e)),
+      getCompareRange: () => Fe ? y(i) : void 0,
       setCompare: (e) => {
         E(e), z(e), f == null || f(
           e,
@@ -461,10 +462,10 @@ const ua = {
       },
       getActivePreset: () => S == null ? void 0 : S.label,
       getActiveEnd: () => U,
-      apply: () => le(),
-      cancel: () => ce()
+      apply: () => ce(),
+      cancel: () => ue()
     };
-    const ue = Mt(
+    const pe = Kt(
       () => ({
         getRange: () => v.current.currentValue,
         setRange: (e) => x(e),
@@ -483,27 +484,27 @@ const ua = {
       }),
       [x]
     );
-    Ft(lt, () => ue, [ue]), Wt(ua, ue, ae);
-    const $e = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : V ? "error" : U === "end" ? "active" : "default";
-    return /* @__PURE__ */ r(H.Root, { open: O, onOpenChange: Tt, children: /* @__PURE__ */ c(
+    At(ct, () => pe, [pe]), qt(fa, pe, re);
+    const We = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : V ? "error" : U === "end" ? "active" : "default";
+    return /* @__PURE__ */ r(H.Root, { open: O, onOpenChange: Vt, children: /* @__PURE__ */ c(
       "div",
       {
-        className: it,
+        className: dt,
         "data-component": "date-range-picker",
-        "data-component-id": ae,
+        "data-component-id": re,
         children: [
-          /* @__PURE__ */ r(H.Trigger, { asChild: !0, disabled: Re, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ r(H.Trigger, { asChild: !0, disabled: xe, children: /* @__PURE__ */ c(
             "button",
             {
-              ref: vt,
-              id: ae,
+              ref: yt,
+              id: re,
               type: "button",
-              disabled: Re,
+              disabled: xe,
               "aria-describedby": A.describedBy || void 0,
               "aria-invalid": A.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": O,
-              className: Jt({ size: be, tone: ct, chrome: st }),
+              className: Zt({ size: ke, tone: ut, chrome: nt }),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -515,17 +516,17 @@ const ua = {
                       // lets the flex child shrink below its content width so
                       // `truncate` engages.
                       "ds:min-w-0 ds:flex-1 ds:truncate ds:text-start",
-                      Le ? "ds:text-foreground" : "ds:text-muted-foreground"
+                      $e ? "ds:text-foreground" : "ds:text-muted-foreground"
                     ].join(" "),
-                    children: Le || ut
+                    children: $e || pt
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: Qt({ size: be }),
-                    children: /* @__PURE__ */ r(ia, {})
+                    className: Xt({ size: ke }),
+                    children: /* @__PURE__ */ r(la, {})
                   }
                 )
               ]
@@ -542,15 +543,15 @@ const ua = {
                 "Select date range"
               ),
               "data-component": "date-range-picker-content",
-              className: sa(),
+              className: oa(),
               children: /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
                     /* @__PURE__ */ r(
                       "h2",
                       {
-                        id: Oe,
-                        className: "type-body-sm ds:font-semibold ds:text-foreground",
+                        id: Te,
+                        className: X ? "ds:sr-only" : "type-body-sm ds:font-semibold ds:text-foreground",
                         children: n("inputs.dateRangePicker.title", "Select date range")
                       }
                     ),
@@ -558,19 +559,19 @@ const ua = {
                       Q.Root,
                       {
                         value: B,
-                        onValueChange: (e) => se(
+                        onValueChange: (e) => ne(
                           W(e)
                         ),
                         "aria-label": n(
                           "inputs.dateRangePicker.granularityLabel",
                           "Granularity"
                         ),
-                        className: Be(),
-                        children: we.map((e) => /* @__PURE__ */ r(
+                        className: ze(),
+                        children: Ie.map((e) => /* @__PURE__ */ r(
                           Q.Item,
                           {
                             value: e.value,
-                            className: _e(),
+                            className: Be(),
                             children: n(
                               `inputs.dateRangePicker.granularity.${e.value}`,
                               e.fallback
@@ -586,7 +587,7 @@ const ua = {
                       /* @__PURE__ */ r(
                         "label",
                         {
-                          htmlFor: Te,
+                          htmlFor: Ge,
                           className: "ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground",
                           children: n("inputs.dateRangePicker.startLabel", "Start date")
                         }
@@ -594,18 +595,18 @@ const ua = {
                       /* @__PURE__ */ r(
                         "input",
                         {
-                          id: Te,
+                          id: Ge,
                           type: "text",
                           inputMode: "numeric",
-                          value: Pe,
+                          value: Ne,
                           placeholder: m.toUpperCase(),
                           "aria-invalid": G || void 0,
-                          "aria-describedby": G ? ne : void 0,
-                          onChange: (e) => Ne(e.target.value),
-                          onBlur: (e) => de("from", e.target.value),
-                          onKeyDown: Ke("from"),
-                          className: ze({
-                            state: $e("from")
+                          "aria-describedby": G ? oe : void 0,
+                          onChange: (e) => De(e.target.value),
+                          onBlur: (e) => le("from", e.target.value),
+                          onKeyDown: Ae("from"),
+                          className: Ye({
+                            state: We("from")
                           })
                         }
                       )
@@ -622,7 +623,7 @@ const ua = {
                       /* @__PURE__ */ r(
                         "label",
                         {
-                          htmlFor: Ge,
+                          htmlFor: Ve,
                           className: "ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground",
                           children: n("inputs.dateRangePicker.endLabel", "End date")
                         }
@@ -630,18 +631,18 @@ const ua = {
                       /* @__PURE__ */ r(
                         "input",
                         {
-                          id: Ge,
+                          id: Ve,
                           type: "text",
                           inputMode: "numeric",
-                          value: De,
+                          value: Se,
                           placeholder: m.toUpperCase(),
                           "aria-invalid": V || void 0,
-                          "aria-describedby": V ? ne : void 0,
-                          onChange: (e) => Se(e.target.value),
-                          onBlur: (e) => de("to", e.target.value),
-                          onKeyDown: Ke("to"),
-                          className: ze({
-                            state: $e("to")
+                          "aria-describedby": V ? oe : void 0,
+                          onChange: (e) => we(e.target.value),
+                          onBlur: (e) => le("to", e.target.value),
+                          onKeyDown: Ae("to"),
+                          className: Ye({
+                            state: We("to")
                           })
                         }
                       )
@@ -650,7 +651,7 @@ const ua = {
                   G || V ? /* @__PURE__ */ r(
                     "p",
                     {
-                      id: ne,
+                      id: oe,
                       role: "alert",
                       className: "ds:text-[length:var(--font-size-xs)] ds:text-destructive",
                       children: n(
@@ -664,20 +665,20 @@ const ua = {
                   ) : null
                 ] }),
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-                  oe.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) => {
-                    const d = `${Oe}-pg${t}`, o = e.presets.map((P) => {
-                      const pe = P === S;
+                  !X && ie.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 === S;
                       return /* @__PURE__ */ c(
                         "button",
                         {
                           type: "button",
-                          "aria-pressed": pe,
-                          onClick: () => Dt(P),
-                          className: Xt({ active: pe }),
+                          "aria-pressed": fe,
+                          onClick: () => wt(P),
+                          className: ea({ active: fe }),
                           children: [
                             /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: P.label }),
-                            pe ? /* @__PURE__ */ r(
-                              da,
+                            fe ? /* @__PURE__ */ r(
+                              ca,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -688,7 +689,7 @@ const ua = {
                         P.label
                       );
                     });
-                    return kt && e.group ? /* @__PURE__ */ c(
+                    return xt && e.group ? /* @__PURE__ */ c(
                       "div",
                       {
                         role: "group",
@@ -699,7 +700,7 @@ const ua = {
                             "div",
                             {
                               id: d,
-                              className: Zt(),
+                              className: ta(),
                               children: e.group
                             }
                           ),
@@ -707,45 +708,45 @@ const ua = {
                         ]
                       },
                       e.group
-                    ) : /* @__PURE__ */ r(Kt, { children: o }, e.group || "_ungrouped");
+                    ) : /* @__PURE__ */ r(Lt, { children: o }, e.group || "_ungrouped");
                   }) }) : null,
-                  /* @__PURE__ */ c("div", { role: "region", "aria-labelledby": Ve, children: [
-                    /* @__PURE__ */ r("span", { id: Ve, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
+                  /* @__PURE__ */ c("div", { role: "region", "aria-labelledby": Ce, children: [
+                    /* @__PURE__ */ r("span", { id: Ce, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
                     /* @__PURE__ */ r(
-                      ea,
+                      aa,
                       {
                         mode: "range",
                         selected: a.from ? { from: a.from, to: a.to } : void 0,
-                        onSelect: Nt,
-                        month: ft,
-                        onMonthChange: re,
-                        numberOfMonths: Xe,
+                        onSelect: St,
+                        month: mt,
+                        onMonthChange: se,
+                        numberOfMonths: ht,
                         weekStartsOn: K,
-                        disabled: ht,
+                        disabled: kt,
                         locale: u,
                         showOutsideDays: !0,
                         fixedWeeks: !0,
                         pagedNavigation: !0,
-                        classNames: ra,
-                        modifiers: Rt,
-                        modifiersClassNames: aa,
-                        components: { Chevron: ta }
+                        classNames: na,
+                        modifiers: Pt,
+                        modifiersClassNames: sa,
+                        components: { Chevron: ra }
                       }
                     )
                   ] })
                 ] }),
                 j ? /* @__PURE__ */ c("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(
-                    $t,
+                    jt,
                     {
-                      id: yt,
+                      id: bt,
                       label: n(
                         "inputs.dateRangePicker.compareLabel",
                         "Compare to previous period"
                       ),
                       size: "sm",
                       checked: N,
-                      onCheckedChange: Pt
+                      onCheckedChange: Dt
                     }
                   ),
                   Y && h ? /* @__PURE__ */ c("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: [
@@ -761,18 +762,18 @@ const ua = {
                   N ? /* @__PURE__ */ r(
                     Q.Root,
                     {
-                      value: Ie,
-                      onValueChange: xt,
+                      value: Oe,
+                      onValueChange: Nt,
                       "aria-label": n(
                         "inputs.dateRangePicker.compareModeLabel",
                         "Comparison period"
                       ),
-                      className: `${Be()} ds:ms-auto`,
-                      children: pa.map((e) => /* @__PURE__ */ r(
+                      className: `${ze()} ds:ms-auto`,
+                      children: ma.map((e) => /* @__PURE__ */ r(
                         Q.Item,
                         {
                           value: e.value,
-                          className: _e(),
+                          className: Be(),
                           children: n(
                             `inputs.dateRangePicker.compareMode.${e.value}`,
                             e.fallback
@@ -790,25 +791,25 @@ const ua = {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:min-w-0 ds:truncate ds:text-muted-foreground",
-                      children: Vt
+                      children: Et
                     }
                   ),
                   /* @__PURE__ */ c("div", { className: "ds:flex ds:shrink-0 ds:gap-[var(--spacing-xs)]", children: [
-                    Je ? /* @__PURE__ */ r(
+                    Xe ? /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
-                        onClick: St,
+                        onClick: It,
                         className: J({ intent: "ghost" }),
                         children: n("inputs.dateRangePicker.clear", "Clear")
                       }
                     ) : null,
-                    p === "apply" ? /* @__PURE__ */ c(Ct, { children: [
+                    p === "apply" ? /* @__PURE__ */ c(Mt, { children: [
                       /* @__PURE__ */ r(
                         "button",
                         {
                           type: "button",
-                          onClick: ce,
+                          onClick: ue,
                           className: J({ intent: "ghost" }),
                           children: n("inputs.dateRangePicker.cancel", "Cancel")
                         }
@@ -817,8 +818,8 @@ const ua = {
                         "button",
                         {
                           type: "button",
-                          disabled: !Ae,
-                          onClick: le,
+                          disabled: !Le,
+                          onClick: ce,
                           className: J({ intent: "primary" }),
                           children: n("inputs.dateRangePicker.apply", "Apply")
                         }
@@ -827,7 +828,7 @@ const ua = {
                       "button",
                       {
                         type: "button",
-                        onClick: Ot,
+                        onClick: Gt,
                         className: J({ intent: "primary" }),
                         children: n("inputs.dateRangePicker.done", "Done")
                       }
@@ -842,9 +843,9 @@ const ua = {
     ) });
   }
 );
-fa.displayName = "DateRangePicker";
+ga.displayName = "DateRangePicker";
 export {
-  fa as D,
-  ua as d
+  ga as D,
+  fa as d
 };
-//# sourceMappingURL=date-range-picker-BD8P_rJq.js.map
+//# sourceMappingURL=date-range-picker-TpmECKRh.js.map