impact-nova 2.5.13 → 2.5.14

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

@@ -1,106 +1,108 @@
 import { jsx as u, jsxs as W } from "react/jsx-runtime";
 import * as c from "react";
-import { Cross as Fe, CalendarMonth as et } from "impact-nova-icons";
-import { format as g } from "date-fns";
-import { cn as Q } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as tt, usePickerFooterDismissNudge as rt, createRangePickerOpenChangeHandler as ot, parseDateInput as U, normalizeOrderedRange as nt, compareDates as st, flashRangeReorder as it, isDateInputInvalid as ce, resolveRangeFieldBlur as L, resolveRangePickerDismissFlash as ct, handlePickerEscapeKeyDown as le, handlePickerSurfacePointerDown as lt, deferRangeInputBlur as at, maskDateInput as ae, resolveDateInputOnBlur as j } from "./date-input-behavior.js";
-import { useFieldChrome as ft } from "../../../lib/primitives/use-field-chrome.js";
-import { Popover as dt, PopoverAnchor as pt, PopoverContent as mt } from "../../feedback/popover/popover.js";
-import { Calendar as ut } from "../../data-display/calendar/calendar.js";
+import { Cross as et, CalendarMonth as tt } from "impact-nova-icons";
+import { format as k } from "date-fns";
+import { cn as U } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as rt, usePickerFooterDismissNudge as ot, createRangePickerOpenChangeHandler as nt, parseDateInput as X, normalizeOrderedRange as st, compareDates as it, flashRangeReorder as ct, isDateInputInvalid as le, resolveRangeFieldBlur as L, resolveRangePickerDismissFlash as lt, handlePickerEscapeKeyDown as ae, handlePickerSurfacePointerDown as at, deferRangeInputBlur as ft, maskDateInput as fe, resolveDateInputOnBlur as j } from "./date-input-behavior.js";
+import { useFieldChrome as dt } from "../../../lib/primitives/use-field-chrome.js";
+import { Popover as pt, PopoverAnchor as mt, PopoverContent as ut } from "../../feedback/popover/popover.js";
+import { Calendar as kt } from "../../data-display/calendar/calendar.js";
 import { buildDateBoundsMatcher as gt } from "../../../lib/date-bounds-matcher.js";
-import { Tooltip as fe, TooltipTrigger as de, TooltipContent as pe } from "../../feedback/tooltip/tooltip.js";
-import { resolveWeekSelection as kt } from "../../../lib/fiscal-calendar/week-selection.js";
-import { useImpactNovaI18n as Rt } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as ht } from "../../../i18n/getDateFnsLocale.js";
-import { coerceWeekRangeApply as Dt, isWeekRangeSelection as yt } from "./calendar-selection-adapters.js";
-import { fiscalCalendarPassThrough as vt } from "./fiscal-pass-through.js";
+import { Tooltip as de, TooltipTrigger as pe, TooltipContent as me } from "../../feedback/tooltip/tooltip.js";
+import { resolveWeekSelection as Rt } from "../../../lib/fiscal-calendar/week-selection.js";
+import { useImpactNovaI18n as ht } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as Dt } from "../../../i18n/getDateFnsLocale.js";
+import { coerceWeekRangeApply as yt, isWeekRangeSelection as vt } from "./calendar-selection-adapters.js";
+import { fiscalCalendarPassThrough as xt } from "./fiscal-pass-through.js";
 const x = (t) => t?.from ? t.to ? t.to.endDate : t.from.endDate : void 0, S = (t) => t?.from ? { from: t.from, to: t.to } : void 0;
-function me(t, l) {
+function ue(t, l) {
   return !t && !l ? !0 : !t || !l ? !1 : t.startDate.getTime() === l.startDate.getTime();
 }
-function xt(t, l) {
-  return !t && !l ? !0 : !t || !l ? !1 : me(t.from, l.from) && me(t.to, l.to);
+function Ct(t, l) {
+  return !t && !l ? !0 : !t || !l ? !1 : ue(t.from, l.from) && ue(t.to, l.to);
 }
-const Ct = c.forwardRef(
+const bt = c.forwardRef(
   ({
     value: t,
     onChange: l,
     format: n = "MM/dd/yyyy",
-    placeholder: ue,
+    placeholder: ke,
     minDate: ge,
-    maxDate: ke,
-    startMonth: Re,
-    endMonth: he,
-    showFooter: k = !0,
+    maxDate: Re,
+    startMonth: he,
+    endMonth: De,
+    showFooter: g = !0,
     calendarKind: N,
     fiscalMode: q = "basic",
     granularity: z,
     fiscalMonthPattern: H,
     fiscalYearStartMonth: K = 1,
-    fiscalConfig: De,
-    weekStartsOn: M = 1,
+    fiscalConfig: M,
+    weekStartsOn: G = 1,
     showPresets: ye,
     showPeriodBoundaries: ve,
-    comparison: xe,
-    onComparisonChange: Ce,
+    autoNavigateToAvailable: xe,
+    comparison: Ce,
+    onComparisonChange: be,
     disabled: d,
-    className: be,
-    error: we,
-    isError: Ie,
-    size: X,
-    label: Te,
-    helperText: Ee,
-    helperTextPosition: Pe = "absolute",
-    required: We,
-    prefix: bt,
-    prefixClick: wt,
-    ...Se
-  }, Be) => {
-    const Z = we ?? Ie, Ne = ft({
-      label: Te,
-      helperText: Ee,
-      helperTextPosition: Pe,
-      error: Z,
-      required: We,
+    className: we,
+    error: Ie,
+    isError: Te,
+    size: Z,
+    label: Ee,
+    helperText: Pe,
+    helperTextPosition: We = "absolute",
+    required: Se,
+    prefix: wt,
+    prefixClick: It,
+    ...Be
+  }, Ne) => {
+    const _ = Ie ?? Te, Ve = dt({
+      label: Ee,
+      helperText: Pe,
+      helperTextPosition: We,
+      error: _,
+      required: Se,
       disabled: d ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { locale: _, t: T } = Rt(), s = c.useMemo(() => ht(_), [_]), $ = ue ?? T("datePicker.selectWeekRange"), V = N === "fiscal", G = c.useRef(null), Y = c.useRef(null), F = c.useRef(null), A = c.useRef(null), J = c.useRef(null);
-    c.useImperativeHandle(Be, () => G.current);
-    const [p, R] = c.useState(!1), ee = tt(), { footerFlashKey: Ve, footerFlashTarget: Ae, popoverHandlers: Oe } = rt(k, p, ee, F), E = c.useRef(!1), [a, h] = c.useState(t), [m, D] = c.useState(t?.from ? g(t.from.startDate, n, { locale: s }) : ""), [y, v] = c.useState(x(t) ? g(x(t), n, { locale: s }) : ""), [Le, P] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date()), je = t?.from?.startDate.getTime(), qe = x(t)?.getTime(), te = c.useRef(t);
+    }), { locale: $, t: T } = ht(), s = c.useMemo(() => Dt($), [$]), Y = ke ?? T("datePicker.selectWeekRange"), V = N === "fiscal", J = c.useRef(null), F = c.useRef(null), ee = c.useRef(null), A = c.useRef(null), Q = c.useRef(null);
+    c.useImperativeHandle(Ne, () => J.current);
+    const [p, R] = c.useState(!1), te = rt(), { footerFlashKey: Ae, footerFlashTarget: Oe, popoverHandlers: Le } = ot(g, p, te, ee), E = c.useRef(!1), [a, h] = c.useState(t), [m, D] = c.useState(t?.from ? k(t.from.startDate, n, { locale: s }) : ""), [y, v] = c.useState(x(t) ? k(x(t), n, { locale: s }) : ""), [je, P] = c.useState(t?.from?.startDate || /* @__PURE__ */ new Date()), qe = t?.from?.startDate.getTime(), ze = x(t)?.getTime(), re = c.useRef(t);
     c.useEffect(() => {
-      te.current = t;
+      re.current = t;
     }), c.useEffect(() => {
-      const e = te.current;
-      D(e?.from ? g(e.from.startDate, n, { locale: s }) : ""), v(x(e) ? g(x(e), n, { locale: s }) : ""), h(e);
-    }, [je, qe, n, s]);
-    const ze = c.useCallback(
-      (e) => ot({
+      const e = re.current;
+      D(e?.from ? k(e.from.startDate, n, { locale: s }) : ""), v(x(e) ? k(x(e), n, { locale: s }) : ""), h(e);
+    }, [qe, ze, n, s]);
+    const He = c.useCallback(
+      (e) => nt({
         disabled: d ?? void 0,
-        showFooter: k,
+        showFooter: g,
         containerRef: A,
-        popoverContentRef: J,
+        popoverContentRef: Q,
         setOpen: R
       })(e),
-      [d, k]
-    ), re = c.useRef(!1);
+      [d, g]
+    ), oe = c.useRef(!1);
     c.useEffect(() => {
-      if (p && !re.current && !V) {
-        const e = U(m, n, s);
+      if (p && !oe.current && !V) {
+        const e = X(m, n, s);
         e.parsed ? P(e.parsed) : a?.from ? P(a.from.startDate) : t?.from && P(t.from.startDate);
       }
-      re.current = p;
+      oe.current = p;
     }, [p, m, n, s, a?.from, t?.from, V]);
-    const He = (e) => {
-      const r = yt(e) ? e : void 0;
-      h(r), r?.from ? (D(g(r.from.startDate, n, { locale: s })), v(g(x(r), n, { locale: s }))) : (D(""), v("")), !k && r?.from && r?.to && r.from.startDate.getTime() !== r.to.startDate.getTime() && (l?.(r), R(!1));
+    const Ke = (e) => {
+      const r = vt(e) ? e : void 0;
+      h(r), r?.from ? (D(k(r.from.startDate, n, { locale: s })), v(k(x(r), n, { locale: s }))) : (D(""), v("")), !g && r?.from && r?.to && r.from.startDate.getTime() !== r.to.startDate.getTime() && (l?.(r), R(!1));
     }, C = c.useCallback(
-      (e) => kt(e, {
+      (e) => Rt(e, {
         calendarKind: N,
         fiscalMode: q,
         granularity: z,
         fiscalMonthPattern: H,
         fiscalYearStartMonth: K,
-        weekStartsOn: M
+        weekStartsOn: G,
+        fiscalConfig: M
       }),
       [
         N,
@@ -108,86 +110,87 @@ const Ct = c.forwardRef(
         z,
         H,
         K,
+        G,
         M
       ]
     ), B = c.useCallback((e, r) => {
-      const o = nt(
+      const o = st(
         e,
         r,
-        (i, f) => st(i.startDate, f.startDate)
+        (i, f) => it(i.startDate, f.startDate)
       );
-      return o.swapped && (o.from && D(g(o.from.startDate, n, { locale: s })), o.to && v(g(x({ from: o.from, to: o.to }), n, { locale: s })), it(A.current)), { from: o.from, to: o.to };
-    }, [n, s]), oe = (e) => {
-      const r = Dt(e, S(a)), o = B(r?.from, r?.to), i = o.from ? { from: o.from, to: o.to } : void 0;
+      return o.swapped && (o.from && D(k(o.from.startDate, n, { locale: s })), o.to && v(k(x({ from: o.from, to: o.to }), n, { locale: s })), ct(A.current)), { from: o.from, to: o.to };
+    }, [n, s]), ne = (e) => {
+      const r = yt(e, S(a)), o = B(r?.from, r?.to), i = o.from ? { from: o.from, to: o.to } : void 0;
       h(i), l?.(i), R(!1);
     }, O = () => {
-      h(t), D(t?.from ? g(t.from.startDate, n, { locale: s }) : ""), v(x(t) ? g(x(t), n, { locale: s }) : ""), R(!1);
-    }, ne = () => {
-      h(void 0), D(""), v(""), l?.(void 0), k || R(!1);
-    }, Ke = (e) => {
-      const r = ae(e.target.value, n, m);
+      h(t), D(t?.from ? k(t.from.startDate, n, { locale: s }) : ""), v(x(t) ? k(x(t), n, { locale: s }) : ""), R(!1);
+    }, se = () => {
+      h(void 0), D(""), v(""), l?.(void 0), g || R(!1);
+    }, Me = (e) => {
+      const r = fe(e.target.value, n, m);
       if (D(r), r === "") {
         const f = { to: a?.to };
-        h(f), k || l?.(void 0);
+        h(f), g || l?.(void 0);
         return;
       }
-      const { parsed: o, isValid: i } = U(r, n, s);
+      const { parsed: o, isValid: i } = X(r, n, s);
       if (i && o) {
         const I = { from: C(o), to: a?.to };
-        h(I), a?.to && v(g(x(I), n, { locale: s })), V || P(o), k || l?.(S(I));
+        h(I), a?.to && v(k(x(I), n, { locale: s })), V || P(o), g || l?.(S(I));
       }
-    }, Me = (e) => {
-      const r = ae(e.target.value, n, y);
+    }, Ge = (e) => {
+      const r = fe(e.target.value, n, y);
       if (v(r), r === "") {
         const f = { from: a?.from };
-        h(f), k || l?.(S(f));
+        h(f), g || l?.(S(f));
         return;
       }
-      const { parsed: o, isValid: i } = U(r, n, s);
+      const { parsed: o, isValid: i } = X(r, n, s);
       if (i && o) {
         const f = C(o), I = { from: a?.from, to: f };
-        h(I), a?.from && D(g(a.from.startDate, n, { locale: s })), V || P(o), k || l?.(S(I));
+        h(I), a?.from && D(k(a.from.startDate, n, { locale: s })), V || P(o), g || l?.(S(I));
       }
-    }, Ge = () => {
+    }, Je = () => {
       const e = j(m, n, b, s), r = j(y, n, w, s);
       e.resetToCommitted ? D(b) : e.parsed && D(e.display), r.resetToCommitted ? v(w) : r.parsed && v(r.display);
       let o = e.parsed ? C(e.parsed) : a?.from, i = r.parsed ? C(r.parsed) : a?.to;
       o && i && ({ from: o, to: i } = B(o, i));
       const f = o ? { from: o, to: i } : void 0;
       f ? (h(f), l?.(f)) : !m && !y && (h(void 0), l?.(void 0));
-    }, se = () => {
-      at(
+    }, ie = () => {
+      ft(
         A,
-        J,
+        Q,
         () => {
           const e = L(m, n, b, s), r = L(y, n, w, s);
           e.resetToCommitted ? D(b) : e.parsed && D(e.display), r.resetToCommitted ? v(w) : r.parsed && v(r.display);
           let o = e.parsed ? C(e.parsed) : e.resetToCommitted ? t?.from : a?.from, i = r.parsed ? C(r.parsed) : r.resetToCommitted ? t?.to : a?.to;
           o && i && ({ from: o, to: i } = B(o, i));
           const f = o || i ? { from: o, to: i } : void 0;
-          h(f), k || (f ? l?.(f) : !m && !y && l?.(void 0));
+          h(f), g || (f ? l?.(f) : !m && !y && l?.(void 0));
         }
       );
-    }, ie = () => {
-      if (p && k) {
-        oe();
+    }, ce = () => {
+      if (p && g) {
+        ne();
         return;
       }
       if (!p) {
-        if (k) {
-          Ge();
+        if (g) {
+          Je();
           return;
         }
         const e = j(m, n, b, s), r = j(y, n, w, s);
         if (e.parsed || r.parsed) return;
         E.current = !0, R(!0);
       }
-    }, b = t?.from ? g(t.from.startDate, n, { locale: s }) : "", w = x(t) ? g(x(t), n, { locale: s }) : "", Je = b !== m, Qe = w !== y, Ue = ce(m, n, s), Xe = ce(y, n, s), Ze = "Start Date", _e = "End Date", $e = c.useCallback(() => {
+    }, b = t?.from ? k(t.from.startDate, n, { locale: s }) : "", w = x(t) ? k(x(t), n, { locale: s }) : "", Qe = b !== m, Ue = w !== y, Xe = le(m, n, s), Ze = le(y, n, s), _e = "Start Date", $e = "End Date", Ye = c.useCallback(() => {
       const e = L(m, n, b, s), r = L(y, n, w, s);
       let o = e.parsed ? C(e.parsed) : e.resetToCommitted ? t?.from : a?.from, i = r.parsed ? C(r.parsed) : r.resetToCommitted ? t?.to : a?.to;
       o && i && ({ from: o, to: i } = B(o, i));
       const f = o || i ? { from: o, to: i } : void 0;
-      return ct({
+      return lt({
         startInput: m,
         endInput: y,
         committedStart: b,
@@ -195,7 +198,7 @@ const Ct = c.forwardRef(
         committedRange: t,
         pendingRange: S(a),
         computeEffectiveRange: () => f,
-        rangesEqual: (I, Ye) => xt(I, Ye)
+        rangesEqual: (I, Fe) => Ct(I, Fe)
       });
     }, [
       m,
@@ -210,158 +213,159 @@ const Ct = c.forwardRef(
       C
     ]);
     return c.useLayoutEffect(() => {
-      ee.current = {
+      te.current = {
         onDismiss: O,
-        resolveFlash: $e
+        resolveFlash: Ye
       };
     }), /* @__PURE__ */ u(
       "div",
       {
-        ref: F,
+        ref: ee,
         "data-component": "week-range-picker",
         "data-disabled": d || void 0,
-        children: Ne.wrapControl(
-          /* @__PURE__ */ W(dt, { open: d ? !1 : p, onOpenChange: ze, children: [
-            /* @__PURE__ */ u(pt, { asChild: !0, children: /* @__PURE__ */ W(
+        children: Ve.wrapControl(
+          /* @__PURE__ */ W(pt, { open: d ? !1 : p, onOpenChange: He, children: [
+            /* @__PURE__ */ u(mt, { asChild: !0, children: /* @__PURE__ */ W(
               "div",
               {
                 ref: A,
                 "data-state": p ? "open" : "closed",
-                onPointerDown: (e) => lt({
+                onPointerDown: (e) => at({
                   disabled: d,
                   event: e,
                   onOpen: () => R(!0),
                   focusField: (r) => {
-                    r === "end" ? Y.current?.focus() : G.current?.focus();
+                    r === "end" ? F.current?.focus() : J.current?.focus();
                   }
                 }),
-                className: Q(
+                className: U(
                   "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",
-                  Z ? "border-destructive hover:border-destructive" : "border-field",
-                  X === "sm" ? "h-6" : X === "md" ? "h-[28px]" : "h-8",
+                  _ ? "border-destructive hover:border-destructive" : "border-field",
+                  Z === "sm" ? "h-6" : Z === "md" ? "h-[28px]" : "h-8",
                   d && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                   "cursor-pointer",
-                  be
+                  we
                 ),
                 children: [
                   /* @__PURE__ */ W("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                     /* @__PURE__ */ u(
                       "input",
                       {
-                        ref: G,
+                        ref: J,
                         type: "text",
                         value: m,
-                        onChange: Ke,
-                        onBlur: se,
+                        onChange: Me,
+                        onBlur: ie,
                         onClick: () => !d && R(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !d && (e.preventDefault(), ie()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), E.current = !0, R(!0)), e.key === "Escape" && p && le(e, { open: p, onCancel: O });
+                          e.key === "Enter" && !d && (e.preventDefault(), ce()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), E.current = !0, R(!0)), e.key === "Escape" && p && ae(e, { open: p, onCancel: O });
                         },
-                        placeholder: p ? n : $,
+                        placeholder: p ? n : Y,
                         disabled: !!d,
-                        "aria-label": Ze,
+                        "aria-label": _e,
                         "data-field": "start",
-                        className: Q(
+                        className: U(
                           "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",
-                          Ue ? "text-destructive" : Je ? "text-content-placeholder" : ""
+                          Xe ? "text-destructive" : Qe ? "text-content-placeholder" : ""
                         ),
-                        ...Se
+                        ...Be
                       }
                     ),
                     /* @__PURE__ */ u(
                       "input",
                       {
-                        ref: Y,
+                        ref: F,
                         type: "text",
                         value: y,
-                        onChange: Me,
-                        onBlur: se,
+                        onChange: Ge,
+                        onBlur: ie,
                         onClick: () => !d && R(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !d && (e.preventDefault(), ie()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), E.current = !0, R(!0)), e.key === "Escape" && p && le(e, { open: p, onCancel: O });
+                          e.key === "Enter" && !d && (e.preventDefault(), ce()), e.key === "ArrowDown" && !p && !d && (e.preventDefault(), E.current = !0, R(!0)), e.key === "Escape" && p && ae(e, { open: p, onCancel: O });
                         },
-                        placeholder: p ? n : $,
+                        placeholder: p ? n : Y,
                         disabled: !!d,
-                        "aria-label": _e,
+                        "aria-label": $e,
                         "data-field": "end",
-                        className: Q(
+                        className: U(
                           "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",
-                          Xe ? "text-destructive" : Qe ? "text-content-placeholder" : ""
+                          Ze ? "text-destructive" : Ue ? "text-content-placeholder" : ""
                         )
                       }
                     )
                   ] }),
                   /* @__PURE__ */ W("div", { className: "flex items-center gap-1 shrink-0", children: [
-                    t?.from && !d && /* @__PURE__ */ W(fe, { children: [
-                      /* @__PURE__ */ u(de, { asChild: !0, children: /* @__PURE__ */ u(
+                    t?.from && !d && /* @__PURE__ */ W(de, { children: [
+                      /* @__PURE__ */ u(pe, { asChild: !0, children: /* @__PURE__ */ u(
                         "button",
                         {
                           type: "button",
                           tabIndex: 0,
                           "aria-label": T("calendar.clear"),
                           onClick: (e) => {
-                            e.stopPropagation(), ne();
+                            e.stopPropagation(), se();
                           },
                           className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                          children: /* @__PURE__ */ u(Fe, { className: "size-3 hover:text-content text-content-icon" })
+                          children: /* @__PURE__ */ u(et, { className: "size-3 hover:text-content text-content-icon" })
                         }
                       ) }),
-                      /* @__PURE__ */ u(pe, { variant: "tertiary", side: "top", children: T("calendar.clear") })
+                      /* @__PURE__ */ u(me, { variant: "tertiary", side: "top", children: T("calendar.clear") })
                     ] }),
-                    /* @__PURE__ */ W(fe, { children: [
-                      /* @__PURE__ */ u(de, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": T("datePicker.selectWeekRange"), onClick: (e) => {
+                    /* @__PURE__ */ W(de, { children: [
+                      /* @__PURE__ */ u(pe, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": T("datePicker.selectWeekRange"), onClick: (e) => {
                         e.stopPropagation(), d || R(!p);
                       }, onKeyDown: (e) => {
                         (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), d || (E.current = !0, R(!p)));
-                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(et, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                      /* @__PURE__ */ u(pe, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
+                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(tt, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                      /* @__PURE__ */ u(me, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
                     ] })
                   ] })
                 ]
               }
             ) }),
             /* @__PURE__ */ u(
-              mt,
+              ut,
               {
-                ref: J,
+                ref: Q,
                 className: "w-auto p-0",
                 align: "start",
                 "aria-label": T("datePicker.selectWeekRange"),
                 onOpenAutoFocus: (e) => {
                   E.current || e.preventDefault(), E.current = !1;
                 },
-                ...Oe,
+                ...Le,
                 children: /* @__PURE__ */ u(
-                  ut,
+                  kt,
                   {
                     pickerType: "week",
                     weekMode: "range",
                     selectedWeeks: S(a),
-                    footerFlashKey: Ve,
-                    footerFlashTarget: Ae,
-                    onWeekSelect: He,
-                    month: Le,
+                    footerFlashKey: Ae,
+                    footerFlashTarget: Oe,
+                    onWeekSelect: Ke,
+                    month: je,
                     onMonthChange: P,
-                    disabled: gt(ge, ke),
-                    startMonth: Re,
-                    endMonth: he,
-                    showFooter: k,
-                    ...vt({
+                    disabled: gt(ge, Re),
+                    startMonth: he,
+                    endMonth: De,
+                    showFooter: g,
+                    ...xt({
                       calendarKind: N,
                       fiscalMode: q,
                       granularity: z,
                       fiscalMonthPattern: H,
                       fiscalYearStartMonth: K,
-                      fiscalConfig: De,
-                      weekStartsOn: M,
+                      fiscalConfig: M,
+                      weekStartsOn: G,
                       showPresets: ye,
                       showPeriodBoundaries: ve,
-                      comparison: xe,
-                      onComparisonChange: Ce
+                      autoNavigateToAvailable: xe,
+                      comparison: Ce,
+                      onComparisonChange: be
                     }),
-                    onApply: oe,
+                    onApply: ne,
                     onCancel: O,
-                    onClear: ne,
+                    onClear: se,
                     captionLayout: "dropdown"
                   }
                 )
@@ -373,7 +377,7 @@ const Ct = c.forwardRef(
     );
   }
 );
-Ct.displayName = "WeekRangePicker";
+bt.displayName = "WeekRangePicker";
 export {
-  Ct as WeekRangePicker
+  bt as WeekRangePicker
 };