impact-nova 2.5.12 → 2.5.14

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

@@ -1,44 +1,44 @@
 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 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 { 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 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 { Calendar as kt } from "../../data-display/calendar/calendar.js";
+import { buildDateBoundsMatcher as gt } from "../../../lib/date-bounds-matcher.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 Ct(t, l) {
-  return !t && !l ? !0 : !t || !l ? !1 : me(t.from, l.from) && me(t.to, l.to);
+  return !t && !l ? !0 : !t || !l ? !1 : ue(t.from, l.from) && ue(t.to, l.to);
 }
 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,
     autoNavigateToAvailable: xe,
@@ -48,7 +48,7 @@ const bt = c.forwardRef(
     className: we,
     error: Ie,
     isError: Te,
-    size: X,
+    size: Z,
     label: Ee,
     helperText: Pe,
     helperTextPosition: We = "absolute",
@@ -57,43 +57,43 @@ const bt = c.forwardRef(
     prefixClick: It,
     ...Be
   }, Ne) => {
-    const Z = Ie ?? Te, Ve = dt({
+    const _ = Ie ?? Te, Ve = dt({
       label: Ee,
       helperText: Pe,
       helperTextPosition: We,
-      error: Z,
+      error: _,
       required: Se,
       disabled: d ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), { 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);
+    }), { 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);
+      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 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));
+      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) => Rt(e, {
         calendarKind: N,
@@ -101,7 +101,8 @@ const bt = c.forwardRef(
         granularity: z,
         fiscalMonthPattern: H,
         fiscalYearStartMonth: K,
-        weekStartsOn: M
+        weekStartsOn: G,
+        fiscalConfig: M
       }),
       [
         N,
@@ -109,6 +110,7 @@ const bt = c.forwardRef(
         z,
         H,
         K,
+        G,
         M
       ]
     ), B = c.useCallback((e, r) => {
@@ -117,37 +119,37 @@ const bt = c.forwardRef(
         r,
         (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 })), ct(A.current)), { from: o.from, to: o.to };
-    }, [n, s]), oe = (e) => {
+      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);
+      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 = ae(e.target.value, n, m);
+      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));
       }
     }, Ge = (e) => {
-      const r = ae(e.target.value, n, y);
+      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));
       }
     }, Je = () => {
       const e = j(m, n, b, s), r = j(y, n, w, s);
@@ -156,26 +158,26 @@ const bt = c.forwardRef(
       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 = () => {
+    }, 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) {
+        if (g) {
           Je();
           return;
         }
@@ -183,7 +185,7 @@ const bt = c.forwardRef(
         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 }) : "", 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(() => {
+    }, 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));
@@ -211,14 +213,14 @@ const bt = c.forwardRef(
       C
     ]);
     return c.useLayoutEffect(() => {
-      ee.current = {
+      te.current = {
         onDismiss: O,
         resolveFlash: Ye
       };
     }), /* @__PURE__ */ u(
       "div",
       {
-        ref: F,
+        ref: ee,
         "data-component": "week-range-picker",
         "data-disabled": d || void 0,
         children: Ve.wrapControl(
@@ -233,13 +235,13 @@ const bt = c.forwardRef(
                   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",
                   we
@@ -249,20 +251,20 @@ const bt = c.forwardRef(
                     /* @__PURE__ */ u(
                       "input",
                       {
-                        ref: G,
+                        ref: J,
                         type: "text",
                         value: m,
                         onChange: Me,
-                        onBlur: se,
+                        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,
                         "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",
                           Xe ? "text-destructive" : Qe ? "text-content-placeholder" : ""
                         ),
@@ -272,20 +274,20 @@ const bt = c.forwardRef(
                     /* @__PURE__ */ u(
                       "input",
                       {
-                        ref: Y,
+                        ref: F,
                         type: "text",
                         value: y,
                         onChange: Ge,
-                        onBlur: se,
+                        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,
                         "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",
                           Ze ? "text-destructive" : Ue ? "text-content-placeholder" : ""
                         )
@@ -293,29 +295,29 @@ const bt = c.forwardRef(
                     )
                   ] }),
                   /* @__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(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(tt, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                      /* @__PURE__ */ u(pe, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
+                      /* @__PURE__ */ u(me, { variant: "tertiary", side: "top", children: T("datePicker.selectWeekRange") })
                     ] })
                   ] })
                 ]
@@ -324,7 +326,7 @@ const bt = c.forwardRef(
             /* @__PURE__ */ u(
               ut,
               {
-                ref: J,
+                ref: Q,
                 className: "w-auto p-0",
                 align: "start",
                 "aria-label": T("datePicker.selectWeekRange"),
@@ -333,7 +335,7 @@ const bt = c.forwardRef(
                 },
                 ...Le,
                 children: /* @__PURE__ */ u(
-                  gt,
+                  kt,
                   {
                     pickerType: "week",
                     weekMode: "range",
@@ -343,27 +345,27 @@ const bt = c.forwardRef(
                     onWeekSelect: Ke,
                     month: je,
                     onMonthChange: P,
-                    disabled: kt(ge, ke),
-                    startMonth: Re,
-                    endMonth: he,
-                    showFooter: k,
+                    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,
                       autoNavigateToAvailable: xe,
                       comparison: Ce,
                       onComparisonChange: be
                     }),
-                    onApply: oe,
+                    onApply: ne,
                     onCancel: O,
-                    onClear: ne,
+                    onClear: se,
                     captionLayout: "dropdown"
                   }
                 )

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
+import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function w({
+function C({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -52,5 +53,5 @@ function w({
   );
 }
 export {
-  w as SelectTriggerValue
+  C as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,13 +1,14 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
+import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const G = ({
+const R = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -105,5 +106,5 @@ const G = ({
   ] });
 };
 export {
-  G as Submenu
+  R as Submenu
 };

package/dist/form-react/Fields/MultiYearPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface MultiYearPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const MultiYearPickerField: FC<MultiYearPickerFieldProps>;
+export {};

package/dist/form-react/Fields/MultiYearPickerField.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Controller as p } from "react-hook-form";
+import { MultiYearPicker as M } from "../../components/forms/date-picker/multi-year-picker.js";
+import { getFieldTestId as f } from "../utils/fieldTestIds.js";
+import { toLocalDate as o } from "../utils/calendar-boundary.js";
+const g = ({
+  field: r,
+  validationRules: h,
+  isDisabled: u,
+  formHelpers: n
+}) => {
+  const e = r.fieldType === "multi_year_picker" ? r : null;
+  if (!e) return null;
+  const c = n.form.control, d = e.defaultValue?.map((t) => ({ year: t }));
+  return /* @__PURE__ */ a(
+    p,
+    {
+      name: r.id,
+      control: c,
+      defaultValue: d,
+      rules: h,
+      render: ({ field: t, fieldState: l }) => {
+        const s = !!l.error, m = t.value;
+        return /* @__PURE__ */ a("div", { "data-testid": f(r.id), children: /* @__PURE__ */ a(
+          M,
+          {
+            label: r.label,
+            value: m ?? void 0,
+            onChange: (i) => {
+              t.onChange(i ?? null), n.setValue(r.id, i ?? null);
+            },
+            placeholder: r.placeholder,
+            minDate: o(e.minDate),
+            maxDate: o(e.maxDate),
+            startMonth: o(e.startMonth),
+            endMonth: o(e.endMonth),
+            required: r.isRequired,
+            disabled: u,
+            error: s,
+            helperText: s ? l.error?.message : r.helpText,
+            showFooter: e.showFooter,
+            showIntervalCaption: e.showIntervalCaption,
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            ...e.componentProps
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  g as MultiYearPickerField
+};

package/dist/form-react/Fields/YearPickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface YearPickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const YearPickerField: FC<YearPickerFieldProps>;
+export {};

package/dist/form-react/Fields/YearPickerField.js

@@ -0,0 +1,57 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Controller as m } from "react-hook-form";
+import { YearPicker as p } from "../../components/forms/date-picker/year-picker.js";
+import { getFieldTestId as M } from "../utils/fieldTestIds.js";
+import { toLocalDate as o } from "../utils/calendar-boundary.js";
+const C = ({
+  field: r,
+  validationRules: d,
+  isDisabled: h,
+  formHelpers: a
+}) => {
+  const e = r.fieldType === "year_picker" ? r : null;
+  if (!e) return null;
+  const c = a.form.control;
+  return /* @__PURE__ */ t(
+    m,
+    {
+      name: r.id,
+      control: c,
+      defaultValue: e.defaultValue != null ? { year: e.defaultValue } : void 0,
+      rules: d,
+      render: ({ field: n, fieldState: l }) => {
+        const s = !!l.error, u = n.value;
+        return /* @__PURE__ */ t("div", { "data-testid": M(r.id), children: /* @__PURE__ */ t(
+          p,
+          {
+            label: r.label,
+            value: u ?? void 0,
+            onChange: (i) => {
+              n.onChange(i ?? null), a.setValue(r.id, i ?? null);
+            },
+            placeholder: r.placeholder,
+            minDate: o(e.minDate),
+            maxDate: o(e.maxDate),
+            startMonth: o(e.startMonth),
+            endMonth: o(e.endMonth),
+            required: r.isRequired,
+            disabled: h,
+            error: s,
+            helperText: s ? l.error?.message : r.helpText,
+            showFooter: e.showFooter,
+            showIntervalCaption: e.showIntervalCaption,
+            calendarKind: e.calendarKind,
+            fiscalMode: e.fiscalMode,
+            fiscalYearStartMonth: e.fiscalYearStartMonth,
+            fiscalMonthPattern: e.fiscalMonthPattern,
+            showPresets: e.showPresets,
+            ...e.componentProps
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  C as YearPickerField
+};

package/dist/form-react/Fields/YearRangePickerField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface YearRangePickerFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const YearRangePickerField: FC<YearRangePickerFieldProps>;
+export {};