impact-nova 2.5.7 → 2.5.8

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

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

package/dist/components/forms/date-picker/year-picker.d.ts

@@ -0,0 +1,3 @@
+import { YearPickerProps } from './date-picker.types';
+import * as React from "react";
+export declare const YearPicker: React.ForwardRefExoticComponent<YearPickerProps & React.RefAttributes<HTMLInputElement>>;