impact-nova 2.5.13 → 2.5.14

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

@@ -1,22 +1,22 @@
 import { jsx as l, jsxs as F } from "react/jsx-runtime";
 import * as o from "react";
-import { Cross as ge, CalendarMonth as ke } from "impact-nova-icons";
-import { cn as De } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Me, usePickerFooterDismissNudge as Pe, isDateInputInvalid as $, resolveSingleValueDismissFlash as Ie, compareMonthSelection as Se, handlePickerEscapeKeyDown as Ce, handlePickerSurfacePointerDown as xe, maskDateInput as Re, parseDateInput as be, resolveDateInputOnEnter as we, resolveDateInputOnBlur as Fe } from "./date-input-behavior.js";
-import { Input as Ee } from "../input/input.js";
-import { Calendar as Ne } from "../../data-display/calendar/calendar.js";
+import { Cross as ke, CalendarMonth as De } from "impact-nova-icons";
+import { cn as Me } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Pe, usePickerFooterDismissNudge as Ie, isDateInputInvalid as $, resolveSingleValueDismissFlash as Se, compareMonthSelection as Ce, handlePickerEscapeKeyDown as xe, handlePickerSurfacePointerDown as Re, maskDateInput as be, parseDateInput as we, resolveDateInputOnEnter as Fe, resolveDateInputOnBlur as Ee } from "./date-input-behavior.js";
+import { Input as Ne } from "../input/input.js";
+import { Calendar as Te } from "../../data-display/calendar/calendar.js";
 import { Tooltip as v, TooltipTrigger as q, TooltipContent as G } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Te } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceSingleMonthApply as Ae, coerceSingleMonth as Oe } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ve } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as Be } from "./fiscal-pass-through.js";
-import { DatePickerShell as je } from "./date-picker-shell.js";
-import { looksLikeFiscalPeriodInput as E, monthSelectionFromFiscalInput as N, formatFiscalPeriod as Ke } from "./fiscal-period-format.js";
-import { resolveFiscalConfig as Le } from "../../data-display/calendar/calendar-config.js";
+import { useImpactNovaI18n as Ae } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceSingleMonthApply as Oe, coerceSingleMonth as Ve } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as Be } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as je } from "./fiscal-pass-through.js";
+import { DatePickerShell as Ke } from "./date-picker-shell.js";
+import { looksLikeFiscalPeriodInput as E, monthSelectionFromFiscalInput as N, formatFiscalPeriod as Le } from "./fiscal-period-format.js";
+import { resolveFiscalConfig as Ye } from "../../data-display/calendar/calendar-config.js";
 const y = (t) => {
-  const s = Ke(t);
+  const s = Le(t);
   return s || `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`;
-}, Ye = o.forwardRef(
+}, ze = o.forwardRef(
   ({
     value: t,
     onChange: s,
@@ -37,10 +37,11 @@ const y = (t) => {
     fiscalConfig: B,
     showPresets: ee,
     showPeriodBoundaries: te,
-    ...ne
-  }, re) => {
-    const { t: d } = Te(), oe = T ?? d("datePicker.selectMonth"), C = o.useRef(null), j = o.useRef(null);
-    o.useImperativeHandle(re, () => C.current);
+    autoNavigateToAvailable: ne,
+    ...re
+  }, oe) => {
+    const { t: d } = Ae(), ie = T ?? d("datePicker.selectMonth"), C = o.useRef(null), j = o.useRef(null);
+    o.useImperativeHandle(oe, () => C.current);
     const [r, K] = o.useState(!1), u = o.useCallback(() => {
       K(!1);
     }, []), h = (e) => {
@@ -51,23 +52,23 @@ const y = (t) => {
         }
         u();
       }
-    }, L = Me(), { footerFlashKey: ie, footerFlashTarget: se, popoverHandlers: ce } = Pe(p, r, L, j), [M, i] = o.useState(t), [c, a] = o.useState(t ? y(t) : ""), [ae, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
+    }, L = Pe(), { footerFlashKey: se, footerFlashTarget: ce, popoverHandlers: ae } = Ie(p, r, L, j), [M, i] = o.useState(t), [c, a] = o.useState(t ? y(t) : ""), [le, P] = o.useState(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date());
     o.useEffect(() => {
       r || (a(t ? y(t) : ""), i(t));
     }, [r, t]), o.useEffect(() => {
       r && (i(t), P(t ? new Date(t.year, t.month) : /* @__PURE__ */ new Date()), a(t ? y(t) : ""));
     }, [r, t]);
-    const le = (e) => {
-      const n = Oe(e);
+    const pe = (e) => {
+      const n = Ve(e);
       i(n), n && a(y(n)), p || (s?.(n), u());
     }, Y = (e) => {
-      const n = Ae(e, M);
+      const n = Oe(e, M);
       s?.(n), u();
     }, x = () => {
       i(t), a(t ? y(t) : ""), u();
     }, z = () => {
       i(void 0), a(""), s?.(void 0), p || u();
-    }, pe = Be({
+    }, fe = je({
       calendarKind: S,
       fiscalMode: A,
       granularity: _,
@@ -75,14 +76,15 @@ const y = (t) => {
       fiscalYearStartMonth: V,
       fiscalConfig: B,
       showPresets: ee,
-      showPeriodBoundaries: te
-    }), R = Le({
+      showPeriodBoundaries: te,
+      autoNavigateToAvailable: ne
+    }), R = Ye({
       fiscalConfig: B,
       calendarKind: S,
       fiscalMode: A,
       fiscalMonthPattern: O,
       fiscalYearStartMonth: V
-    }), b = S === "fiscal", g = "MM/yyyy", k = t ? y(t) : "", D = o.useRef(!1), fe = (e) => {
+    }), b = S === "fiscal", g = "MM/yyyy", k = t ? y(t) : "", D = o.useRef(!1), ue = (e) => {
       const n = e.target.value;
       if (b && E(n)) {
         a(n);
@@ -90,17 +92,17 @@ const y = (t) => {
         m && (i(m), P(new Date(m.year, m.month, 1)), p || s?.(m));
         return;
       }
-      const w = Re(n, g, c);
+      const w = be(n, g, c);
       if (a(w), w === "") {
         i(void 0), p || s?.(void 0);
         return;
       }
-      const { parsed: I, isValid: ye } = be(w, g);
-      if (ye && I) {
+      const { parsed: I, isValid: ge } = we(w, g);
+      if (ge && I) {
         const m = { month: I.getMonth(), year: I.getFullYear() };
         i(m), P(I), p || s?.(m);
       }
-    }, ue = () => {
+    }, me = () => {
       if (r) return;
       if (b && E(c)) {
         const n = N(c, R);
@@ -111,7 +113,7 @@ const y = (t) => {
         a(k), i(t);
         return;
       }
-      const e = Fe(c, g, k);
+      const e = Ee(c, g, k);
       if (e.resetToCommitted) {
         a(k), i(t);
         return;
@@ -122,12 +124,12 @@ const y = (t) => {
         return;
       }
       a(k), i(t);
-    }, me = () => {
+    }, de = () => {
       if (r && p) {
         Y();
         return;
       }
-      const e = we(c, g);
+      const e = Fe(c, g);
       if (e.parsed) {
         const n = {
           month: e.parsed.getMonth(),
@@ -137,21 +139,21 @@ const y = (t) => {
         return;
       }
       r || (D.current = !0, h(!0));
-    }, H = k !== c, de = b ? E(c) ? N(c, R) == null && c !== "" : $(c, g) : $(c, g), he = o.useCallback(
-      () => Ie(
+    }, H = k !== c, he = b ? E(c) ? N(c, R) == null && c !== "" : $(c, g) : $(c, g), ye = o.useCallback(
+      () => Se(
         M,
         t,
-        (e, n) => Se(e, n) === 0
+        (e, n) => Ce(e, n) === 0
       ),
       [M, t]
     );
     return o.useLayoutEffect(() => {
       L.current = {
         onDismiss: x,
-        resolveFlash: he
+        resolveFlash: ye
       };
     }), /* @__PURE__ */ l(
-      je,
+      Ke,
       {
         open: r,
         disabled: f,
@@ -160,7 +162,7 @@ const y = (t) => {
         onOpenAutoFocus: (e) => {
           D.current || e.preventDefault(), D.current = !1;
         },
-        popoverHandlers: ce,
+        popoverHandlers: ae,
         trigger: /* @__PURE__ */ l(
           "div",
           {
@@ -168,31 +170,31 @@ const y = (t) => {
             "data-component": "month-picker",
             "data-state": r ? "open" : "closed",
             "data-pending": H || void 0,
-            onPointerDown: (e) => xe({
+            onPointerDown: (e) => Re({
               disabled: f,
               event: e,
               onOpen: () => h(!0),
               focusField: () => C.current?.focus()
             }),
             children: /* @__PURE__ */ l(
-              Ee,
+              Ne,
               {
                 ref: C,
                 value: c,
-                onChange: fe,
+                onChange: ue,
                 onBlur: (e) => {
-                  ue(), Z?.(e);
+                  me(), Z?.(e);
                 },
                 onClick: () => !f && h(!0),
                 onKeyDown: (e) => {
-                  e.key === "Enter" && !f && (e.preventDefault(), me()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, h(!0)), e.key === "Escape" && r && Ce(e, { open: r, onCancel: x });
+                  e.key === "Enter" && !f && (e.preventDefault(), de()), e.key === "ArrowDown" && !r && !f && (e.preventDefault(), D.current = !0, h(!0)), e.key === "Escape" && r && xe(e, { open: r, onCancel: x });
                 },
-                placeholder: r ? d("datePicker.monthYearFormat") : oe,
+                placeholder: r ? d("datePicker.monthYearFormat") : ie,
                 disabled: f,
                 "data-form-control": "input",
-                className: De(
+                className: Me(
                   "cursor-pointer",
-                  de ? "text-destructive" : H ? "text-content-placeholder" : "",
+                  he ? "text-destructive" : H ? "text-content-placeholder" : "",
                   X
                 ),
                 suffix: /* @__PURE__ */ F("div", { className: "flex items-center gap-1", children: [
@@ -207,7 +209,7 @@ const y = (t) => {
                           e.stopPropagation(), z();
                         },
                         className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ l(ge, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ l(ke, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("calendar.clear") })
@@ -227,43 +229,43 @@ const y = (t) => {
                           (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), f || (D.current = !0, r ? u() : h(!0)));
                         },
                         className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ l(ke, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ l(De, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ l(G, { variant: "tertiary", side: "top", children: d("datePicker.selectMonth") })
                   ] })
                 ] }),
-                ...ne
+                ...re
               }
             )
           }
         ),
         children: /* @__PURE__ */ l(
-          Ne,
+          Te,
           {
             pickerType: "month",
             monthMode: "single",
             selectedMonths: M,
-            footerFlashKey: ie,
-            footerFlashTarget: se,
-            onMonthSelect: le,
-            month: ae,
+            footerFlashKey: se,
+            footerFlashTarget: ce,
+            onMonthSelect: pe,
+            month: le,
             onMonthChange: P,
-            disabled: Ve(J, Q),
+            disabled: Be(J, Q),
             startMonth: U,
             endMonth: W,
             showFooter: p,
             onApply: Y,
             onCancel: x,
             onClear: z,
-            ...pe
+            ...fe
           }
         )
       }
     );
   }
 );
-Ye.displayName = "MonthPicker";
+ze.displayName = "MonthPicker";
 export {
-  Ye as MonthPicker
+  ze as MonthPicker
 };

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

@@ -1,24 +1,24 @@
 import { jsx as u, jsxs as D } from "react/jsx-runtime";
 import * as s from "react";
-import { Cross as Ge, CalendarMonth as Je } from "impact-nova-icons";
+import { Cross as Je, CalendarMonth as Qe } from "impact-nova-icons";
 import { cn as z } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Qe, usePickerFooterDismissNudge as Ue, createRangePickerOpenChangeHandler as We, parseDateInput as H, normalizeOrderedRange as ee, compareMonthSelection as V, flashRangeReorder as te, isDateInputInvalid as re, resolveRangeFieldBlur as A, resolveRangePickerDismissFlash as Xe, handlePickerEscapeKeyDown as oe, handlePickerSurfacePointerDown as Ze, deferRangeInputBlur as _e, maskDateInput as ne, resolveDateInputOnBlur as O } from "./date-input-behavior.js";
-import { useFieldChrome as Fe } from "../../../lib/primitives/use-field-chrome.js";
-import { Popover as et, PopoverAnchor as tt, PopoverContent as rt } from "../../feedback/popover/popover.js";
-import { Calendar as ot } from "../../data-display/calendar/calendar.js";
+import { usePickerDismissActionsRef as Ue, usePickerFooterDismissNudge as We, createRangePickerOpenChangeHandler as Xe, parseDateInput as H, normalizeOrderedRange as ee, compareMonthSelection as V, flashRangeReorder as te, isDateInputInvalid as re, resolveRangeFieldBlur as A, resolveRangePickerDismissFlash as Ze, handlePickerEscapeKeyDown as oe, handlePickerSurfacePointerDown as _e, deferRangeInputBlur as Fe, maskDateInput as ne, resolveDateInputOnBlur as O } from "./date-input-behavior.js";
+import { useFieldChrome as et } from "../../../lib/primitives/use-field-chrome.js";
+import { Popover as tt, PopoverAnchor as rt, PopoverContent as ot } from "../../feedback/popover/popover.js";
+import { Calendar as nt } from "../../data-display/calendar/calendar.js";
 import { Tooltip as se, TooltipTrigger as ie, TooltipContent as ae } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as nt } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceMonthRangeApply as st, isMonthRangeSelection as it } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as at } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ct } from "./fiscal-pass-through.js";
-import { formatFiscalPeriod as ft } from "./fiscal-period-format.js";
+import { useImpactNovaI18n as st } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceMonthRangeApply as it, isMonthRangeSelection as at } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as ct } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ft } from "./fiscal-pass-through.js";
+import { formatFiscalPeriod as dt } from "./fiscal-period-format.js";
 const h = (t, n = "MM/YYYY") => {
-  const E = ft(t);
+  const E = dt(t);
   if (E) return E;
   const k = (t.month + 1).toString().padStart(2, "0");
   return n === "YYYY/MM" ? `${t.year}/${k}` : `${k}/${t.year}`;
 };
-function dt(t, n) {
+function lt(t, n) {
   if (!t && !n) return !0;
   if (!t || !n) return !1;
   const E = t.from === void 0 && n.from === void 0 || t.from !== void 0 && n.from !== void 0 && V(t.from, n.from) === 0, k = t.to === void 0 && n.to === void 0 || t.to !== void 0 && n.to !== void 0 && V(t.to, n.to) === 0;
@@ -27,7 +27,7 @@ function dt(t, n) {
 function b(t) {
   return { month: t.getMonth(), year: t.getFullYear() };
 }
-const lt = s.forwardRef(
+const mt = s.forwardRef(
   ({
     value: t,
     onChange: n,
@@ -46,8 +46,8 @@ const lt = s.forwardRef(
     helperText: he,
     helperTextPosition: ge = "absolute",
     required: Me,
-    prefix: mt,
-    prefixClick: pt,
+    prefix: pt,
+    prefixClick: ut,
     displayFormat: i = "MM/YYYY",
     calendarKind: Re,
     fiscalMode: ye,
@@ -57,11 +57,12 @@ const lt = s.forwardRef(
     fiscalConfig: Ce,
     showPresets: Ye,
     showPeriodBoundaries: Pe,
-    comparison: be,
-    onComparisonChange: we,
-    ...Ie
-  }, De) => {
-    const L = me ?? pe, Ee = Fe({
+    autoNavigateToAvailable: be,
+    comparison: we,
+    onComparisonChange: Ie,
+    ...De
+  }, Ee) => {
+    const L = me ?? pe, Se = et({
       label: ue,
       helperText: he,
       helperTextPosition: ge,
@@ -69,17 +70,17 @@ const lt = s.forwardRef(
       required: Me,
       disabled: c ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { t: C } = nt(), K = s.useRef(null), G = s.useRef(null), J = s.useRef(null), S = s.useRef(null), j = s.useRef(null), l = s.useMemo(
+    }), { t: C } = st(), K = s.useRef(null), G = s.useRef(null), J = s.useRef(null), S = s.useRef(null), j = s.useRef(null), l = s.useMemo(
       () => i === "YYYY/MM" ? "yyyy/MM" : "MM/yyyy",
       [i]
     );
-    s.useImperativeHandle(De, () => K.current);
-    const [f, M] = s.useState(!1), Q = Qe(), { footerFlashKey: Se, footerFlashTarget: Te, popoverHandlers: Be } = Ue(g, f, Q, J), I = s.useRef(!1), [d, R] = s.useState(t), [p, v] = s.useState(t?.from ? h(t.from, i) : ""), [y, x] = s.useState(t?.to ? h(t.to, i) : ""), [Ne, w] = s.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : k || /* @__PURE__ */ new Date());
+    s.useImperativeHandle(Ee, () => K.current);
+    const [f, M] = s.useState(!1), Q = Ue(), { footerFlashKey: Te, footerFlashTarget: Be, popoverHandlers: Ne } = We(g, f, Q, J), I = s.useRef(!1), [d, R] = s.useState(t), [p, v] = s.useState(t?.from ? h(t.from, i) : ""), [y, x] = s.useState(t?.to ? h(t.to, i) : ""), [Ae, w] = s.useState(() => t?.from ? new Date(t.from.year, t.from.month, 1) : k || /* @__PURE__ */ new Date());
     s.useEffect(() => {
       v(t?.from ? h(t.from, i) : ""), x(t?.to ? h(t.to, i) : ""), R(t);
     }, [t, i]);
-    const Ae = s.useCallback(
-      (e) => We({
+    const Oe = s.useCallback(
+      (e) => Xe({
         disabled: c ?? void 0,
         showFooter: g,
         containerRef: S,
@@ -95,17 +96,17 @@ const lt = s.forwardRef(
       }
       U.current = f;
     }, [f, p, l, d?.from, t?.from, k]);
-    const Oe = (e) => {
-      const r = it(e) ? e : void 0;
+    const Ve = (e) => {
+      const r = at(e) ? e : void 0;
       R(r), r?.from && v(h(r.from, i)), r?.to && x(h(r.to, i)), !g && r?.from && r?.to && (r.from.month !== r.to.month || r.from.year !== r.to.year) && (n?.(r), M(!1));
     }, W = (e) => {
-      const r = st(e, d), o = ee(r?.from, r?.to, V);
+      const r = it(e, d), o = ee(r?.from, r?.to, V);
       o.swapped && (o.from && v(h(o.from, i)), o.to && x(h(o.to, i)), R({ from: o.from, to: o.to }), te(S.current)), n?.({ from: o.from, to: o.to }), M(!1);
     }, B = () => {
       R(t), v(t?.from ? h(t.from, i) : ""), x(t?.to ? h(t.to, i) : ""), M(!1);
     }, $ = () => {
       R(void 0), v(""), x(""), n?.(void 0), g || M(!1);
-    }, Ve = (e) => {
+    }, Ke = (e) => {
       const r = ne(e.target.value, l, p);
       if (v(r), r === "") {
         const m = { from: void 0, to: d?.to };
@@ -117,7 +118,7 @@ const lt = s.forwardRef(
         const T = { from: b(o), to: d?.to };
         R(T), w(o), g || n?.(T);
       }
-    }, Ke = (e) => {
+    }, je = (e) => {
       const r = ne(e.target.value, l, y);
       if (x(r), r === "") {
         const m = { from: d?.from, to: void 0 };
@@ -132,7 +133,7 @@ const lt = s.forwardRef(
     }, N = s.useCallback((e, r) => {
       const o = ee(e, r, V);
       return o.swapped && (o.from && v(h(o.from, i)), o.to && x(h(o.to, i)), te(S.current)), { from: o.from, to: o.to };
-    }, [i]), je = () => {
+    }, [i]), $e = () => {
       const e = O(p, l, Y), r = O(y, l, P);
       e.resetToCommitted ? v(Y) : e.parsed && v(e.display), r.resetToCommitted ? x(P) : r.parsed && x(r.display);
       let o = e.parsed ? b(e.parsed) : d?.from, a = r.parsed ? b(r.parsed) : d?.to;
@@ -141,7 +142,7 @@ const lt = s.forwardRef(
         R(m), n?.(m);
       } else !p && !y && (R(void 0), n?.(void 0));
     }, X = () => {
-      _e(
+      Fe(
         S,
         j,
         () => {
@@ -160,19 +161,19 @@ const lt = s.forwardRef(
       }
       if (!f) {
         if (g) {
-          je();
+          $e();
           return;
         }
         const e = O(p, l, Y), r = O(y, l, P);
         if (e.parsed || r.parsed) return;
         I.current = !0, M(!0);
       }
-    }, Y = t?.from ? h(t.from, i) : "", P = t?.to ? h(t.to, i) : "", $e = p !== Y, ze = y !== P, He = re(p, l), qe = re(y, l), _ = C("datePicker.startMonth"), F = C("datePicker.endMonth"), Le = s.useCallback(() => {
+    }, Y = t?.from ? h(t.from, i) : "", P = t?.to ? h(t.to, i) : "", ze = p !== Y, He = y !== P, qe = re(p, l), Le = re(y, l), _ = C("datePicker.startMonth"), F = C("datePicker.endMonth"), Ge = s.useCallback(() => {
       const e = A(p, l, Y), r = A(y, l, P);
       let o = e.parsed ? b(e.parsed) : e.resetToCommitted ? t?.from : d?.from, a = r.parsed ? b(r.parsed) : r.resetToCommitted ? t?.to : d?.to;
       o && a && ({ from: o, to: a } = N(o, a));
       const m = o || a ? { from: o, to: a } : void 0;
-      return Xe({
+      return Ze({
         startInput: p,
         endInput: y,
         committedStart: Y,
@@ -180,7 +181,7 @@ const lt = s.forwardRef(
         committedRange: t,
         pendingRange: d,
         computeEffectiveRange: () => m,
-        rangesEqual: dt
+        rangesEqual: lt
       });
     }, [
       p,
@@ -195,7 +196,7 @@ const lt = s.forwardRef(
     return s.useLayoutEffect(() => {
       Q.current = {
         onDismiss: B,
-        resolveFlash: Le
+        resolveFlash: Ge
       };
     }), /* @__PURE__ */ u(
       "div",
@@ -203,14 +204,14 @@ const lt = s.forwardRef(
         ref: J,
         "data-component": "month-range-picker",
         "data-disabled": c || void 0,
-        children: Ee.wrapControl(
-          /* @__PURE__ */ D(et, { open: c ? !1 : f, onOpenChange: Ae, children: [
-            /* @__PURE__ */ u(tt, { asChild: !0, children: /* @__PURE__ */ D(
+        children: Se.wrapControl(
+          /* @__PURE__ */ D(tt, { open: c ? !1 : f, onOpenChange: Oe, children: [
+            /* @__PURE__ */ u(rt, { asChild: !0, children: /* @__PURE__ */ D(
               "div",
               {
                 ref: S,
                 "data-state": f ? "open" : "closed",
-                onPointerDown: (e) => Ze({
+                onPointerDown: (e) => _e({
                   disabled: c,
                   event: e,
                   onOpen: () => M(!0),
@@ -234,7 +235,7 @@ const lt = s.forwardRef(
                         ref: K,
                         type: "text",
                         value: p,
-                        onChange: Ve,
+                        onChange: Ke,
                         onBlur: X,
                         onClick: () => !c && M(!0),
                         onKeyDown: (e) => {
@@ -246,9 +247,9 @@ const lt = s.forwardRef(
                         "data-field": "start",
                         className: z(
                           "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",
-                          He ? "text-destructive" : $e ? "text-content-placeholder" : ""
+                          qe ? "text-destructive" : ze ? "text-content-placeholder" : ""
                         ),
-                        ...Ie
+                        ...De
                       }
                     ),
                     /* @__PURE__ */ u(
@@ -257,7 +258,7 @@ const lt = s.forwardRef(
                         ref: G,
                         type: "text",
                         value: y,
-                        onChange: Ke,
+                        onChange: je,
                         onBlur: X,
                         onClick: () => !c && M(!0),
                         onKeyDown: (e) => {
@@ -269,7 +270,7 @@ const lt = s.forwardRef(
                         "data-field": "end",
                         className: z(
                           "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",
-                          qe ? "text-destructive" : ze ? "text-content-placeholder" : ""
+                          Le ? "text-destructive" : He ? "text-content-placeholder" : ""
                         )
                       }
                     )
@@ -289,7 +290,7 @@ const lt = s.forwardRef(
                             (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), $());
                           },
                           className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                          children: /* @__PURE__ */ u(Ge, { className: "size-3 hover:text-content text-content-icon" })
+                          children: /* @__PURE__ */ u(Je, { className: "size-3 hover:text-content text-content-icon" })
                         }
                       ) }),
                       /* @__PURE__ */ u(ae, { variant: "tertiary", side: "top", children: C("calendar.clear") })
@@ -299,7 +300,7 @@ const lt = s.forwardRef(
                         e.stopPropagation(), c || M(!f);
                       }, onKeyDown: (e) => {
                         (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (I.current = !0, M(!f)));
-                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Je, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Qe, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
                       /* @__PURE__ */ u(ae, { variant: "tertiary", side: "top", children: C("datePicker.selectMonthRange") })
                     ] })
                   ] })
@@ -307,7 +308,7 @@ const lt = s.forwardRef(
               }
             ) }),
             /* @__PURE__ */ u(
-              rt,
+              ot,
               {
                 ref: j,
                 className: "w-auto p-0",
@@ -316,26 +317,26 @@ const lt = s.forwardRef(
                 onOpenAutoFocus: (e) => {
                   I.current || e.preventDefault(), I.current = !1;
                 },
-                ...Be,
+                ...Ne,
                 children: /* @__PURE__ */ u(
-                  ot,
+                  nt,
                   {
                     pickerType: "month",
                     monthMode: "range",
                     selectedMonths: d,
-                    footerFlashKey: Se,
-                    footerFlashTarget: Te,
-                    onMonthSelect: Oe,
-                    month: Ne,
+                    footerFlashKey: Te,
+                    footerFlashTarget: Be,
+                    onMonthSelect: Ve,
+                    month: Ae,
                     onMonthChange: w,
-                    disabled: at(k, ce),
+                    disabled: ct(k, ce),
                     startMonth: fe,
                     endMonth: de,
                     showFooter: g,
                     onApply: W,
                     onCancel: B,
                     onClear: $,
-                    ...ct({
+                    ...ft({
                       calendarKind: Re,
                       fiscalMode: ye,
                       granularity: ke,
@@ -344,8 +345,9 @@ const lt = s.forwardRef(
                       fiscalConfig: Ce,
                       showPresets: Ye,
                       showPeriodBoundaries: Pe,
-                      comparison: be,
-                      onComparisonChange: we
+                      autoNavigateToAvailable: be,
+                      comparison: we,
+                      onComparisonChange: Ie
                     })
                   }
                 )
@@ -357,7 +359,7 @@ const lt = s.forwardRef(
     );
   }
 );
-lt.displayName = "MonthRangePicker";
+mt.displayName = "MonthRangePicker";
 export {
-  lt as MonthRangePicker
+  mt as MonthRangePicker
 };