impact-nova 2.5.11 → 2.5.12

package/dist/components/forms/date-picker/year-picker.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import * as t from "react";
-import { Cross as Z, CalendarMonth as _ } from "impact-nova-icons";
-import { cn as $ } from "../../../lib/utils.js";
-import { Input as ee } from "../input/input.js";
-import { Calendar as re } from "../../data-display/calendar/calendar.js";
+import { Cross as _, CalendarMonth as $ } from "impact-nova-icons";
+import { cn as ee } from "../../../lib/utils.js";
+import { Input as re } from "../input/input.js";
+import { Calendar as te } from "../../data-display/calendar/calendar.js";
 import { Tooltip as x, TooltipTrigger as R, TooltipContent as D } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as te } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as ne } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as oe } from "./fiscal-pass-through.js";
-import { DatePickerShell as ae } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ie, usePickerFooterDismissNudge as ce, handleReadonlyPickerKeyDown as se, handlePickerSurfacePointerDown as le } from "./date-input-behavior.js";
-import { formatYearInput as pe } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromYear as fe } from "../../data-display/calendar/calendar-year-utils.js";
-const de = t.forwardRef(
+import { useImpactNovaI18n as ne } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as oe } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ae } from "./fiscal-pass-through.js";
+import { DatePickerShell as ie } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as ce, usePickerFooterDismissNudge as se, handleReadonlyPickerKeyDown as le, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
+import { formatYearInput as fe } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { viewMonthFromYear as de } from "../../data-display/calendar/calendar-year-utils.js";
+const me = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -30,32 +30,34 @@ const de = t.forwardRef(
     fiscalMonthPattern: M,
     fiscalYearStartMonth: K,
     fiscalConfig: k,
-    showPresets: j,
-    showPeriodBoundaries: F,
-    autoNavigateToAvailable: L,
-    showIntervalCaption: z = !1,
-    ...E
-  }, H) => {
-    const { t: a } = te(), V = Y ?? a("datePicker.selectYear"), m = t.useRef(null), P = t.useRef(null);
-    t.useImperativeHandle(H, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), g = ie(), { footerFlashKey: B, footerFlashTarget: q, popoverHandlers: G } = ce(s, i, g, P), [C, l] = t.useState(n), [J, Q] = t.useState(fe(n));
+    weekStartsOn: j,
+    showPresets: F,
+    showPeriodBoundaries: L,
+    autoNavigateToAvailable: z,
+    showIntervalCaption: E = !1,
+    ...H
+  }, V) => {
+    const { t: a } = ne(), B = Y ?? a("datePicker.selectYear"), m = t.useRef(null), P = t.useRef(null);
+    t.useImperativeHandle(V, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), g = ce(), { footerFlashKey: q, footerFlashTarget: G, popoverHandlers: J } = se(s, i, g, P), [C, l] = t.useState(n), [Q, U] = t.useState(de(n));
     t.useEffect(() => {
       i || l(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), U = oe({
+    const p = t.useCallback(() => c(!1), []), W = ae({
       calendarKind: O,
       fiscalMode: T,
       granularity: w,
       fiscalMonthPattern: M,
       fiscalYearStartMonth: K,
       fiscalConfig: k,
-      showPresets: j,
-      showPeriodBoundaries: F,
-      autoNavigateToAvailable: L
-    }), W = (e) => {
+      weekStartsOn: j,
+      showPresets: F,
+      showPeriodBoundaries: L,
+      autoNavigateToAvailable: z
+    }), X = (e) => {
       const f = e && !Array.isArray(e) && !("from" in e) && !("to" in e) ? e : void 0;
       l(f), s || (d?.(f), p());
-    }, X = () => {
+    }, Z = () => {
       d?.(C), p();
     }, h = () => {
       l(n), p();
@@ -65,7 +67,7 @@ const de = t.forwardRef(
     return t.useLayoutEffect(() => {
       g.current = { onDismiss: h, resolveFlash: () => "cancel" };
     }), /* @__PURE__ */ r(
-      ae,
+      ie,
       {
         open: i,
         disabled: o,
@@ -76,26 +78,26 @@ const de = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: G,
+        popoverHandlers: J,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: P,
             "data-component": "year-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => le({
+            onPointerDown: (e) => pe({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              ee,
+              re,
               {
                 ref: m,
-                value: n ? pe(n, k?.fyLabel ?? "fy-long") : "",
+                value: n ? fe(n, k?.fyLabel ?? "fy-long") : "",
                 readOnly: !0,
-                onKeyDown: (e) => se(e, {
+                onKeyDown: (e) => le(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -105,10 +107,10 @@ const de = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: V,
+                placeholder: B,
                 disabled: o,
                 "data-form-control": "input",
-                className: $("cursor-pointer", I),
+                className: ee("cursor-pointer", I),
                 suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
                   n && !o ? /* @__PURE__ */ y(x, { children: [
                     /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ r(
@@ -121,7 +123,7 @@ const de = t.forwardRef(
                           e.stopPropagation(), b();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(Z, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -138,43 +140,43 @@ const de = t.forwardRef(
                           e.stopPropagation(), o || c((f) => !f);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(_, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r($, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("datePicker.selectYear") })
                   ] })
                 ] }),
-                ...E
+                ...H
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          re,
+          te,
           {
             pickerType: "year",
             selectedYear: C,
-            footerFlashKey: B,
-            footerFlashTarget: q,
-            onYearSelect: W,
-            month: J,
-            onMonthChange: Q,
-            disabled: ne(v, N),
+            footerFlashKey: q,
+            footerFlashTarget: G,
+            onYearSelect: X,
+            month: Q,
+            onMonthChange: U,
+            disabled: oe(v, N),
             startMonth: S,
             endMonth: A,
             showFooter: s,
-            onApply: X,
+            onApply: Z,
             onCancel: h,
             onClear: b,
-            showIntervalCaption: z,
-            ...U
+            showIntervalCaption: E,
+            ...W
           }
         )
       }
     );
   }
 );
-de.displayName = "YearPicker";
+me.displayName = "YearPicker";
 export {
-  de as YearPicker
+  me as YearPicker
 };

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

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as t from "react";
-import { Cross as ee, CalendarMonth as re } from "impact-nova-icons";
-import { cn as te } from "../../../lib/utils.js";
-import { Input as ne } from "../input/input.js";
-import { Calendar as oe } from "../../data-display/calendar/calendar.js";
+import { Cross as re, CalendarMonth as te } from "impact-nova-icons";
+import { cn as ne } from "../../../lib/utils.js";
+import { Input as oe } from "../input/input.js";
+import { Calendar as ae } from "../../data-display/calendar/calendar.js";
 import { Tooltip as x, TooltipTrigger as D, TooltipContent as Y } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as ae } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as ie } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ce } from "./fiscal-pass-through.js";
-import { DatePickerShell as se } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as le, usePickerFooterDismissNudge as fe, handleReadonlyPickerKeyDown as pe, handlePickerSurfacePointerDown as de } from "./date-input-behavior.js";
+import { useImpactNovaI18n as ie } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as ce } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as se } from "./fiscal-pass-through.js";
+import { DatePickerShell as le } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as fe, usePickerFooterDismissNudge as pe, handleReadonlyPickerKeyDown as de, handlePickerSurfacePointerDown as me } from "./date-input-behavior.js";
 import { formatYearInput as N } from "../../data-display/calendar/calendar-fiscal-labels.js";
-import { viewMonthFromYear as me } from "../../data-display/calendar/calendar-year-utils.js";
-const ue = t.forwardRef(
+import { viewMonthFromYear as ue } from "../../data-display/calendar/calendar-year-utils.js";
+const he = t.forwardRef(
   ({
     value: n,
     onChange: d,
@@ -30,32 +30,34 @@ const ue = t.forwardRef(
     fiscalMonthPattern: j,
     fiscalYearStartMonth: F,
     fiscalConfig: y,
-    showPresets: L,
-    showPeriodBoundaries: $,
-    autoNavigateToAvailable: z,
-    showIntervalCaption: E = !1,
-    ...H
-  }, V) => {
-    const { t: a } = ae(), B = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
-    t.useImperativeHandle(V, () => m.current);
-    const [i, c] = t.useState(!1), u = t.useRef(!1), R = le(), { footerFlashKey: q, footerFlashTarget: G, popoverHandlers: J } = fe(l, i, R, P), [C, f] = t.useState(n), [Q, U] = t.useState(me(n?.from));
+    weekStartsOn: L,
+    showPresets: $,
+    showPeriodBoundaries: z,
+    autoNavigateToAvailable: E,
+    showIntervalCaption: H = !1,
+    ...V
+  }, B) => {
+    const { t: a } = ie(), q = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
+    t.useImperativeHandle(B, () => m.current);
+    const [i, c] = t.useState(!1), u = t.useRef(!1), R = fe(), { footerFlashKey: G, footerFlashTarget: J, popoverHandlers: Q } = pe(l, i, R, P), [C, f] = t.useState(n), [U, W] = t.useState(ue(n?.from));
     t.useEffect(() => {
       i || f(n);
     }, [i, n]);
-    const p = t.useCallback(() => c(!1), []), W = ce({
+    const p = t.useCallback(() => c(!1), []), X = se({
       calendarKind: T,
       fiscalMode: w,
       granularity: K,
       fiscalMonthPattern: j,
       fiscalYearStartMonth: F,
       fiscalConfig: y,
-      showPresets: L,
-      showPeriodBoundaries: $,
-      autoNavigateToAvailable: z
-    }), X = (e) => {
+      weekStartsOn: L,
+      showPresets: $,
+      showPeriodBoundaries: z,
+      autoNavigateToAvailable: E
+    }), Z = (e) => {
       const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
       f(s), l || (d?.(s), s?.to && p());
-    }, Z = () => {
+    }, _ = () => {
       d?.(C), p();
     }, h = () => {
       f(n), p();
@@ -65,9 +67,9 @@ const ue = t.forwardRef(
     t.useLayoutEffect(() => {
       R.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const _ = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
+    const ee = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
     return /* @__PURE__ */ r(
-      se,
+      le,
       {
         open: i,
         disabled: o,
@@ -78,26 +80,26 @@ const ue = t.forwardRef(
         onOpenAutoFocus: (e) => {
           u.current || e.preventDefault(), u.current = !1;
         },
-        popoverHandlers: J,
+        popoverHandlers: Q,
         trigger: /* @__PURE__ */ r(
           "div",
           {
             ref: P,
             "data-component": "year-range-picker",
             "data-state": i ? "open" : "closed",
-            onPointerDown: (e) => de({
+            onPointerDown: (e) => me({
               disabled: o,
               event: e,
               onOpen: () => c(!0),
               focusField: () => m.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              ne,
+              oe,
               {
                 ref: m,
-                value: _,
+                value: ee,
                 readOnly: !0,
-                onKeyDown: (e) => pe(e, {
+                onKeyDown: (e) => de(e, {
                   disabled: o,
                   open: i,
                   onOpen: () => c(!0),
@@ -107,10 +109,10 @@ const ue = t.forwardRef(
                   }
                 }),
                 onClick: () => !o && c(!0),
-                placeholder: B,
+                placeholder: q,
                 disabled: o,
                 "data-form-control": "input",
-                className: te("cursor-pointer", O),
+                className: ne("cursor-pointer", O),
                 suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
                   n?.from && !o ? /* @__PURE__ */ g(x, { children: [
                     /* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ r(
@@ -123,7 +125,7 @@ const ue = t.forwardRef(
                           e.stopPropagation(), b();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(ee, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r(re, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("calendar.clear") })
@@ -140,44 +142,44 @@ const ue = t.forwardRef(
                           e.stopPropagation(), o || c((s) => !s);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(re, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(te, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("datePicker.selectYearRange") })
                   ] })
                 ] }),
-                ...H
+                ...V
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          oe,
+          ae,
           {
             pickerType: "year",
             yearMode: "range",
             selectedYear: C,
-            footerFlashKey: q,
-            footerFlashTarget: G,
-            onYearSelect: X,
-            month: Q,
-            onMonthChange: U,
-            disabled: ie(v, A),
+            footerFlashKey: G,
+            footerFlashTarget: J,
+            onYearSelect: Z,
+            month: U,
+            onMonthChange: W,
+            disabled: ce(v, A),
             startMonth: I,
             endMonth: M,
             showFooter: l,
-            onApply: Z,
+            onApply: _,
             onCancel: h,
             onClear: b,
-            showIntervalCaption: E,
-            ...W
+            showIntervalCaption: H,
+            ...X
           }
         )
       }
     );
   }
 );
-ue.displayName = "YearRangePicker";
+he.displayName = "YearRangePicker";
 export {
-  ue as YearRangePicker
+  he as YearRangePicker
 };

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

@@ -1,9 +1,8 @@
 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 C({
+function w({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -53,5 +52,5 @@ function C({
   );
 }
 export {
-  C as SelectTriggerValue
+  w as SelectTriggerValue
 };

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

@@ -1,14 +1,13 @@
 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 R = ({
+const G = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -106,5 +105,5 @@ const R = ({
   ] });
 };
 export {
-  R as Submenu
+  G as Submenu
 };

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

@@ -1,42 +1,49 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Controller as p } from "react-hook-form";
-import { MultiWeekPicker as h } from "../../components/forms/date-picker/multi-week-picker.js";
-import { getFieldTestId as k } from "../utils/fieldTestIds.js";
+import { Controller as h } from "react-hook-form";
+import { MultiWeekPicker as p } from "../../components/forms/date-picker/multi-week-picker.js";
+import { fiscalCalendarPassThrough as f } from "../../components/forms/date-picker/fiscal-pass-through.js";
+import { getFieldTestId as g } from "../utils/fieldTestIds.js";
 import { toLocalDate as n } from "../utils/calendar-boundary.js";
-const D = ({
+const x = ({
   field: e,
-  validationRules: m,
-  isDisabled: s,
-  formHelpers: u
+  validationRules: s,
+  isDisabled: u,
+  formHelpers: c
 }) => {
-  const c = u.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
+  const d = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
   return r ? /* @__PURE__ */ a(
-    p,
+    h,
     {
       name: e.id,
-      control: c,
-      rules: m,
-      render: ({ field: o, fieldState: t }) => {
-        const l = !!t.error, i = o.value;
-        return /* @__PURE__ */ a("div", { "data-testid": k(e.id), children: /* @__PURE__ */ a(
-          h,
+      control: d,
+      rules: s,
+      render: ({ field: t, fieldState: o }) => {
+        const i = !!o.error, l = t.value;
+        return /* @__PURE__ */ a("div", { "data-testid": g(e.id), children: /* @__PURE__ */ a(
+          p,
           {
             label: e.label,
-            value: Array.isArray(i) ? i : void 0,
-            onChange: (d) => {
-              o.onChange(d ?? []);
+            value: Array.isArray(l) ? l : void 0,
+            onChange: (m) => {
+              t.onChange(m ?? []);
             },
             placeholder: e.placeholder,
             required: e.isRequired,
-            disabled: s,
-            error: l,
-            helperText: l ? t.error?.message : e.helpText,
-            calendarKind: r.calendarKind,
-            fiscalMode: r.fiscalMode,
-            weekStartsOn: r.weekStartsOn,
+            disabled: u,
+            error: i,
+            helperText: i ? o.error?.message : e.helpText,
             minDate: n(r.minDate),
             maxDate: n(r.maxDate),
-            autoNavigateToAvailable: r.autoNavigateToAvailable
+            ...f({
+              calendarKind: r.calendarKind,
+              fiscalMode: r.fiscalMode,
+              granularity: r.granularity,
+              fiscalMonthPattern: r.fiscalMonthPattern,
+              fiscalYearStartMonth: r.fiscalYearStartMonth,
+              weekStartsOn: r.weekStartsOn,
+              showPeriodBoundaries: r.showPeriodBoundaries,
+              autoNavigateToAvailable: r.autoNavigateToAvailable
+            })
           }
         ) });
       }
@@ -44,5 +51,5 @@ const D = ({
   ) : null;
 };
 export {
-  D as MultiWeekPickerField
+  x as MultiWeekPickerField
 };

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

@@ -1,10 +1,10 @@
 import { jsx as c } from "react/jsx-runtime";
 import { Controller as b } from "react-hook-form";
 import { WeekRangePicker as x } from "../../components/forms/date-picker/week-range-picker.js";
-import { toLocalDate as f } from "../utils/calendar-boundary.js";
+import { toLocalDate as M } from "../utils/calendar-boundary.js";
 import { resolveWeekSelection as Y } from "../../lib/fiscal-calendar/week-selection.js";
 import { resolveWeekRangeMinMax as $ } from "../utils/date.utils.js";
-const S = (e, a) => Y(e, {
+const f = (e, a) => Y(e, {
   calendarKind: a.calendarKind,
   fiscalMode: a.fiscalMode ?? "basic",
   granularity: a.granularity,
@@ -14,44 +14,44 @@ const S = (e, a) => Y(e, {
 }), C = ({
   field: e,
   validationRules: a,
-  isDisabled: p,
+  isDisabled: S,
   formHelpers: d
 }) => {
   const t = e.fieldType === "week_range" ? e : null;
   if (!t) return null;
-  const { minDate: u, maxDate: m, startMonth: D, endMonth: k } = $(t), v = d.form.control;
+  const { minDate: p, maxDate: u, startMonth: D, endMonth: k } = $(t), v = d.form.control;
   return /* @__PURE__ */ c(
     b,
     {
       name: e.id,
       control: v,
       rules: a,
-      render: ({ field: w, fieldState: h }) => {
-        const g = !!h.error, r = w.value, s = r?.start ? f(r.start) ?? null : null, i = r?.end ? f(r.end) ?? null : null, F = !!(s && i);
+      render: ({ field: w, fieldState: m }) => {
+        const h = !!m.error, r = w.value, s = r?.start ? M(r.start) ?? null : null, i = r?.end ? M(r.end) ?? null : null, F = !!(s && i);
         return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
           x,
           {
             label: e.label,
             value: F && s && i ? {
-              from: S(s, t),
-              to: S(i, t)
+              from: f(s, t),
+              to: f(i, t)
             } : void 0,
             onChange: (o) => {
-              const M = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = M?.from?.startDate, l = M?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, T = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
+              const g = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = g?.from?.startDate, l = g?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, T = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
               d.setValue(e.id, { start: P, end: T });
             },
             placeholder: t.placeholder,
-            startMonth: u ?? D,
-            endMonth: m ?? k,
+            startMonth: D,
+            endMonth: u ?? k,
             required: e.isRequired,
-            disabled: p,
-            error: g,
-            helperText: g ? h.error?.message : e.helpText,
+            disabled: S,
+            error: h,
+            helperText: h ? m.error?.message : e.helpText,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             weekStartsOn: t.weekStartsOn,
-            minDate: u,
-            maxDate: m,
+            minDate: p,
+            maxDate: u,
             granularity: t.granularity,
             fiscalMonthPattern: t.fiscalMonthPattern,
             fiscalYearStartMonth: t.fiscalYearStartMonth,

package/dist/form-react/types/fields.types.d.ts

@@ -240,6 +240,8 @@ export type MultiWeekRangeField = BaseField & {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     granularity?: "day" | "week" | "period" | "quarter" | "year";
     fiscalMonthPattern?: number[];
+    fiscalYearStartMonth?: number;
+    showPeriodBoundaries?: boolean;
     /** When true, open on the first enabled week. Navigate only. */
     autoNavigateToAvailable?: boolean;
 };

package/dist/impact-nova-components.css

@@ -91,11 +91,24 @@
   contain: inline-size;
 }
 
+[data-component=calendar]:has([data-slot=year-panes]) {
+  width: 320px;
+  max-width: 320px;
+}
+
 [data-component=calendar][data-month-layout=dual] [data-slot=month-panes],
 [data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
   flex-direction: row;
 }
 
+[data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
+  width: auto;
+  min-width: 0;
+  max-width: none;
+  overflow: visible;
+  contain: none;
+}
+
 /* Fiscal period: one vertical gutter track + outer Sunday corners, not stacked left-pills. */
 .calendar-interval-cap-start:not(.calendar-interval-cap-end) {
   background-color: transparent;
@@ -440,12 +453,6 @@
   border-bottom-right-radius: calc(var(--radius) + 4px);
 }
 
-[data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
-  width: auto;
-  min-width: 0;
-  max-width: none;
-}
-
 [data-component=calendar] [data-slot=month-pane-divider-group],
 [data-component=calendar] [data-slot=quarter-pane-divider-group] {
   display: flex;