impact-nova 1.8.1 → 1.8.3

package/dist/components/ui/date-picker/month-picker.js

@@ -1,11 +1,11 @@
-import { jsxs as M, jsx as n } from "react/jsx-runtime";
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import * as o from "react";
-import { X as K } from "lucide-react";
-import { CalendarMonth as L } from "../../../icons/index.js";
-import { isValid as u, parse as C } from "date-fns";
-import { cn as Q, padValidDateString as U, maskDate as W } from "../../../lib/utils.js";
-import { Input as Z } from "../input.js";
-import { Popover as _, PopoverTrigger as F, PopoverContent as v } from "../popover.js";
+import { X as L } from "lucide-react";
+import { CalendarMonth as Q } from "../../../icons/index.js";
+import { isValid as C, parse as P } from "date-fns";
+import { cn as U, padValidDateString as W, maskDate as Z } from "../../../lib/utils.js";
+import { Input as _ } from "../input.js";
+import { Popover as b, PopoverTrigger as F, PopoverContent as v } from "../popover.js";
 import { Calendar as tt } from "../calendar.js";
 import { Tooltip as I, TooltipTrigger as T, TooltipContent as N } from "../tooltip.js";
 import { useImpactNovaI18n as et } from "../../../i18n/ImpactNovaI18nContext.js";
@@ -18,69 +18,71 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt =
     maxDate: R,
     startMonth: O,
     endMonth: Y,
-    showFooter: d = !0,
-    disabled: P,
+    showFooter: p = !0,
+    disabled: m,
     className: j,
     ...B
   }, E) => {
-    const { t: m } = et(), $ = V ?? m("datePicker.selectMonth"), w = o.useRef(null);
+    const { t: y } = et(), $ = V ?? y("datePicker.selectMonth"), w = o.useRef(null);
     o.useRef(null), o.useImperativeHandle(E, () => w.current);
-    const [r, f] = o.useState(!1), [S, a] = o.useState(t), [l, i] = o.useState(t ? c(t) : ""), [b, g] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
+    const [r, h] = o.useState(!1), [S, a] = o.useState(t), [l, i] = o.useState(t ? c(t) : ""), [H, u] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
     o.useEffect(() => {
       r || (i(t ? c(t) : ""), a(t));
     }, [r, t]), o.useEffect(() => {
-      r && (a(t), g(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), i(t ? c(t) : ""));
+      r && (a(t), u(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), i(t ? c(t) : ""));
     }, [r, t]);
-    const H = (e) => {
-      a(e), e && i(c(e)), d || (s?.(e), f(!1));
-    }, X = (e) => {
-      s?.(e !== void 0 ? e : S), f(!1);
-    }, q = () => {
-      a(t), i(t ? c(t) : ""), f(!1);
+    const X = (e) => {
+      a(e), e && i(c(e)), p || (s?.(e), h(!1));
+    }, q = (e) => {
+      s?.(e !== void 0 ? e : S), h(!1);
+    }, z = () => {
+      a(t), i(t ? c(t) : ""), h(!1);
     }, k = () => {
-      a(void 0), i(""), s?.(void 0), d || f(!1);
-    }, z = (e) => {
-      const p = e.target.value, h = W(p, "MM/yyyy", l);
-      if (i(h), h === "") {
-        a(void 0), d || s?.(void 0);
+      a(void 0), i(""), s?.(void 0), p || h(!1);
+    }, G = (e) => {
+      const d = e.target.value, f = Z(d, "MM/yyyy", l);
+      if (i(f), f === "") {
+        a(void 0), p || s?.(void 0);
         return;
       }
-      const y = C(h, "MM/yyyy", /* @__PURE__ */ new Date());
-      if (u(y) && h.length === 7) {
-        const x = { month: y.getMonth(), year: y.getFullYear() };
-        a(x), g(y), d || s?.(x);
+      const M = P(f, "MM/yyyy", /* @__PURE__ */ new Date());
+      if (C(M) && f.length === 7) {
+        const x = { month: M.getMonth(), year: M.getFullYear() };
+        a(x), u(M), p || s?.(x);
       }
-    }, G = () => {
+    }, J = () => {
       if (r) return;
-      const e = U(l, "MM/yyyy"), p = C(e, "MM/yyyy", /* @__PURE__ */ new Date());
-      if (!u(p) || e.length !== 7)
+      const e = W(l, "MM/yyyy"), d = P(e, "MM/yyyy", /* @__PURE__ */ new Date());
+      if (!C(d) || e.length !== 7)
         i(t ? c(t) : ""), a(t);
-      else if (i(e), !d) {
-        const h = { month: p.getMonth(), year: p.getFullYear() };
-        s?.(h);
+      else if (i(e), !p) {
+        const f = { month: d.getMonth(), year: d.getFullYear() };
+        s?.(f);
       }
-    }, D = (t ? c(t) : "") !== l, J = l.length === 7 && !u(C(l, "MM/yyyy", /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ M(_, { open: r, onOpenChange: f, children: [
+    }, D = (t ? c(t) : "") !== l, K = l.length === 7 && !C(P(l, "MM/yyyy", /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ g(b, { open: m ? !1 : r, onOpenChange: (e) => {
+      m || h(e);
+    }, children: [
       /* @__PURE__ */ n(F, { asChild: !0, children: /* @__PURE__ */ n("div", { "data-component": "month-picker", "data-state": r ? "open" : "closed", "data-pending": D || void 0, children: /* @__PURE__ */ n(
-        Z,
+        _,
         {
           ref: w,
           value: l,
-          onChange: z,
-          onBlur: G,
+          onChange: G,
+          onBlur: J,
           onClick: (e) => r && e.stopPropagation(),
-          placeholder: r ? m("datePicker.monthYearFormat") : $,
-          disabled: P,
+          placeholder: r ? y("datePicker.monthYearFormat") : $,
+          disabled: m,
           "data-form-control": "input",
-          className: Q(
+          className: U(
             "cursor-pointer",
-            J ? "text-destructive" : D ? "text-content-muted" : "",
+            K ? "text-destructive" : D ? "text-content-muted" : "",
             j
           ),
-          suffix: /* @__PURE__ */ M("div", { className: "flex items-center gap-1", children: [
-            t && !P && /* @__PURE__ */ M(I, { children: [
+          suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
+            t && !m && /* @__PURE__ */ g(I, { children: [
               /* @__PURE__ */ n(T, { asChild: !0, children: /* @__PURE__ */ n(
-                K,
+                L,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (e) => {
@@ -88,11 +90,11 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt =
                   }
                 }
               ) }),
-              /* @__PURE__ */ n(N, { variant: "tertiary", side: "top", children: m("calendar.clear") })
+              /* @__PURE__ */ n(N, { variant: "tertiary", side: "top", children: y("calendar.clear") })
             ] }),
-            /* @__PURE__ */ M(I, { children: [
-              /* @__PURE__ */ n(T, { asChild: !0, children: /* @__PURE__ */ n(L, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ n(N, { variant: "tertiary", side: "top", children: m("datePicker.selectMonth") })
+            /* @__PURE__ */ g(I, { children: [
+              /* @__PURE__ */ n(T, { asChild: !0, children: /* @__PURE__ */ n(Q, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ n(N, { variant: "tertiary", side: "top", children: y("datePicker.selectMonth") })
             ] })
           ] }),
           ...B
@@ -110,15 +112,15 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt =
               pickerType: "month",
               monthMode: "single",
               selectedMonths: S,
-              onMonthSelect: H,
-              month: b,
-              onMonthChange: g,
+              onMonthSelect: X,
+              month: H,
+              onMonthChange: u,
               disabled: { before: A, after: R },
               startMonth: O,
               endMonth: Y,
-              showFooter: d,
-              onApply: X,
-              onCancel: q,
+              showFooter: p,
+              onApply: q,
+              onCancel: z,
               onClear: k
             }
           )

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

@@ -1,17 +1,17 @@
-import { jsxs as u, jsx as d } from "react/jsx-runtime";
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
 import * as p from "react";
 import { X as ht } from "lucide-react";
 import { CalendarMonth as gt, Info as G } from "../../../icons/index.js";
-import { isValid as x, parse as M } from "date-fns";
-import { cn as h, padValidDateString as R, maskDate as J } from "../../../lib/utils.js";
+import { isValid as M, parse as Y } from "date-fns";
+import { cn as g, padValidDateString as R, maskDate as J } from "../../../lib/utils.js";
 import { Popover as xt, PopoverTrigger as Mt, PopoverContent as Yt } from "../popover.js";
 import { Calendar as yt } from "../calendar.js";
 import { Tooltip as L, TooltipTrigger as Q, TooltipContent as U } from "../tooltip.js";
-import { useImpactNovaI18n as bt } from "../../../i18n/ImpactNovaI18nContext.js";
+import { useImpactNovaI18n as wt } from "../../../i18n/ImpactNovaI18nContext.js";
 const m = (e, i = "MM/YYYY") => {
   const A = (e.month + 1).toString().padStart(2, "0");
   return i === "YYYY/MM" ? `${e.year}/${A}` : `${A}/${e.year}`;
-}, wt = p.forwardRef(
+}, bt = p.forwardRef(
   ({
     value: e,
     onChange: i,
@@ -20,10 +20,10 @@ const m = (e, i = "MM/YYYY") => {
     maxDate: W,
     startMonth: Z,
     endMonth: _,
-    showFooter: g = !0,
-    disabled: P,
+    showFooter: x = !0,
+    disabled: u,
     className: F,
-    isError: D,
+    isError: S,
     size: B,
     label: O,
     helperText: E,
@@ -34,74 +34,74 @@ const m = (e, i = "MM/YYYY") => {
     displayFormat: a = "MM/YYYY",
     ...et
   }, nt) => {
-    const { t: Y } = bt();
-    A ?? Y("datePicker.selectMonthRange");
+    const { t: y } = wt();
+    A ?? y("datePicker.selectMonthRange");
     const T = p.useRef(null), ot = p.useRef(null), c = p.useMemo(
       () => a === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [a]
     );
     p.useImperativeHandle(nt, () => T.current);
-    const [s, y] = p.useState(!1), V = p.useRef(!1), [v, b] = p.useState(e), [w, S] = p.useState(e?.from ? m(e.from, a) : ""), [k, N] = p.useState(e?.to ? m(e.to, a) : ""), [rt, j] = p.useState(() => e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date());
+    const [s, w] = p.useState(!1), V = p.useRef(!1), [v, b] = p.useState(e), [k, N] = p.useState(e?.from ? m(e.from, a) : ""), [D, P] = p.useState(e?.to ? m(e.to, a) : ""), [rt, j] = p.useState(() => e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date());
     p.useEffect(() => {
-      s || (S(e?.from ? m(e.from, a) : ""), N(e?.to ? m(e.to, a) : ""), b(e));
+      s || (N(e?.from ? m(e.from, a) : ""), P(e?.to ? m(e.to, a) : ""), b(e));
     }, [s, e, a]), p.useEffect(() => {
-      s && (b(e), S(e?.from ? m(e.from, a) : ""), N(e?.to ? m(e.to, a) : ""), j(e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date()));
+      s && (b(e), N(e?.from ? m(e.from, a) : ""), P(e?.to ? m(e.to, a) : ""), j(e?.from ? new Date(e.from.year, e.from.month, 1) : I || /* @__PURE__ */ new Date()));
     }, [s, e, a, I]);
     const at = (t) => {
-      b(t), t?.from && S(m(t.from, a)), t?.to && N(m(t.to, a)), !g && t?.from && t?.to && (t.from.month !== t.to.month || t.from.year !== t.to.year) && (i?.(t), y(!1));
+      b(t), t?.from && N(m(t.from, a)), t?.to && P(m(t.to, a)), !x && t?.from && t?.to && (t.from.month !== t.to.month || t.from.year !== t.to.year) && (i?.(t), w(!1));
     }, st = (t) => {
-      i?.(t !== void 0 ? t : v), y(!1);
+      i?.(t !== void 0 ? t : v), w(!1);
     }, $ = () => {
-      b(e), S(e?.from ? m(e.from, a) : ""), N(e?.to ? m(e.to, a) : ""), y(!1);
+      b(e), N(e?.from ? m(e.from, a) : ""), P(e?.to ? m(e.to, a) : ""), w(!1);
     }, z = () => {
-      b(void 0), S(""), N(""), i?.(void 0), g || y(!1);
+      b(void 0), N(""), P(""), i?.(void 0), x || w(!1);
     }, it = (t) => {
-      const f = t.target.value, r = J(f, c, w);
-      if (S(r), r === "") {
+      const f = t.target.value, r = J(f, c, k);
+      if (N(r), r === "") {
         const o = { from: void 0, to: v?.to };
-        b(o), g || i?.(o);
+        b(o), x || i?.(o);
         return;
       }
-      const n = M(r, c, /* @__PURE__ */ new Date());
-      if (x(n) && r.length === 7) {
+      const n = Y(r, c, /* @__PURE__ */ new Date());
+      if (M(n) && r.length === 7) {
         const l = { from: { month: n.getMonth(), year: n.getFullYear() }, to: v?.to };
-        b(l), j(n), g || i?.(l);
+        b(l), j(n), x || i?.(l);
       }
     }, ct = (t) => {
-      const f = t.target.value, r = J(f, c, k);
-      if (N(r), r === "") {
+      const f = t.target.value, r = J(f, c, D);
+      if (P(r), r === "") {
         const o = { from: v?.from, to: void 0 };
-        b(o), g || i?.(o);
+        b(o), x || i?.(o);
         return;
       }
-      const n = M(r, c, /* @__PURE__ */ new Date());
-      if (x(n) && r.length === 7) {
+      const n = Y(r, c, /* @__PURE__ */ new Date());
+      if (M(n) && r.length === 7) {
         const o = { month: n.getMonth(), year: n.getFullYear() }, l = { from: v?.from, to: o };
-        b(l), j(n), g || i?.(l);
+        b(l), j(n), x || i?.(l);
       }
     }, H = () => {
       if (s) return;
-      const t = R(w, c), f = R(k, c), r = M(t, c, /* @__PURE__ */ new Date()), n = M(f, c, /* @__PURE__ */ new Date()), o = x(r) && t.length === 7, l = x(n) && f.length === 7;
-      w && !o ? S(e?.from ? m(e.from, a) : "") : o && S(t), k && !l ? N(e?.to ? m(e.to, a) : "") : l && N(f), o && l && !g ? i?.({
+      const t = R(k, c), f = R(D, c), r = Y(t, c, /* @__PURE__ */ new Date()), n = Y(f, c, /* @__PURE__ */ new Date()), o = M(r) && t.length === 7, l = M(n) && f.length === 7;
+      k && !o ? N(e?.from ? m(e.from, a) : "") : o && N(t), D && !l ? P(e?.to ? m(e.to, a) : "") : l && P(f), o && l && !x ? i?.({
         from: { month: r.getMonth(), year: r.getFullYear() },
         to: { month: n.getMonth(), year: n.getFullYear() }
-      }) : o && !g ? i?.({
+      }) : o && !x ? i?.({
         from: { month: r.getMonth(), year: r.getFullYear() },
         to: e?.to
-      }) : l && !g && i?.({
+      }) : l && !x && i?.({
         from: e?.from,
         to: { month: n.getMonth(), year: n.getFullYear() }
       });
-    }, dt = e?.from ? m(e.from, a) : "", lt = e?.to ? m(e.to, a) : "", ft = w !== dt, mt = k !== lt, pt = w.length === 7 && !x(M(w, c, /* @__PURE__ */ new Date())), ut = k.length === 7 && !x(M(k, c, /* @__PURE__ */ new Date())), X = Y("datePicker.startMonth"), q = Y("datePicker.endMonth");
-    return /* @__PURE__ */ u("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "month-range-picker", "data-disabled": P || void 0, children: [
-      /* @__PURE__ */ u("div", { className: "flex flex-col gap-[6px]", children: [
-        O && /* @__PURE__ */ u(
+    }, dt = e?.from ? m(e.from, a) : "", lt = e?.to ? m(e.to, a) : "", ft = k !== dt, mt = D !== lt, pt = k.length === 7 && !M(Y(k, c, /* @__PURE__ */ new Date())), ut = D.length === 7 && !M(Y(D, c, /* @__PURE__ */ new Date())), X = y("datePicker.startMonth"), q = y("datePicker.endMonth");
+    return /* @__PURE__ */ h("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "month-range-picker", "data-disabled": u || void 0, children: [
+      /* @__PURE__ */ h("div", { className: "flex flex-col gap-[6px]", children: [
+        O && /* @__PURE__ */ h(
           "label",
           {
-            className: h(
+            className: g(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              P && "opacity-70",
-              D && "text-destructive"
+              u && "opacity-70",
+              S && "text-destructive"
             ),
             children: [
               O,
@@ -110,42 +110,44 @@ const m = (e, i = "MM/YYYY") => {
             ]
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ h(
           "div",
           {
-            className: h(
+            className: g(
               "w-full",
               E && K === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ u(xt, { open: s, onOpenChange: y, children: [
-                /* @__PURE__ */ d(Mt, { asChild: !0, children: /* @__PURE__ */ u(
+              /* @__PURE__ */ h(xt, { open: u ? !1 : s, onOpenChange: (t) => {
+                u || w(t);
+              }, children: [
+                /* @__PURE__ */ d(Mt, { asChild: !0, children: /* @__PURE__ */ h(
                   "div",
                   {
                     "data-state": s ? "open" : "closed",
-                    className: h(
+                    className: g(
                       "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-                      D ? "border-destructive hover:border-destructive" : "border-field",
+                      S ? "border-destructive hover:border-destructive" : "border-field",
                       B === "sm" ? "h-6" : B === "md" ? "h-[28px]" : "h-8",
-                      P && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                      u && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                       "cursor-pointer",
                       F
                     ),
                     children: [
-                      /* @__PURE__ */ u("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                      /* @__PURE__ */ h("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                         /* @__PURE__ */ d(
                           "input",
                           {
                             ref: T,
                             type: "text",
-                            value: w,
+                            value: k,
                             onChange: it,
                             onBlur: H,
                             onClick: (t) => s && t.stopPropagation(),
                             onKeyDown: (t) => {
                               if (t.key === "Enter" && !s) {
                                 t.preventDefault();
-                                const f = R(w, c), r = R(k, c), n = M(f, c, /* @__PURE__ */ new Date()), o = M(r, c, /* @__PURE__ */ new Date()), l = x(n) && f.length === 7, C = x(o) && r.length === 7;
+                                const f = R(k, c), r = R(D, c), n = Y(f, c, /* @__PURE__ */ new Date()), o = Y(r, c, /* @__PURE__ */ new Date()), l = M(n) && f.length === 7, C = M(o) && r.length === 7;
                                 l && C ? i?.({
                                   from: { month: n.getMonth(), year: n.getFullYear() },
                                   to: { month: o.getMonth(), year: o.getFullYear() }
@@ -157,13 +159,13 @@ const m = (e, i = "MM/YYYY") => {
                                   to: { month: o.getMonth(), year: o.getFullYear() }
                                 });
                               }
-                              t.key === "ArrowDown" && !s && (t.preventDefault(), V.current = !0, y(!0)), t.key === "Escape" && s && (t.preventDefault(), $());
+                              t.key === "ArrowDown" && !s && !u && (t.preventDefault(), V.current = !0, w(!0)), t.key === "Escape" && s && (t.preventDefault(), $());
                             },
-                            placeholder: s ? a === "YYYY/MM" ? "YYYY/MM" : Y("datePicker.monthYearFormat") : X,
-                            disabled: !!P,
+                            placeholder: s ? a === "YYYY/MM" ? "YYYY/MM" : y("datePicker.monthYearFormat") : X,
+                            disabled: !!u,
                             "aria-label": X,
                             "data-field": "start",
-                            className: h(
+                            className: g(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                               pt ? "text-destructive" : ft ? "text-content-muted" : ""
                             ),
@@ -175,14 +177,14 @@ const m = (e, i = "MM/YYYY") => {
                           {
                             ref: ot,
                             type: "text",
-                            value: k,
+                            value: D,
                             onChange: ct,
                             onBlur: H,
                             onClick: (t) => s && t.stopPropagation(),
                             onKeyDown: (t) => {
                               if (t.key === "Enter" && !s) {
                                 t.preventDefault();
-                                const f = R(w, c), r = R(k, c), n = M(f, c, /* @__PURE__ */ new Date()), o = M(r, c, /* @__PURE__ */ new Date()), l = x(n) && f.length === 7, C = x(o) && r.length === 7;
+                                const f = R(k, c), r = R(D, c), n = Y(f, c, /* @__PURE__ */ new Date()), o = Y(r, c, /* @__PURE__ */ new Date()), l = M(n) && f.length === 7, C = M(o) && r.length === 7;
                                 l && C ? i?.({
                                   from: { month: n.getMonth(), year: n.getFullYear() },
                                   to: { month: o.getMonth(), year: o.getFullYear() }
@@ -194,27 +196,27 @@ const m = (e, i = "MM/YYYY") => {
                                   to: { month: o.getMonth(), year: o.getFullYear() }
                                 });
                               }
-                              t.key === "ArrowDown" && !s && (t.preventDefault(), V.current = !0, y(!0)), t.key === "Escape" && s && (t.preventDefault(), $());
+                              t.key === "ArrowDown" && !s && !u && (t.preventDefault(), V.current = !0, w(!0)), t.key === "Escape" && s && (t.preventDefault(), $());
                             },
-                            placeholder: s ? a === "YYYY/MM" ? "YYYY/MM" : Y("datePicker.monthYearFormat") : q,
-                            disabled: !!P,
+                            placeholder: s ? a === "YYYY/MM" ? "YYYY/MM" : y("datePicker.monthYearFormat") : q,
+                            disabled: !!u,
                             "aria-label": q,
                             "data-field": "end",
-                            className: h(
+                            className: g(
                               "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                               ut ? "text-destructive" : mt ? "text-content-muted" : ""
                             )
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ u("div", { className: "flex items-center gap-1 shrink-0", children: [
-                        e?.from && !P && /* @__PURE__ */ u(L, { children: [
+                      /* @__PURE__ */ h("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        e?.from && !u && /* @__PURE__ */ h(L, { children: [
                           /* @__PURE__ */ d(Q, { asChild: !0, children: /* @__PURE__ */ d(
                             "button",
                             {
                               type: "button",
                               tabIndex: 0,
-                              "aria-label": Y("calendar.clear"),
+                              "aria-label": y("calendar.clear"),
                               onClick: (t) => {
                                 t.stopPropagation(), z();
                               },
@@ -225,15 +227,15 @@ const m = (e, i = "MM/YYYY") => {
                               children: /* @__PURE__ */ d(ht, { className: "h-4 w-4 hover:text-content text-content-muted" })
                             }
                           ) }),
-                          /* @__PURE__ */ d(U, { variant: "tertiary", side: "top", children: Y("calendar.clear") })
+                          /* @__PURE__ */ d(U, { variant: "tertiary", side: "top", children: y("calendar.clear") })
                         ] }),
-                        /* @__PURE__ */ u(L, { children: [
-                          /* @__PURE__ */ d(Q, { asChild: !0, children: /* @__PURE__ */ d("button", { type: "button", tabIndex: 0, "aria-label": Y("datePicker.selectMonthRange"), onClick: (t) => {
-                            t.stopPropagation(), y(!s);
+                        /* @__PURE__ */ h(L, { children: [
+                          /* @__PURE__ */ d(Q, { asChild: !0, children: /* @__PURE__ */ d("button", { type: "button", tabIndex: 0, "aria-label": y("datePicker.selectMonthRange"), onClick: (t) => {
+                            t.stopPropagation(), u || w(!s);
                           }, onKeyDown: (t) => {
-                            (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), V.current = !0, y(!s));
+                            (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), u || (V.current = !0, w(!s)));
                           }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ d(gt, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                          /* @__PURE__ */ d(U, { variant: "tertiary", side: "top", children: Y("datePicker.selectMonthRange") })
+                          /* @__PURE__ */ d(U, { variant: "tertiary", side: "top", children: y("datePicker.selectMonthRange") })
                         ] })
                       ] })
                     ]
@@ -259,7 +261,7 @@ const m = (e, i = "MM/YYYY") => {
                         disabled: { before: I, after: W },
                         startMonth: Z,
                         endMonth: _,
-                        showFooter: g,
+                        showFooter: x,
                         onApply: st,
                         onCancel: $,
                         onClear: z
@@ -268,23 +270,23 @@ const m = (e, i = "MM/YYYY") => {
                   }
                 )
               ] }),
-              E && K === "absolute" && /* @__PURE__ */ u("div", { className: h("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", D && "text-destructive"), children: [
+              E && K === "absolute" && /* @__PURE__ */ h("div", { className: g("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", S && "text-destructive"), children: [
                 /* @__PURE__ */ d(
                   G,
                   {
                     size: "xs",
-                    className: h(
+                    className: g(
                       "shrink-0",
-                      D ? "text-destructive" : "text-content-muted"
+                      S ? "text-destructive" : "text-content-muted"
                     )
                   }
                 ),
                 /* @__PURE__ */ d(
                   "p",
                   {
-                    className: h(
+                    className: g(
                       "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      D && "text-destructive"
+                      S && "text-destructive"
                     ),
                     children: E
                   }
@@ -294,23 +296,23 @@ const m = (e, i = "MM/YYYY") => {
           }
         )
       ] }),
-      E && K === "flow" && /* @__PURE__ */ u("div", { className: h("flex items-center gap-[6px]", D && "text-destructive"), children: [
+      E && K === "flow" && /* @__PURE__ */ h("div", { className: g("flex items-center gap-[6px]", S && "text-destructive"), children: [
         /* @__PURE__ */ d(
           G,
           {
             size: "xs",
-            className: h(
+            className: g(
               "shrink-0",
-              D ? "text-destructive" : "text-content-muted"
+              S ? "text-destructive" : "text-content-muted"
             )
           }
         ),
         /* @__PURE__ */ d(
           "p",
           {
-            className: h(
+            className: g(
               "text-[12px] font-medium leading-[18px] text-navigation-muted",
-              D && "text-destructive"
+              S && "text-destructive"
             ),
             children: E
           }
@@ -319,7 +321,7 @@ const m = (e, i = "MM/YYYY") => {
     ] });
   }
 );
-wt.displayName = "MonthRangePicker";
+bt.displayName = "MonthRangePicker";
 export {
-  wt as MonthRangePicker
+  bt as MonthRangePicker
 };