@alfadocs/ui-kit-debug 0.94.0 → 0.96.0

package/dist/_chunks/{date-range-picker-Cfv4Sr63.js → date-range-picker-pEG3Ln3i.js}

@@ -1,25 +1,25 @@
-import { jsx as r, jsxs as c, Fragment as wt } from "react/jsx-runtime";
-import { forwardRef as It, useState as y, useRef as ce, useId as G, useCallback as Ke, useEffect as Le, useMemo as Ot, useImperativeHandle as Tt, Fragment as Gt } from "react";
-import { useTranslation as Et } from "react-i18next";
-import * as _ from "@radix-ui/react-popover";
-import * as z from "@radix-ui/react-radio-group";
-import { u as $e } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Mt } from "./form-field-context-B3APVHKx.js";
-import { S as Vt } from "./switch-OILsBLWo.js";
-import { u as Ft } from "./registry-DvAUVLHh.js";
-import { l as Kt, m as Lt, u as $t, g as At, b as Wt, f as h, n as Ae, s as We, o as jt, q as qt, k as ue, a as _t, d as zt, t as Bt, r as je, v as qe, w as _e, p as Yt, x as Ut, D as Ht, C as Qt, y as Jt, e as Xt, z as B, h as Zt, j as ea, i as pe, c as ta } from "./date-picker-variants-eL6HjWvw.js";
-import { s as E } from "./subDays-BcNi04uf.js";
-import { C as aa } from "./calendar-days-BGWklvE-.js";
-import { C as ra } from "./check-DrFSN__t.js";
-import { i as ze } from "./isSameDay-DUEiAT0G.js";
-import { p as sa } from "./parse-DvA97ro9.js";
-function na(s, l, f) {
-  return Kt(s, -1, f);
+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 * 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 { l as jt, m as qt, u as _t, g as zt, b as Bt, f as k, n as qe, s as _e, o as Yt, q as Ut, k as ge, a as Ht, d as Qt, t as Jt, r as ze, v as Be, w as Ye, p as Xt, x as Zt, D as ea, C as ta, y as aa, e as ra, z as J, h as sa, j as na, i as ve, c as ia } from "./date-picker-variants-eL6HjWvw.js";
+import { s as F } from "./subDays-BcNi04uf.js";
+import { C as oa } from "./calendar-days-BGWklvE-.js";
+import { C as da } from "./check-DrFSN__t.js";
+import { i as Ue } from "./isSameDay-DUEiAT0G.js";
+import { p as la } from "./parse-DvA97ro9.js";
+function ca(s, l, g) {
+  return jt(s, -1, g);
 }
-function Be(s, l, f) {
-  return Lt(s, -1, f);
+function He(s, l, g) {
+  return qt(s, -1, g);
 }
-const oa = {
+const ua = {
   id: "date-range-picker",
   capabilities: [
     "range_pick",
@@ -38,11 +38,11 @@ const oa = {
       descriptionKey: "ui.agent.dateRangePicker.state.range",
       description: "Currently-selected ISO date range endpoints, each possibly null.",
       read: (s) => {
-        var f, m;
+        var g, p;
         const l = s.getRange();
         return {
-          from: ((f = l.from) == null ? void 0 : f.toISOString()) ?? null,
-          to: ((m = l.to) == null ? void 0 : m.toISOString()) ?? null
+          from: ((g = l.from) == null ? void 0 : g.toISOString()) ?? null,
+          to: ((p = l.to) == null ? void 0 : p.toISOString()) ?? null
         };
       }
     },
@@ -63,11 +63,11 @@ const oa = {
       descriptionKey: "ui.agent.dateRangePicker.state.compareRange",
       description: "Resolved comparison period when compare-to-previous-period is on, else null.",
       read: (s) => {
-        var f, m;
+        var g, p;
         const l = s.getCompareRange();
         return l ? {
-          from: ((f = l.from) == null ? void 0 : f.toISOString()) ?? null,
-          to: ((m = l.to) == null ? void 0 : m.toISOString()) ?? null
+          from: ((g = l.from) == null ? void 0 : g.toISOString()) ?? null,
+          to: ((p = l.to) == null ? void 0 : p.toISOString()) ?? null
         } : null;
       }
     }
@@ -211,71 +211,79 @@ const oa = {
       description: "Sourced from the id prop."
     }
   }
-}, Ye = [
+}, Qe = [
   { value: "day", fallback: "Day" },
   { value: "week", fallback: "Week" },
   { value: "month", fallback: "Month" },
   { value: "quarter", fallback: "Quarter" }
-], ia = [
+], pa = [
   { value: "previous", fallback: "Previous period" },
   { value: "lastYear", fallback: "Same period last year" }
-], da = It(
+], fa = Et(
   ({
     value: s,
     defaultValue: l,
-    onChange: f,
-    commitMode: m = "auto",
-    onApply: P,
-    onCancel: N,
-    showClear: Ue = !0,
-    numberOfMonths: He = 2,
-    granularity: me,
-    defaultGranularity: fe,
-    onGranularityChange: Qe,
-    allowedGranularities: Y,
-    compare: ge = !1,
-    defaultCompare: Je = !1,
-    defaultCompareMode: Xe = "previous",
-    onCompareChange: D,
-    weekStartsOn: M,
-    minDate: U,
-    maxDate: H,
-    presets: Q,
-    mergePresets: Ze = !1,
-    size: ve = "md",
-    chrome: et = "input",
-    disabled: tt,
-    placeholder: at,
-    className: rt,
-    id: st
-  }, nt) => {
-    const { t: n, i18n: ye } = Et(), V = Mt(), J = st ?? V.id, he = V.disabled || tt, ot = V.invalid ? "error" : "default", u = $t(ye.language), p = At(ye.language), it = at ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [dt, be] = $e({
+    onChange: g,
+    commitMode: p = "auto",
+    onApply: w,
+    onCancel: I,
+    showClear: Je = !0,
+    numberOfMonths: Xe = 2,
+    granularity: ye,
+    defaultGranularity: he,
+    onGranularityChange: Ze,
+    allowedGranularities: X,
+    compare: j = !1,
+    compareEnabled: et,
+    defaultCompare: tt = !1,
+    defaultCompareMode: at = "previous",
+    onCompareChange: f,
+    weekStartsOn: K,
+    minDate: Z,
+    maxDate: ee,
+    presets: te,
+    mergePresets: rt = !1,
+    size: be = "md",
+    chrome: st = "input",
+    disabled: nt,
+    placeholder: it,
+    className: ot,
+    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 = zt(ke.language), ut = it ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [pt, xe] = me({
       value: s,
       defaultValue: l ?? {},
-      onChange: f
-    }), i = dt ?? {}, [C, b] = y(!1), [a, S] = y(i), [lt, X] = y(i.from ?? /* @__PURE__ */ new Date()), [ke, Re] = y(""), [xe, Pe] = y(""), [w, F] = y(!1), [I, K] = y(!1), $ = me !== void 0 || fe !== void 0, A = Y && Y.length > 0 ? Y : void 0, Ne = A ? Ye.filter(
-      (e) => A.includes(e.value)
-    ) : Ye, L = (e) => {
+      onChange: g
+    }), o = pt ?? {}, [O, R] = b(!1), [a, T] = b(o), [ft, re] = b(o.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(
+      (e) => _.includes(e.value)
+    ) : Qe, W = (e) => {
       var t;
-      return !A || A.includes(e) ? e : ((t = Ne[0]) == null ? void 0 : t.value) ?? e;
-    }, [ct, Z] = $e({
-      value: me,
-      defaultValue: L(fe ?? "day"),
-      onChange: Qe
-    }), W = L(ct ?? "day"), [ee, ut] = y(Je), [De, pt] = y(Xe), mt = ce(null), x = ce(!1), Ce = G(), Se = G(), we = G(), Ie = G(), te = G(), ft = G(), k = Ke(
+      return !_ || _.includes(e) ? e : ((t = we[0]) == null ? void 0 : t.value) ?? e;
+    }, [mt, se] = me({
+      value: ye,
+      defaultValue: W(he ?? "day"),
+      onChange: Ze
+    }), z = W(mt ?? "day"), [C, B] = me({
+      value: et,
+      defaultValue: tt
+      // 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(
       (e) => {
-        be(e);
+        xe(e);
       },
-      [be]
-    ), gt = Wt(U, H), vt = (e) => (U ? ta(e, U) : !1) || (H ? pe(e, H) : !1);
-    Le(() => {
-      C && (S(i), F(!1), K(!1), x.current = !1);
-    }, [C]), Le(() => {
-      w || Re(
-        a.from ? h(a.from, p, { locale: u }) : ""
-      ), I || Pe(a.to ? h(a.to, p, { locale: u }) : "");
-    }, [a.from, a.to, p, u]);
-    const Oe = [
+      [xe]
+    ), ht = Bt(Z, ee), bt = (e) => (Z ? ia(e, Z) : !1) || (ee ? ve(e, ee) : !1);
+    je(() => {
+      O && (T(o), E(C ?? !1), L(!1), $(!1), D.current = !1);
+    }, [O]), je(() => {
+      G || Ne(
+        a.from ? k(a.from, m, { locale: u }) : ""
+      ), V || Se(a.to ? k(a.to, m, { locale: u }) : "");
+    }, [a.from, a.to, m, u]);
+    const Ce = [
       {
         label: n("inputs.dateRangePicker.presets.today", "Today"),
         range: () => {
@@ -286,14 +294,14 @@ const oa = {
       {
         label: n("inputs.dateRangePicker.presets.yesterday", "Yesterday"),
         range: () => {
-          const e = E(/* @__PURE__ */ new Date(), 1);
+          const e = F(/* @__PURE__ */ new Date(), 1);
           return { from: e, to: e };
         }
       },
       {
         label: n("inputs.dateRangePicker.presets.last7", "Last 7 days"),
         range: () => ({
-          from: E(/* @__PURE__ */ new Date(), 6),
+          from: F(/* @__PURE__ */ new Date(), 6),
           to: /* @__PURE__ */ new Date()
         })
       },
@@ -302,191 +310,200 @@ const oa = {
         range: () => ({
           // `weekStartsOn` (when set) overrides the locale's first day; when
           // undefined date-fns falls back to the locale.
-          from: We(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: M }),
-          to: Ae(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: M })
+          from: _e(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K }),
+          to: qe(/* @__PURE__ */ new Date(), { locale: u, weekStartsOn: K })
         })
       },
       {
         label: n("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
-          const e = na(/* @__PURE__ */ new Date());
+          const e = ca(/* @__PURE__ */ new Date());
           return {
-            from: We(e, { locale: u, weekStartsOn: M }),
-            to: Ae(e, { locale: u, weekStartsOn: M })
+            from: _e(e, { locale: u, weekStartsOn: K }),
+            to: qe(e, { locale: u, weekStartsOn: K })
           };
         }
       },
       {
         label: n("inputs.dateRangePicker.presets.thisMonth", "This month"),
         range: () => ({
-          from: qt(/* @__PURE__ */ new Date()),
-          to: jt(/* @__PURE__ */ new Date())
+          from: Ut(/* @__PURE__ */ new Date()),
+          to: Yt(/* @__PURE__ */ new Date())
         })
       },
       {
         label: n("inputs.dateRangePicker.presets.last30", "Last 30 days"),
         range: () => ({
-          from: E(/* @__PURE__ */ new Date(), 29),
+          from: F(/* @__PURE__ */ new Date(), 29),
           to: /* @__PURE__ */ new Date()
         })
       }
-    ], j = Q ? Ze ? [...Oe, ...Q] : Q : Oe, Te = (() => {
+    ], ie = te ? rt ? [...Ce, ...te] : te : Ce, Ee = (() => {
       const e = [], t = /* @__PURE__ */ new Map();
-      for (const d of j) {
-        const o = d.group ?? "";
-        t.has(o) || (t.set(o, []), e.push(o)), t.get(o).push(d);
+      for (const d of ie) {
+        const i = d.group ?? "";
+        t.has(i) || (t.set(i, []), e.push(i)), t.get(i).push(d);
       }
       return e.map((d) => ({ group: d, presets: t.get(d) }));
-    })(), yt = Te.some((e) => e.group !== ""), O = (e, t = De) => {
+    })(), kt = Ee.some((e) => e.group !== ""), y = (e, t = Ie) => {
       if (!e.from || !e.to) return;
       if (t === "lastYear")
-        return { from: Be(e.from), to: Be(e.to) };
-      const d = ue(e.to, e.from), o = E(e.from, 1);
-      return { from: E(o, d), to: o };
-    }, T = ge && ee, v = T ? O(a) : void 0, ht = (() => {
-      if (!(v != null && v.from) || !v.to) return;
-      const e = v.from, t = v.to, d = {
+        return { from: He(e.from), to: He(e.to) };
+      const d = ge(e.to, e.from), i = F(e.from, 1);
+      return { from: F(i, d), to: i };
+    }, Y = j && N, Me = j && (C ?? !1), h = Y ? y(a) : void 0, Rt = (() => {
+      if (!(h != null && h.from) || !h.to) return;
+      const e = h.from, t = h.to, d = {
         compareStart: e,
         compareEnd: t
       };
-      return ue(t, e) >= 2 && (d.compareMiddle = { from: _t(e, 1), to: E(t, 1) }), d;
-    })(), Ge = (e) => {
+      return ge(t, e) >= 2 && (d.compareMiddle = { from: Ht(e, 1), to: F(t, 1) }), d;
+    })(), Fe = (e) => {
       const t = {};
-      return $ && (t.granularity = W), T && (t.compareRange = O(e)), t.granularity || t.compareRange ? t : void 0;
-    }, bt = (e) => {
+      return q && (t.granularity = z), Y && (t.compareRange = y(e)), t.granularity || t.compareRange ? t : void 0;
+    }, xt = (e) => {
       const t = e;
-      pt(t), T && (D == null || D(!0, O(a, t)));
-    }, ae = (e) => {
-      ut(e), D == null || D(e, e ? O(a) : void 0);
-    }, re = Ke(
+      gt(t), Y && p === "auto" && (f == null || f(!0, y(a, t)));
+    }, Pt = (e) => {
+      E(e), p === "auto" && (B(e), f == null || f(e, e ? y(a) : void 0));
+    }, oe = We(
       (e) => {
-        S(e), m === "auto" && e.from && e.to && k(e);
+        T(e), p === "auto" && e.from && e.to && x(e);
       },
-      [m, k]
-    ), kt = (e) => {
-      F(!1), K(!1), re({ from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to });
-    }, Rt = (e) => {
+      [p, x]
+    ), Nt = (e) => {
+      L(!1), $(!1), oe({ from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to });
+    }, Dt = (e) => {
       const t = e.range();
-      F(!1), K(!1), S(t), X(t.from), m === "auto" && (k(t), P == null || P(t, Ge(t)), x.current = !0, b(!1));
-    }, se = (e, t) => {
-      const d = e === "from" ? F : K;
+      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) => {
+      const d = e === "from" ? L : $;
       if (t.trim() === "") {
-        d(!1), re(
+        d(!1), oe(
           e === "from" ? { from: void 0, to: a.to } : { from: a.from, to: void 0 }
         );
         return;
       }
-      const o = sa(t, p, /* @__PURE__ */ new Date(), { locale: u });
-      if (!ea(o) || vt(o)) {
+      const i = la(t, m, /* @__PURE__ */ new Date(), { locale: u });
+      if (!na(i) || bt(i)) {
         d(!0);
         return;
       }
       d(!1);
-      let R;
-      e === "from" ? R = a.to && pe(o, a.to) ? { from: o, to: void 0 } : { from: o, to: a.to } : R = a.from && pe(a.from, o) ? { from: o, to: void 0 } : { from: a.from, to: o }, X(o), re(R);
-    }, Ee = (e) => (t) => {
-      t.key === "Enter" && (t.preventDefault(), se(e, e === "from" ? ke : xe));
-    }, xt = () => {
-      S({}), F(!1), K(!1), m === "auto" && k({});
-    }, Pt = !!(a.from && a.to), Nt = !a.from && !a.to, Me = (Pt || Nt) && !w && !I, ne = () => {
-      Me && (k(a), P == null || P(a, Ge(a))), x.current = !0, b(!1);
-    }, Dt = () => {
-      x.current = !0, b(!1);
-    }, oe = () => {
-      m === "apply" && (N == null || N()), S(i), b(!1);
-    }, Ct = (e) => {
+      let P;
+      e === "from" ? P = a.to && ve(i, a.to) ? { from: i, to: void 0 } : { from: i, to: a.to } : P = a.from && ve(a.from, i) ? { from: i, to: void 0 } : { from: a.from, to: i }, re(i), oe(P);
+    }, Ke = (e) => (t) => {
+      t.key === "Enter" && (t.preventDefault(), de(e, e === "from" ? Pe : De));
+    }, St = () => {
+      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) && (B(N), f == null || f(
+        N,
+        N ? y(a) : void 0
+      )), w == null || w(a, Fe(a))), D.current = !0, R(!1);
+    }, Ot = () => {
+      D.current = !0, R(!1);
+    }, ce = () => {
+      p === "apply" && (I == null || I()), T(o), E(C ?? !1), R(!1);
+    }, Tt = (e) => {
       if (e) {
-        x.current = !1, b(!0);
+        D.current = !1, R(!0);
         return;
       }
-      m === "apply" && !x.current && (N == null || N()), S(i), x.current = !1, b(!1);
-    }, ie = (e) => {
-      if (!i.from || !i.to) return !1;
+      p === "apply" && !D.current && (I == null || I()), T(o), E(C ?? !1), D.current = !1, R(!1);
+    }, Gt = (e) => {
+      if (!o.from || !o.to) return !1;
       const t = e.range();
-      return ze(t.from, i.from) && ze(t.to, i.to);
-    }, Ve = (() => {
-      if (i.from && i.to) {
-        const e = h(i.from, p, { locale: u }), t = h(i.to, p, { locale: u });
+      return Ue(t.from, o.from) && Ue(t.to, o.to);
+    }, S = ie.find(Gt), Le = (() => {
+      if (o.from && o.to) {
+        const e = k(o.from, m, { locale: u }), t = k(o.to, m, { locale: u });
         return `${e} – ${t}`;
       }
-      return i.from ? h(i.from, p, { locale: u }) : "";
-    })(), q = a.from ? a.to ? null : "end" : "start", St = (() => {
+      return o.from ? k(o.from, m, { locale: u }) : "";
+    })(), U = a.from ? a.to ? null : "end" : "start", Vt = (() => {
       if (!a.from)
         return n("inputs.dateRangePicker.selectStart", "Select start date");
       if (!a.to)
         return n("inputs.dateRangePicker.selectEnd", "Select end date");
-      const e = ue(a.to, a.from) + 1, t = h(a.from, p, { locale: u }), d = h(a.to, p, { locale: u }), o = n("inputs.dateRangePicker.days", { count: e });
-      return `${t} – ${d} · ${o}`;
-    })(), g = ce({
-      currentValue: i,
-      open: C,
-      getGranularity: () => $ ? W : void 0,
-      setGranularity: (e) => Z(L(e)),
-      getCompareRange: () => T ? O(i) : void 0,
-      setCompare: (e) => ae(e),
-      getActivePreset: () => {
-        var e;
-        return (e = j.find(ie)) == null ? void 0 : e.label;
+      const e = ge(a.to, a.from) + 1, t = k(a.from, m, { locale: u }), d = k(a.to, m, { locale: u }), i = n("inputs.dateRangePicker.days", { count: e });
+      return `${t} – ${d} · ${i}`;
+    })(), v = fe({
+      currentValue: o,
+      open: O,
+      getGranularity: () => q ? z : void 0,
+      setGranularity: (e) => se(W(e)),
+      getCompareRange: () => Me ? y(o) : void 0,
+      // Imperative/agent path commits directly (like setRange/clear), so
+      // toggle_compare reflects in getCompareRange immediately — not a draft.
+      setCompare: (e) => {
+        E(e), B(e), f == null || f(
+          e,
+          e ? y(o) : void 0
+        );
       },
-      getActiveEnd: () => q,
-      apply: () => ne(),
-      cancel: () => oe()
+      getActivePreset: () => S == null ? void 0 : S.label,
+      getActiveEnd: () => U,
+      apply: () => le(),
+      cancel: () => ce()
     });
-    g.current = {
-      currentValue: i,
-      open: C,
-      getGranularity: () => $ ? W : void 0,
-      setGranularity: (e) => Z(L(e)),
-      getCompareRange: () => T ? O(i) : void 0,
-      setCompare: (e) => ae(e),
-      getActivePreset: () => {
-        var e;
-        return (e = j.find(ie)) == null ? void 0 : e.label;
+    v.current = {
+      currentValue: o,
+      open: O,
+      getGranularity: () => q ? z : void 0,
+      setGranularity: (e) => se(W(e)),
+      getCompareRange: () => Me ? y(o) : void 0,
+      setCompare: (e) => {
+        E(e), B(e), f == null || f(
+          e,
+          e ? y(o) : void 0
+        );
       },
-      getActiveEnd: () => q,
-      apply: () => ne(),
-      cancel: () => oe()
+      getActivePreset: () => S == null ? void 0 : S.label,
+      getActiveEnd: () => U,
+      apply: () => le(),
+      cancel: () => ce()
     };
-    const de = Ot(
+    const ue = Mt(
       () => ({
-        getRange: () => g.current.currentValue,
-        setRange: (e) => k(e),
-        clear: () => k({}),
-        isOpen: () => g.current.open,
-        open: () => b(!0),
-        close: () => b(!1),
-        getGranularity: () => g.current.getGranularity(),
-        setGranularity: (e) => g.current.setGranularity(e),
-        getCompareRange: () => g.current.getCompareRange(),
-        setCompare: (e) => g.current.setCompare(e),
-        getActivePreset: () => g.current.getActivePreset(),
-        getActiveEnd: () => g.current.getActiveEnd(),
-        apply: () => g.current.apply(),
-        cancel: () => g.current.cancel()
+        getRange: () => v.current.currentValue,
+        setRange: (e) => x(e),
+        clear: () => x({}),
+        isOpen: () => v.current.open,
+        open: () => R(!0),
+        close: () => R(!1),
+        getGranularity: () => v.current.getGranularity(),
+        setGranularity: (e) => v.current.setGranularity(e),
+        getCompareRange: () => v.current.getCompareRange(),
+        setCompare: (e) => v.current.setCompare(e),
+        getActivePreset: () => v.current.getActivePreset(),
+        getActiveEnd: () => v.current.getActiveEnd(),
+        apply: () => v.current.apply(),
+        cancel: () => v.current.cancel()
       }),
-      [k]
+      [x]
     );
-    Tt(nt, () => de, [de]), Ft(oa, de, J);
-    const Fe = (e) => e === "from" ? w ? "error" : q === "start" ? "active" : "default" : I ? "error" : q === "end" ? "active" : "default";
-    return /* @__PURE__ */ r(_.Root, { open: C, onOpenChange: Ct, children: /* @__PURE__ */ c(
+    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(
       "div",
       {
-        className: rt,
+        className: ot,
         "data-component": "date-range-picker",
-        "data-component-id": J,
+        "data-component-id": ae,
         children: [
-          /* @__PURE__ */ r(_.Trigger, { asChild: !0, disabled: he, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ r(H.Trigger, { asChild: !0, disabled: Re, children: /* @__PURE__ */ c(
             "button",
             {
-              ref: mt,
-              id: J,
+              ref: vt,
+              id: ae,
               type: "button",
-              disabled: he,
-              "aria-describedby": V.describedBy || void 0,
-              "aria-invalid": V.invalid || void 0,
+              disabled: Re,
+              "aria-describedby": A.describedBy || void 0,
+              "aria-invalid": A.invalid || void 0,
               "aria-haspopup": "dialog",
-              "aria-expanded": C,
-              className: Bt({ size: ve, tone: ot, chrome: et }),
+              "aria-expanded": O,
+              className: Jt({ size: be, tone: ct, chrome: st }),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -498,24 +515,24 @@ const oa = {
                       // lets the flex child shrink below its content width so
                       // `truncate` engages.
                       "ds:min-w-0 ds:flex-1 ds:truncate ds:text-start",
-                      Ve ? "ds:text-foreground" : "ds:text-muted-foreground"
+                      Le ? "ds:text-foreground" : "ds:text-muted-foreground"
                     ].join(" "),
-                    children: Ve || it
+                    children: Le || ut
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: zt({ size: ve }),
-                    children: /* @__PURE__ */ r(aa, {})
+                    className: Qt({ size: be }),
+                    children: /* @__PURE__ */ r(oa, {})
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ r(_.Portal, { children: /* @__PURE__ */ r(
-            _.Content,
+          /* @__PURE__ */ r(H.Portal, { children: /* @__PURE__ */ r(
+            H.Content,
             {
               sideOffset: 4,
               align: "start",
@@ -524,35 +541,35 @@ const oa = {
                 "inputs.dateRangePicker.title",
                 "Select date range"
               ),
-              className: Zt(),
+              className: sa(),
               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: Ce,
+                        id: Oe,
                         className: "type-body-sm ds:font-semibold ds:text-foreground",
                         children: n("inputs.dateRangePicker.title", "Select date range")
                       }
                     ),
-                    $ ? /* @__PURE__ */ r(
-                      z.Root,
+                    q ? /* @__PURE__ */ r(
+                      Q.Root,
                       {
-                        value: W,
-                        onValueChange: (e) => Z(
-                          L(e)
+                        value: z,
+                        onValueChange: (e) => se(
+                          W(e)
                         ),
                         "aria-label": n(
                           "inputs.dateRangePicker.granularityLabel",
                           "Granularity"
                         ),
-                        className: qe(),
-                        children: Ne.map((e) => /* @__PURE__ */ r(
-                          z.Item,
+                        className: Be(),
+                        children: we.map((e) => /* @__PURE__ */ r(
+                          Q.Item,
                           {
                             value: e.value,
-                            className: je(),
+                            className: ze(),
                             children: n(
                               `inputs.dateRangePicker.granularity.${e.value}`,
                               e.fallback
@@ -568,7 +585,7 @@ const oa = {
                       /* @__PURE__ */ r(
                         "label",
                         {
-                          htmlFor: Se,
+                          htmlFor: Te,
                           className: "ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground",
                           children: n("inputs.dateRangePicker.startLabel", "Start date")
                         }
@@ -576,18 +593,18 @@ const oa = {
                       /* @__PURE__ */ r(
                         "input",
                         {
-                          id: Se,
+                          id: Te,
                           type: "text",
                           inputMode: "numeric",
-                          value: ke,
-                          placeholder: p.toUpperCase(),
-                          "aria-invalid": w || void 0,
-                          "aria-describedby": w ? te : void 0,
-                          onChange: (e) => Re(e.target.value),
-                          onBlur: (e) => se("from", e.target.value),
-                          onKeyDown: Ee("from"),
-                          className: _e({
-                            state: Fe("from")
+                          value: Pe,
+                          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: Ye({
+                            state: $e("from")
                           })
                         }
                       )
@@ -604,7 +621,7 @@ const oa = {
                       /* @__PURE__ */ r(
                         "label",
                         {
-                          htmlFor: we,
+                          htmlFor: Ge,
                           className: "ds:text-[length:var(--font-size-xs)] ds:text-muted-foreground",
                           children: n("inputs.dateRangePicker.endLabel", "End date")
                         }
@@ -612,54 +629,54 @@ const oa = {
                       /* @__PURE__ */ r(
                         "input",
                         {
-                          id: we,
+                          id: Ge,
                           type: "text",
                           inputMode: "numeric",
-                          value: xe,
-                          placeholder: p.toUpperCase(),
-                          "aria-invalid": I || void 0,
-                          "aria-describedby": I ? te : void 0,
-                          onChange: (e) => Pe(e.target.value),
-                          onBlur: (e) => se("to", e.target.value),
-                          onKeyDown: Ee("to"),
-                          className: _e({
-                            state: Fe("to")
+                          value: De,
+                          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: Ye({
+                            state: $e("to")
                           })
                         }
                       )
                     ] })
                   ] }),
-                  w || I ? /* @__PURE__ */ r(
+                  G || V ? /* @__PURE__ */ r(
                     "p",
                     {
-                      id: te,
+                      id: ne,
                       role: "alert",
                       className: "ds:text-[length:var(--font-size-xs)] ds:text-destructive",
                       children: n(
                         "inputs.dateRangePicker.invalidDate",
                         "Enter a date as {{format}}",
                         {
-                          format: p.toUpperCase()
+                          format: m.toUpperCase()
                         }
                       )
                     }
                   ) : null
                 ] }),
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-                  j.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: Te.map((e, t) => {
-                    const d = `${Ce}-pg${t}`, o = e.presets.map((R) => {
-                      const le = ie(R);
+                  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: Ee.map((e, t) => {
+                    const d = `${Oe}-pg${t}`, i = e.presets.map((P) => {
+                      const pe = P === S;
                       return /* @__PURE__ */ c(
                         "button",
                         {
                           type: "button",
-                          "aria-pressed": le,
-                          onClick: () => Rt(R),
-                          className: Yt({ active: le }),
+                          "aria-pressed": pe,
+                          onClick: () => Dt(P),
+                          className: Xt({ active: pe }),
                           children: [
-                            /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: R.label }),
-                            le ? /* @__PURE__ */ r(
-                              ra,
+                            /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: P.label }),
+                            pe ? /* @__PURE__ */ r(
+                              da,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -667,10 +684,10 @@ const oa = {
                             ) : null
                           ]
                         },
-                        R.label
+                        P.label
                       );
                     });
-                    return yt && e.group ? /* @__PURE__ */ c(
+                    return kt && e.group ? /* @__PURE__ */ c(
                       "div",
                       {
                         role: "group",
@@ -681,56 +698,56 @@ const oa = {
                             "div",
                             {
                               id: d,
-                              className: Ut(),
+                              className: Zt(),
                               children: e.group
                             }
                           ),
-                          o
+                          i
                         ]
                       },
                       e.group
-                    ) : /* @__PURE__ */ r(Gt, { children: o }, e.group || "_ungrouped");
+                    ) : /* @__PURE__ */ r(Kt, { children: i }, e.group || "_ungrouped");
                   }) }) : null,
-                  /* @__PURE__ */ c("div", { role: "region", "aria-labelledby": Ie, children: [
-                    /* @__PURE__ */ r("span", { id: Ie, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
+                  /* @__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__ */ r(
-                      Ht,
+                      ea,
                       {
                         mode: "range",
                         selected: a.from ? { from: a.from, to: a.to } : void 0,
-                        onSelect: kt,
-                        month: lt,
-                        onMonthChange: X,
-                        numberOfMonths: He,
-                        weekStartsOn: M,
-                        disabled: gt,
+                        onSelect: Nt,
+                        month: ft,
+                        onMonthChange: re,
+                        numberOfMonths: Xe,
+                        weekStartsOn: K,
+                        disabled: ht,
                         locale: u,
                         showOutsideDays: !0,
                         fixedWeeks: !0,
                         pagedNavigation: !0,
-                        classNames: Xt,
-                        modifiers: ht,
-                        modifiersClassNames: Jt,
-                        components: { Chevron: Qt }
+                        classNames: ra,
+                        modifiers: Rt,
+                        modifiersClassNames: aa,
+                        components: { Chevron: ta }
                       }
                     )
                   ] })
                 ] }),
-                ge ? /* @__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: [
+                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(
-                    Vt,
+                    $t,
                     {
-                      id: ft,
+                      id: yt,
                       label: n(
                         "inputs.dateRangePicker.compareLabel",
                         "Compare to previous period"
                       ),
                       size: "sm",
-                      checked: ee,
-                      onCheckedChange: ae
+                      checked: N,
+                      onCheckedChange: Pt
                     }
                   ),
-                  T && v ? /* @__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: [
+                  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: [
                     /* @__PURE__ */ r(
                       "span",
                       {
@@ -738,23 +755,23 @@ const oa = {
                         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)]"
                       }
                     ),
-                    `${h(v.from, p, { locale: u })} – ${h(v.to, p, { locale: u })}`
+                    `${k(h.from, m, { locale: u })} – ${k(h.to, m, { locale: u })}`
                   ] }) : null,
-                  ee ? /* @__PURE__ */ r(
-                    z.Root,
+                  N ? /* @__PURE__ */ r(
+                    Q.Root,
                     {
-                      value: De,
-                      onValueChange: bt,
+                      value: Ie,
+                      onValueChange: xt,
                       "aria-label": n(
                         "inputs.dateRangePicker.compareModeLabel",
                         "Comparison period"
                       ),
-                      className: `${qe()} ds:ms-auto`,
-                      children: ia.map((e) => /* @__PURE__ */ r(
-                        z.Item,
+                      className: `${Be()} ds:ms-auto`,
+                      children: pa.map((e) => /* @__PURE__ */ r(
+                        Q.Item,
                         {
                           value: e.value,
-                          className: je(),
+                          className: ze(),
                           children: n(
                             `inputs.dateRangePicker.compareMode.${e.value}`,
                             e.fallback
@@ -772,26 +789,26 @@ const oa = {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:min-w-0 ds:truncate ds:text-muted-foreground",
-                      children: St
+                      children: Vt
                     }
                   ),
                   /* @__PURE__ */ c("div", { className: "ds:flex ds:shrink-0 ds:gap-[var(--spacing-xs)]", children: [
-                    Ue ? /* @__PURE__ */ r(
+                    Je ? /* @__PURE__ */ r(
                       "button",
                       {
                         type: "button",
-                        onClick: xt,
-                        className: B({ intent: "ghost" }),
+                        onClick: St,
+                        className: J({ intent: "ghost" }),
                         children: n("inputs.dateRangePicker.clear", "Clear")
                       }
                     ) : null,
-                    m === "apply" ? /* @__PURE__ */ c(wt, { children: [
+                    p === "apply" ? /* @__PURE__ */ c(Ct, { children: [
                       /* @__PURE__ */ r(
                         "button",
                         {
                           type: "button",
-                          onClick: oe,
-                          className: B({ intent: "ghost" }),
+                          onClick: ce,
+                          className: J({ intent: "ghost" }),
                           children: n("inputs.dateRangePicker.cancel", "Cancel")
                         }
                       ),
@@ -799,9 +816,9 @@ const oa = {
                         "button",
                         {
                           type: "button",
-                          disabled: !Me,
-                          onClick: ne,
-                          className: B({ intent: "primary" }),
+                          disabled: !Ae,
+                          onClick: le,
+                          className: J({ intent: "primary" }),
                           children: n("inputs.dateRangePicker.apply", "Apply")
                         }
                       )
@@ -809,8 +826,8 @@ const oa = {
                       "button",
                       {
                         type: "button",
-                        onClick: Dt,
-                        className: B({ intent: "primary" }),
+                        onClick: Ot,
+                        className: J({ intent: "primary" }),
                         children: n("inputs.dateRangePicker.done", "Done")
                       }
                     )
@@ -824,9 +841,9 @@ const oa = {
     ) });
   }
 );
-da.displayName = "DateRangePicker";
+fa.displayName = "DateRangePicker";
 export {
-  da as D,
-  oa as d
+  fa as D,
+  ua as d
 };
-//# sourceMappingURL=date-range-picker-Cfv4Sr63.js.map
+//# sourceMappingURL=date-range-picker-pEG3Ln3i.js.map