impact-nova 2.6.0-alpha.0 → 2.6.0

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

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