impact-nova 2.5.10 → 2.5.11

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

@@ -1,17 +1,17 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-import { Cross as Y, CalendarMonth as Z } from "impact-nova-icons";
-import { cn as _ } from "../../../lib/utils.js";
-import { Input as ee } from "../input/input.js";
-import { Popover as te, PopoverAnchor as ne, PopoverContent as re } from "../../feedback/popover/popover.js";
-import { Calendar as oe } from "../../data-display/calendar/calendar.js";
+import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
+import { cn as ee } from "../../../lib/utils.js";
+import { Input as te } from "../input/input.js";
+import { Popover as ne, PopoverAnchor as re, PopoverContent as oe } from "../../feedback/popover/popover.js";
+import { Calendar as se } from "../../data-display/calendar/calendar.js";
 import { Tooltip as D, TooltipTrigger as b, TooltipContent as x } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as se } from "../../../i18n/use-impact-nova-i18n.js";
-import { coerceMonthArrayApply as ie, coerceMonthArray as ce } from "./calendar-selection-adapters.js";
-import { usePickerDismissActionsRef as ae, usePickerFooterDismissNudge as le, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
-import { buildDateBoundsMatcher as fe } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as de } from "./fiscal-pass-through.js";
-const he = s.forwardRef(
+import { useImpactNovaI18n as ie } from "../../../i18n/use-impact-nova-i18n.js";
+import { coerceMonthArrayApply as ce, coerceMonthArray as ae } from "./calendar-selection-adapters.js";
+import { usePickerDismissActionsRef as le, usePickerFooterDismissNudge as pe, handlePickerSurfacePointerDown as fe } from "./date-input-behavior.js";
+import { buildDateBoundsMatcher as de } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as he } from "./fiscal-pass-through.js";
+const ue = s.forwardRef(
   ({
     value: t,
     onChange: h,
@@ -31,27 +31,28 @@ const he = s.forwardRef(
     fiscalConfig: E,
     showPresets: F,
     showPeriodBoundaries: K,
-    comparison: z,
-    onComparisonChange: L,
-    ...V
-  }, $) => {
-    const { t: i } = se(), q = A ?? i("datePicker.selectMultipleMonths"), [c, o] = s.useState(!1), u = s.useRef(!1), m = s.useRef(null), g = ae(), { footerFlashKey: B, footerFlashTarget: H, popoverHandlers: G } = le(l, c, g, m), [p, f] = s.useState(t);
+    autoNavigateToAvailable: z,
+    comparison: L,
+    onComparisonChange: V,
+    ...$
+  }, q) => {
+    const { t: i } = ie(), B = A ?? i("datePicker.selectMultipleMonths"), [c, o] = s.useState(!1), u = s.useRef(!1), m = s.useRef(null), g = le(), { footerFlashKey: H, footerFlashTarget: G, popoverHandlers: J } = pe(l, c, g, m), [p, f] = s.useState(t);
     s.useEffect(() => {
       f(t);
     }, [c, t]);
-    const J = (e) => {
-      const a = ce(e);
+    const Q = (e) => {
+      const a = ae(e);
       f(a), l || h?.(a);
-    }, Q = (e) => {
-      const a = ie(e, p);
+    }, U = (e) => {
+      const a = ce(e, p);
       h?.(a), o(!1);
     }, M = () => {
       f(t), o(!1);
     }, P = () => {
       f(void 0), h?.(void 0), l || o(!1);
-    }, U = t && t.length > 0 ? t.length === 1 ? `${t[0].month + 1}/${t[0].year}` : i("datePicker.monthsSelected", { count: t.length }) : "", W = (e) => {
+    }, W = t && t.length > 0 ? t.length === 1 ? `${t[0].month + 1}/${t[0].year}` : i("datePicker.monthsSelected", { count: t.length }) : "", X = (e) => {
       r || !e && l || o(e);
-    }, X = s.useCallback(() => {
+    }, Y = s.useCallback(() => {
       const e = p?.length ?? 0, a = t?.length ?? 0;
       return e === a && (p ?? []).every(
         (C, k) => C.month === t?.[k]?.month && C.year === t?.[k]?.year
@@ -60,31 +61,31 @@ const he = s.forwardRef(
     return s.useLayoutEffect(() => {
       g.current = {
         onDismiss: M,
-        resolveFlash: X
+        resolveFlash: Y
       };
-    }), /* @__PURE__ */ d(te, { open: r ? !1 : c, onOpenChange: W, children: [
-      /* @__PURE__ */ n(ne, { asChild: !0, children: /* @__PURE__ */ n(
+    }), /* @__PURE__ */ d(ne, { open: r ? !1 : c, onOpenChange: X, children: [
+      /* @__PURE__ */ n(re, { asChild: !0, children: /* @__PURE__ */ n(
         "div",
         {
           ref: m,
-          onPointerDown: (e) => pe({
+          onPointerDown: (e) => fe({
             disabled: r,
             event: e,
             onOpen: () => o(!0),
             focusField: () => m.current?.querySelector("input")?.focus()
           }),
           children: /* @__PURE__ */ n(
-            ee,
+            te,
             {
-              ref: $,
-              value: U,
-              placeholder: q,
+              ref: q,
+              value: W,
+              placeholder: B,
               readOnly: !0,
               disabled: r,
               onClick: () => {
                 !r && !c && o(!0);
               },
-              className: _("cursor-pointer", S),
+              className: ee("cursor-pointer", S),
               suffix: /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
                 t && t.length > 0 && !r && /* @__PURE__ */ d(D, { children: [
                   /* @__PURE__ */ n(b, { asChild: !0, children: /* @__PURE__ */ n(
@@ -97,7 +98,7 @@ const he = s.forwardRef(
                         e.stopPropagation(), P();
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ n(Y, { className: "size-3 hover:text-content" })
+                      children: /* @__PURE__ */ n(Z, { className: "size-3 hover:text-content" })
                     }
                   ) }),
                   /* @__PURE__ */ n(x, { variant: "tertiary", side: "top", children: i("calendar.clear") })
@@ -117,19 +118,19 @@ const he = s.forwardRef(
                         (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), r || (u.current = !0, o(!c)));
                       },
                       className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ n(Z, { className: "h-4 w-4 text-secondary-foreground" })
+                      children: /* @__PURE__ */ n(_, { className: "h-4 w-4 text-secondary-foreground" })
                     }
                   ) }),
                   /* @__PURE__ */ n(x, { variant: "tertiary", side: "top", children: i("datePicker.selectMultipleMonths") })
                 ] })
               ] }),
-              ...V
+              ...$
             }
           )
         }
       ) }),
       /* @__PURE__ */ n(
-        re,
+        oe,
         {
           className: "w-auto p-0",
           align: "start",
@@ -137,26 +138,26 @@ const he = s.forwardRef(
           onOpenAutoFocus: (e) => {
             u.current || e.preventDefault(), u.current = !1;
           },
-          ...G,
+          ...J,
           children: /* @__PURE__ */ n(
-            oe,
+            se,
             {
               pickerType: "month",
               monthMode: "multiple",
               selectedMonths: p,
-              footerFlashKey: B,
-              footerFlashTarget: H,
-              onMonthSelect: J,
-              disabled: fe(y, N),
+              footerFlashKey: H,
+              footerFlashTarget: G,
+              onMonthSelect: Q,
+              disabled: de(y, N),
               startMonth: R,
               endMonth: T,
               defaultMonth: y,
               showFooter: l,
-              onApply: Q,
+              onApply: U,
               onCancel: M,
               onClear: P,
               captionLayout: "dropdown",
-              ...de({
+              ...he({
                 calendarKind: I,
                 fiscalMode: O,
                 granularity: j,
@@ -165,8 +166,9 @@ const he = s.forwardRef(
                 fiscalConfig: E,
                 showPresets: F,
                 showPeriodBoundaries: K,
-                comparison: z,
-                onComparisonChange: L
+                autoNavigateToAvailable: z,
+                comparison: L,
+                onComparisonChange: V
               })
             }
           )
@@ -175,7 +177,7 @@ const he = s.forwardRef(
     ] });
   }
 );
-he.displayName = "MultiMonthPicker";
+ue.displayName = "MultiMonthPicker";
 export {
-  he as MultiMonthPicker
+  ue as MultiMonthPicker
 };

package/dist/components/forms/date-picker/multi-quarter-picker.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as n from "react";
-import { Cross as Y, CalendarMonth as Z } from "impact-nova-icons";
-import { cn as _ } from "../../../lib/utils.js";
-import { Input as $ } from "../input/input.js";
-import { Calendar as ee } from "../../data-display/calendar/calendar.js";
+import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
+import { cn as $ } from "../../../lib/utils.js";
+import { Input as ee } from "../input/input.js";
+import { Calendar as te } from "../../data-display/calendar/calendar.js";
 import { Tooltip as M, TooltipTrigger as x, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as te } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as re } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ne } from "./fiscal-pass-through.js";
-import { DatePickerShell as oe } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ae, usePickerFooterDismissNudge as ie, handleReadonlyPickerKeyDown as ce, handlePickerSurfacePointerDown as se } from "./date-input-behavior.js";
-import { formatQuarterInput as le } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromQuarter as pe } from "../../data-display/calendar/calendar-quarter-utils.js";
-const ue = n.forwardRef(
+import { useImpactNovaI18n as re } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as ne } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as oe } from "./fiscal-pass-through.js";
+import { DatePickerShell as ae } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as ie, usePickerFooterDismissNudge as ce, handleReadonlyPickerKeyDown as se, handlePickerSurfacePointerDown as le } from "./date-input-behavior.js";
+import { formatQuarterInput as pe } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { viewMonthFromQuarter as ue } from "../../data-display/calendar/calendar-quarter-utils.js";
+const fe = n.forwardRef(
   ({
     value: t,
     onChange: u,
@@ -32,15 +32,16 @@ const ue = n.forwardRef(
     fiscalConfig: K,
     showPresets: j,
     showPeriodBoundaries: F,
-    ...z
-  }, E) => {
-    const { t: a } = te(), H = R ?? a("datePicker.selectMultipleQuarters"), f = n.useRef(null), y = n.useRef(null);
-    n.useImperativeHandle(E, () => f.current);
-    const [i, c] = n.useState(!1), d = n.useRef(!1), k = ae(), { footerFlashKey: L, footerFlashTarget: V, popoverHandlers: q } = ie(s, i, k, y), [P, l] = n.useState(t), [B, G] = n.useState(pe(t?.[0]));
+    autoNavigateToAvailable: z,
+    ...E
+  }, H) => {
+    const { t: a } = re(), L = R ?? a("datePicker.selectMultipleQuarters"), f = n.useRef(null), y = n.useRef(null);
+    n.useImperativeHandle(H, () => f.current);
+    const [i, c] = n.useState(!1), d = n.useRef(!1), k = ie(), { footerFlashKey: V, footerFlashTarget: q, popoverHandlers: B } = ce(s, i, k, y), [P, l] = n.useState(t), [G, J] = n.useState(ue(t?.[0]));
     n.useEffect(() => {
       i || l(t);
     }, [i, t]);
-    const m = n.useCallback(() => c(!1), []), J = ne({
+    const m = n.useCallback(() => c(!1), []), U = oe({
       calendarKind: I,
       fiscalMode: O,
       granularity: T,
@@ -48,11 +49,12 @@ const ue = n.forwardRef(
       fiscalYearStartMonth: v,
       fiscalConfig: K,
       showPresets: j,
-      showPeriodBoundaries: F
-    }), U = (e) => {
+      showPeriodBoundaries: F,
+      autoNavigateToAvailable: z
+    }), W = (e) => {
       const p = Array.isArray(e) && e.length > 0 ? e : void 0;
       l(p), s || u?.(p);
-    }, W = () => {
+    }, X = () => {
       u?.(P), m();
     }, h = () => {
       l(t), m();
@@ -62,9 +64,9 @@ const ue = n.forwardRef(
     n.useLayoutEffect(() => {
       k.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const X = t && t.length > 0 ? t.length === 1 ? le(t[0]) : a("datePicker.quartersSelected", { count: t.length }) : "";
+    const Y = t && t.length > 0 ? t.length === 1 ? pe(t[0]) : a("datePicker.quartersSelected", { count: t.length }) : "";
     return /* @__PURE__ */ r(
-      oe,
+      ae,
       {
         open: i,
         disabled: o,
@@ -75,26 +77,26 @@ const ue = n.forwardRef(
         onOpenAutoFocus: (e) => {
           d.current || e.preventDefault(), d.current = !1;
         },
-        popoverHandlers: q,
+        popoverHandlers: B,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: y,
             "data-component": "multi-quarter-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => se({
+            onPointerDown: (e) => le({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => f.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              $,
+              ee,
               {
                 ref: f,
-                value: X,
+                value: Y,
                 readOnly: !0,
-                onKeyDown: (e) => ce(e, {
+                onKeyDown: (e) => se(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -104,10 +106,10 @@ const ue = n.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: H,
+                placeholder: L,
                 disabled: o,
                 "data-form-control": "input",
-                className: _("cursor-pointer", A),
+                className: $("cursor-pointer", A),
                 suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
                   t && t.length > 0 && !o ? /* @__PURE__ */ g(M, { children: [
                     /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
@@ -120,7 +122,7 @@ const ue = n.forwardRef(
                           e.stopPropagation(), C();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Y, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(Z, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -137,43 +139,43 @@ const ue = n.forwardRef(
                           e.stopPropagation(), o || c((p) => !p);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Z, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(_, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("datePicker.selectMultipleQuarters") })
                   ] })
                 ] }),
-                ...z
+                ...E
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          ee,
+          te,
           {
             pickerType: "quarter",
             monthMode: "multiple",
             selectedQuarters: P,
-            footerFlashKey: L,
-            footerFlashTarget: V,
-            onQuarterSelect: U,
-            month: B,
-            onMonthChange: G,
-            disabled: re(D, Q),
+            footerFlashKey: V,
+            footerFlashTarget: q,
+            onQuarterSelect: W,
+            month: G,
+            onMonthChange: J,
+            disabled: ne(D, Q),
             startMonth: N,
             endMonth: S,
             showFooter: s,
-            onApply: W,
+            onApply: X,
             onCancel: h,
             onClear: C,
-            ...J
+            ...U
           }
         )
       }
     );
   }
 );
-ue.displayName = "MultiQuarterPicker";
+fe.displayName = "MultiQuarterPicker";
 export {
-  ue as MultiQuarterPicker
+  fe as MultiQuarterPicker
 };

package/dist/components/forms/date-picker/multi-week-picker.js

@@ -1,22 +1,22 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import * as n from "react";
-import { Cross as re, CalendarMonth as ne } from "impact-nova-icons";
+import { Cross as ne, CalendarMonth as oe } from "impact-nova-icons";
 import { format as b } from "date-fns";
-import { cn as oe } from "../../../lib/utils.js";
-import { Input as se } from "../input/input.js";
-import { Popover as ae, PopoverAnchor as ie, PopoverContent as ce } from "../../feedback/popover/popover.js";
-import { Calendar as le } from "../../data-display/calendar/calendar.js";
+import { cn as se } from "../../../lib/utils.js";
+import { Input as ae } from "../input/input.js";
+import { Popover as ie, PopoverAnchor as ce, PopoverContent as le } from "../../feedback/popover/popover.js";
+import { Calendar as pe } from "../../data-display/calendar/calendar.js";
 import { Tooltip as x, TooltipTrigger as A, TooltipContent as M } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as pe } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as de } from "../../../i18n/getDateFnsLocale.js";
-import { coerceWeekArrayApply as fe, coerceWeekArray as me } from "./calendar-selection-adapters.js";
-import { usePickerDismissActionsRef as ue, usePickerFooterDismissNudge as he, handlePickerSurfacePointerDown as ye } from "./date-input-behavior.js";
-import { buildDateBoundsMatcher as ke } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ge } from "./fiscal-pass-through.js";
-const Pe = (t, a = "MM/dd/yyyy", i) => {
+import { useImpactNovaI18n as de } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as fe } from "../../../i18n/getDateFnsLocale.js";
+import { coerceWeekArrayApply as me, coerceWeekArray as ue } from "./calendar-selection-adapters.js";
+import { usePickerDismissActionsRef as he, usePickerFooterDismissNudge as ye, handlePickerSurfacePointerDown as ke } from "./date-input-behavior.js";
+import { buildDateBoundsMatcher as ge } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as Pe } from "./fiscal-pass-through.js";
+const Ce = (t, a = "MM/dd/yyyy", i) => {
   const h = b(t.startDate, a, i ? { locale: i } : {}), y = b(t.endDate, a, i ? { locale: i } : {});
   return `${h} - ${y}`;
-}, Ce = n.forwardRef(
+}, De = n.forwardRef(
   ({
     value: t,
     onChange: a,
@@ -36,62 +36,63 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
     weekStartsOn: j = 1,
     showPresets: F,
     showPeriodBoundaries: E,
-    comparison: K,
-    onComparisonChange: $,
+    autoNavigateToAvailable: K,
+    comparison: $,
+    onComparisonChange: z,
     disabled: o,
-    className: z,
-    ...V
-  }, q) => {
-    const { locale: P, t: c } = pe(), B = n.useMemo(() => de(P), [P]), H = h ?? c("datePicker.selectWeeks"), [l, s] = n.useState(!1), k = n.useRef(!1), g = n.useRef(null), C = ue(), { footerFlashKey: G, footerFlashTarget: J, popoverHandlers: Q } = he(d, l, C, g), [f, m] = n.useState(t);
+    className: V,
+    ...q
+  }, B) => {
+    const { locale: P, t: c } = de(), H = n.useMemo(() => fe(P), [P]), G = h ?? c("datePicker.selectWeeks"), [l, s] = n.useState(!1), k = n.useRef(!1), g = n.useRef(null), C = he(), { footerFlashKey: J, footerFlashTarget: Q, popoverHandlers: U } = ye(d, l, C, g), [f, m] = n.useState(t);
     n.useEffect(() => {
       m(t);
     }, [l, t]);
-    const U = (e) => {
-      const p = me(e);
+    const X = (e) => {
+      const p = ue(e);
       m(p), d || a?.(p);
-    }, X = (e) => {
-      const p = fe(e, f);
+    }, Y = (e) => {
+      const p = me(e, f);
       a?.(p), s(!1);
     }, D = () => {
       m(t), s(!1);
     }, W = () => {
       m(void 0), a?.(void 0), d || s(!1);
-    }, Y = t && t.length > 0 ? t.length === 1 ? Pe(t[0], i, B) : `${t.length} weeks selected` : "", Z = (e) => {
+    }, Z = t && t.length > 0 ? t.length === 1 ? Ce(t[0], i, H) : `${t.length} weeks selected` : "", _ = (e) => {
       o || !e && d || s(e);
-    }, _ = n.useCallback(() => {
+    }, ee = n.useCallback(() => {
       const e = f?.length ?? 0, p = t?.length ?? 0;
       return e === p && (f ?? []).every(
-        (ee, te) => ee.startDate.getTime() === t?.[te]?.startDate.getTime()
+        (te, re) => te.startDate.getTime() === t?.[re]?.startDate.getTime()
       ) ? "dismiss" : e > 0 ? "apply" : "cancel";
     }, [f, t]);
     return n.useLayoutEffect(() => {
       C.current = {
         onDismiss: D,
-        resolveFlash: _
+        resolveFlash: ee
       };
-    }), /* @__PURE__ */ u(ae, { open: o ? !1 : l, onOpenChange: Z, children: [
-      /* @__PURE__ */ r(ie, { asChild: !0, children: /* @__PURE__ */ r(
+    }), /* @__PURE__ */ u(ie, { open: o ? !1 : l, onOpenChange: _, children: [
+      /* @__PURE__ */ r(ce, { asChild: !0, children: /* @__PURE__ */ r(
         "div",
         {
           ref: g,
-          onPointerDown: (e) => ye({
+          onPointerDown: (e) => ke({
             disabled: o,
             event: e,
             onOpen: () => s(!0),
             focusField: () => g.current?.querySelector("input")?.focus()
           }),
           children: /* @__PURE__ */ r(
-            se,
+            ae,
             {
-              ref: q,
-              value: Y,
-              placeholder: H,
+              ref: B,
+              value: Z,
+              placeholder: G,
               readOnly: !0,
               disabled: o,
               onClick: () => {
                 !o && !l && s(!0);
               },
-              className: oe("cursor-pointer", z),
+              className: se("cursor-pointer", V),
               suffix: /* @__PURE__ */ u("div", { className: "flex items-center gap-1", children: [
                 t && t.length > 0 && !o && /* @__PURE__ */ u(x, { children: [
                   /* @__PURE__ */ r(A, { asChild: !0, children: /* @__PURE__ */ r(
@@ -104,7 +105,7 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
                         e.stopPropagation(), W();
                       },
                       className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ r(re, { className: "size-3 hover:text-content" })
+                      children: /* @__PURE__ */ r(ne, { className: "size-3 hover:text-content" })
                     }
                   ) }),
                   /* @__PURE__ */ r(M, { variant: "tertiary", side: "top", children: c("calendar.clear") })
@@ -124,19 +125,19 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
                         (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o || (k.current = !0, s(!l)));
                       },
                       className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                      children: /* @__PURE__ */ r(ne, { className: "h-4 w-4 text-secondary-foreground" })
+                      children: /* @__PURE__ */ r(oe, { className: "h-4 w-4 text-secondary-foreground" })
                     }
                   ) }),
                   /* @__PURE__ */ r(M, { variant: "tertiary", side: "top", children: c("datePicker.selectWeeks") })
                 ] })
               ] }),
-              ...V
+              ...q
             }
           )
         }
       ) }),
       /* @__PURE__ */ r(
-        ce,
+        le,
         {
           className: "w-auto p-0",
           align: "start",
@@ -144,21 +145,21 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
           onOpenAutoFocus: (e) => {
             k.current || e.preventDefault(), k.current = !1;
           },
-          ...Q,
+          ...U,
           children: /* @__PURE__ */ r(
-            le,
+            pe,
             {
               pickerType: "week",
               weekMode: "multiple",
               selectedWeeks: f,
-              footerFlashKey: G,
-              footerFlashTarget: J,
-              onWeekSelect: U,
-              disabled: ke(y, N),
+              footerFlashKey: J,
+              footerFlashTarget: Q,
+              onWeekSelect: X,
+              disabled: ge(y, N),
               startMonth: T,
               endMonth: R,
               showFooter: d,
-              ...ge({
+              ...Pe({
                 calendarKind: S,
                 fiscalMode: v,
                 granularity: w,
@@ -168,10 +169,11 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
                 weekStartsOn: j,
                 showPresets: F,
                 showPeriodBoundaries: E,
-                comparison: K,
-                onComparisonChange: $
+                autoNavigateToAvailable: K,
+                comparison: $,
+                onComparisonChange: z
               }),
-              onApply: X,
+              onApply: Y,
               onCancel: D,
               onClear: W,
               captionLayout: "dropdown"
@@ -182,7 +184,7 @@ const Pe = (t, a = "MM/dd/yyyy", i) => {
     ] });
   }
 );
-Ce.displayName = "MultiWeekPicker";
+De.displayName = "MultiWeekPicker";
 export {
-  Ce as MultiWeekPicker
+  De as MultiWeekPicker
 };