impact-nova 2.5.8 → 2.5.10

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

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

@@ -4,7 +4,7 @@ import { cn as a } from "../../../../lib/utils.js";
 import { preventDismissOnTooltipOutside as t } from "../../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
 import { useOverlayPortalContainer as v } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as f } from "../../../../lib/overlay/overlay-host.constants.js";
-function O({
+function P({
   menuRef: l,
   menuMinHeight: i,
   menuWidth: s,
@@ -25,6 +25,7 @@ function O({
       collisionPadding: 8,
       "aria-label": p,
       onOpenAutoFocus: (e) => e.preventDefault(),
+      onPointerDown: (e) => e.stopPropagation(),
       onPointerDownOutside: t,
       onInteractOutside: t,
       onFocusOutside: t,
@@ -58,5 +59,5 @@ function O({
   ) });
 }
 export {
-  O as SelectMenuPanel
+  P as SelectMenuPanel
 };

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/components/forms/select/select.js

@@ -126,6 +126,7 @@ function ne(R) {
   ), V = dt({
     count: o.length,
     getScrollElement: () => T.current,
+    enabled: l,
     // Estimates only seed unmeasured rows — mounted rows self-measure via
     // `measureElement` refs. Consumers rendering taller custom `renderOption`
     // rows should pass `estimateRowSize` to keep scroll offsets sane.