impact-nova 2.5.9 → 2.5.11

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

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