impact-nova 1.8.2 → 1.9.0-alpha.0

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

@@ -1,14 +1,14 @@
-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 { X as L } from "lucide-react";
+import { isValid as C, parse as P } 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 { Calendar as tt } from "../calendar.js";
+import { Popover as _, PopoverTrigger as b, PopoverContent as F } from "../popover.js";
+import { Calendar as v } from "../calendar.js";
 import { Tooltip as I, TooltipTrigger as T, TooltipContent as N } from "../tooltip.js";
-import { useImpactNovaI18n as et } from "../../../i18n/ImpactNovaI18nContext.js";
+import { useImpactNovaI18n as tt } from "../../../i18n/ImpactNovaI18nContext.js";
+import { CalendarMonth as et } from "../../../icons/generated/calendar-month.js";
 const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, nt = o.forwardRef(
   ({
     value: t,
@@ -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 } = tt(), $ = 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 = W(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 = U(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: [
-      /* @__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(
+    }, D = (t ? c(t) : "") !== l, K = l.length === 7 && !C(P(l, "MM/yyyy", /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ g(_, { open: m ? !1 : r, onOpenChange: (e) => {
+      m || h(e);
+    }, children: [
+      /* @__PURE__ */ n(b, { 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(
             "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,37 +90,37 @@ 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(et, { className: "h-4 w-4 text-secondary-foreground" }) }),
+              /* @__PURE__ */ n(N, { variant: "tertiary", side: "top", children: y("datePicker.selectMonth") })
             ] })
           ] }),
           ...B
         }
       ) }) }),
       /* @__PURE__ */ n(
-        v,
+        F,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (e) => e.preventDefault(),
           children: /* @__PURE__ */ n(
-            tt,
+            v,
             {
               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
             }
           )
@@ -131,3 +133,4 @@ nt.displayName = "MonthPicker";
 export {
   nt as MonthPicker
 };
+//# sourceMappingURL=month-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.js","sources":["impact-nova/src/components/ui/date-picker/month-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { X } from \"lucide-react\"\nimport { CalendarMonth } from '@/icons';\nimport { parse, isValid } from \"date-fns\"\nimport { cn, maskDate, padValidDateString } from \"@/lib/utils\"\nimport { Input } from \"../input\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\"\nimport { Calendar, type MonthSelection } from \"../calendar\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"../tooltip\"\nimport { useImpactNovaI18n } from \"@/i18n\"\n\nimport type { MonthPickerProps } from \"../types/date-picker.types\"\n\nconst formatMonth = (month: MonthSelection): string => {\n  const monthStr = (month.month + 1).toString().padStart(2, '0')\n  return `${monthStr}/${month.year}`\n}\n\nexport const MonthPicker = React.forwardRef<HTMLInputElement, MonthPickerProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder: placeholderProp,\n      minDate,\n      maxDate,\n      startMonth,\n      endMonth,\n      showFooter = true,\n      disabled,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useImpactNovaI18n()\n    const placeholder = placeholderProp ?? t('datePicker.selectMonth')\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const selectionRef = React.useRef<number | null>(null)\n\n    React.useImperativeHandle(ref, () => internalRef.current!)\n\n    const [open, setOpen] = React.useState(false)\n    const [pendingMonth, setPendingMonth] = React.useState<MonthSelection | undefined>(value)\n    const [inputValue, setInputValue] = React.useState(value ? formatMonth(value) : \"\")\n    const [viewMonth, setViewMonth] = React.useState<Date>(value ? new Date(value.year, value.month) : new Date())\n\n    React.useEffect(() => {\n      if (!open) {\n        setInputValue(value ? formatMonth(value) : \"\")\n        setPendingMonth(value)\n      }\n    }, [open, value])\n\n    // Only sync items when popover opens\n    React.useEffect(() => {\n      if (open) {\n        setPendingMonth(value)\n        setViewMonth(value ? new Date(value.year, value.month) : new Date())\n        setInputValue(value ? formatMonth(value) : \"\")\n      }\n    }, [open, value])\n\n    const handleSelect = (month: MonthSelection | undefined) => {\n      setPendingMonth(month)\n      if (month) {\n        setInputValue(formatMonth(month))\n      }\n      if (!showFooter) {\n        onChange?.(month)\n        setOpen(false)\n      }\n    }\n\n    const handleApply = (appliedMonth?: MonthSelection) => {\n      const monthToApply = appliedMonth !== undefined ? appliedMonth : pendingMonth\n      onChange?.(monthToApply)\n      setOpen(false)\n    }\n\n    const handleCancel = () => {\n      setPendingMonth(value)\n      setInputValue(value ? formatMonth(value) : \"\")\n      setOpen(false)\n    }\n\n    const handleClear = () => {\n      setPendingMonth(undefined)\n      setInputValue(\"\")\n      onChange?.(undefined)\n      if (!showFooter) {\n        setOpen(false)\n      }\n    }\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const rawValue = e.target.value\n      const v = maskDate(rawValue, \"MM/yyyy\", inputValue)\n      setInputValue(v)\n\n      if (v === \"\") {\n        setPendingMonth(undefined)\n        if (!showFooter) onChange?.(undefined)\n        return\n      }\n\n      const parsed = parse(v, \"MM/yyyy\", new Date())\n      if (isValid(parsed) && v.length === 7) {\n        const newMonth = { month: parsed.getMonth(), year: parsed.getFullYear() }\n        setPendingMonth(newMonth)\n        setViewMonth(parsed)\n        if (!showFooter) onChange?.(newMonth)\n      }\n    }\n\n    const handleInputBlur = () => {\n      if (open) return\n\n      const paddedValue = padValidDateString(inputValue, \"MM/yyyy\")\n      const parsed = parse(paddedValue, \"MM/yyyy\", new Date())\n      if (!isValid(parsed) || paddedValue.length !== 7) {\n        setInputValue(value ? formatMonth(value) : \"\")\n        setPendingMonth(value)\n      } else {\n        setInputValue(paddedValue)\n        if (!showFooter) {\n          const newMonth = { month: parsed.getMonth(), year: parsed.getFullYear() }\n          onChange?.(newMonth)\n        }\n      }\n    }\n\n\n    const isPending = (value ? formatMonth(value) : \"\") !== inputValue\n    const isInvalid = inputValue.length === 7 && !isValid(parse(inputValue, \"MM/yyyy\", new Date()))\n\n    return (\n      <Popover open={disabled ? false : open} onOpenChange={(newOpen) => { if (disabled) return; setOpen(newOpen) }}>\n        <PopoverTrigger asChild>\n          <div data-component=\"month-picker\" data-state={open ? \"open\" : \"closed\"} data-pending={isPending || undefined}>\n              <Input\n                ref={internalRef}\n                value={inputValue}\n                onChange={handleInputChange}\n                onBlur={handleInputBlur}\n                onClick={(e) => open && e.stopPropagation()}\n                placeholder={open ? t('datePicker.monthYearFormat') : placeholder}\n                disabled={disabled}\n                data-form-control=\"input\"\n                className={cn(\n                  \"cursor-pointer\", \n                  isInvalid ? \"text-destructive\" : isPending ? \"text-content-muted\" : \"\", \n                  className\n                )}\n                suffix={\n                  <div className=\"flex items-center gap-1\">\n                    {value && !disabled && (\n                      <Tooltip>\n                        <TooltipTrigger asChild>\n                          <X\n                            className=\"h-4 w-4 cursor-pointer hover:text-content\"\n                            onClick={(e) => {\n                              e.stopPropagation()\n                              handleClear()\n                            }}\n                          />\n                        </TooltipTrigger>\n                        <TooltipContent variant=\"tertiary\" side=\"top\">{t('calendar.clear')}</TooltipContent>\n                      </Tooltip>\n                    )}\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <CalendarMonth className=\"h-4 w-4 text-secondary-foreground\" />\n                      </TooltipTrigger>\n                      <TooltipContent variant=\"tertiary\" side=\"top\">{t('datePicker.selectMonth')}</TooltipContent>\n                    </Tooltip>\n                  </div>\n                }\n                {...props}\n              />\n          </div>\n        </PopoverTrigger>\n        <PopoverContent \n          className=\"w-auto p-0\" \n          align=\"start\"\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          <Calendar\n            pickerType=\"month\"\n            monthMode=\"single\"\n            selectedMonths={pendingMonth}\n            onMonthSelect={handleSelect as any}\n            month={viewMonth}\n            onMonthChange={setViewMonth}\n            disabled={{ before: minDate, after: maxDate }}\n            startMonth={startMonth}\n            endMonth={endMonth}\n            showFooter={showFooter}\n            onApply={handleApply as any}\n            onCancel={handleCancel}\n            onClear={handleClear}\n          />\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nMonthPicker.displayName = \"MonthPicker\"\n"],"names":["formatMonth","month","MonthPicker","React","value","onChange","placeholderProp","minDate","maxDate","startMonth","endMonth","showFooter","disabled","className","props","ref","t","useImpactNovaI18n","placeholder","internalRef","open","setOpen","pendingMonth","setPendingMonth","inputValue","setInputValue","viewMonth","setViewMonth","handleSelect","handleApply","appliedMonth","handleCancel","handleClear","handleInputChange","rawValue","v","maskDate","parsed","parse","isValid","newMonth","handleInputBlur","paddedValue","padValidDateString","isPending","isInvalid","jsxs","Popover","newOpen","jsx","PopoverTrigger","Input","cn","Tooltip","TooltipTrigger","X","TooltipContent","CalendarMonth","PopoverContent","Calendar"],"mappings":"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"}

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

@@ -1,17 +1,18 @@
-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 { 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 { isValid as M, parse as Y } from "date-fns";
+import { cn as g, padValidDateString as R, maskDate as G } from "../../../lib/utils.js";
+import { Popover as gt, PopoverTrigger as xt, PopoverContent as Mt } from "../popover.js";
+import { Calendar as Yt } from "../calendar.js";
+import { Tooltip as J, TooltipTrigger as L, TooltipContent as Q } from "../tooltip.js";
+import { useImpactNovaI18n as yt } from "../../../i18n/ImpactNovaI18nContext.js";
+import { CalendarMonth as wt } from "../../../icons/generated/calendar-month.js";
+import { Info as U } from "../../../icons/generated/info.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 +21,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 +35,74 @@ const m = (e, i = "MM/YYYY") => {
     displayFormat: a = "MM/YYYY",
     ...et
   }, nt) => {
-    const { t: Y } = bt();
-    A ?? Y("datePicker.selectMonthRange");
+    const { t: y } = yt();
+    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 = G(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 = G(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 +111,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(gt, { open: u ? !1 : s, onOpenChange: (t) => {
+                u || w(t);
+              }, children: [
+                /* @__PURE__ */ d(xt, { 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 +160,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 +178,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 +197,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__ */ d(Q, { asChild: !0, children: /* @__PURE__ */ d(
+                      /* @__PURE__ */ h("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        e?.from && !u && /* @__PURE__ */ h(J, { children: [
+                          /* @__PURE__ */ d(L, { 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,22 +228,22 @@ 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(Q, { 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(J, { children: [
+                          /* @__PURE__ */ d(L, { 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));
-                          }, 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") })
+                            (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(wt, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                          /* @__PURE__ */ d(Q, { variant: "tertiary", side: "top", children: y("datePicker.selectMonthRange") })
                         ] })
                       ] })
                     ]
                   }
                 ) }),
                 /* @__PURE__ */ d(
-                  Yt,
+                  Mt,
                   {
                     className: "w-auto p-0",
                     align: "start",
@@ -248,7 +251,7 @@ const m = (e, i = "MM/YYYY") => {
                       V.current || t.preventDefault(), V.current = !1;
                     },
                     children: /* @__PURE__ */ d(
-                      yt,
+                      Yt,
                       {
                         pickerType: "month",
                         monthMode: "range",
@@ -259,7 +262,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 +271,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,
+                  U,
                   {
                     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 +297,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,
+          U,
           {
             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 +322,8 @@ const m = (e, i = "MM/YYYY") => {
     ] });
   }
 );
-wt.displayName = "MonthRangePicker";
+bt.displayName = "MonthRangePicker";
 export {
-  wt as MonthRangePicker
+  bt as MonthRangePicker
 };
+//# sourceMappingURL=month-range-picker.js.map