impact-nova 2.2.3 → 2.2.4

package/dist/components/forms/combobox/combobox.js

@@ -1,116 +1,122 @@
-import { jsx as a, jsxs as xe } from "react/jsx-runtime";
-import { useId as X, useMemo as T, useState as C, useRef as E, useCallback as u, useEffect as ve } from "react";
-import * as H from "@radix-ui/react-popover";
-import { createComponent as we } from "../../../lib/primitives/create-component.js";
-import { cn as $ } from "../../../lib/utils.js";
-import { useFieldChrome as ye } from "../../../lib/primitives/use-field-chrome.js";
-import { comboboxSizeVariants as Ce } from "./combobox.variants.js";
-function Ie(c) {
-  if (c.options) return c.options;
-  const { min: l, max: d, step: f } = c;
-  if (l == null || d == null || f == null || f <= 0 || l > d) return [];
+import { jsx as a, jsxs as we } from "react/jsx-runtime";
+import { useId as J, useMemo as _, useState as C, useCallback as c, useRef as E, useEffect as ye } from "react";
+import * as O from "@radix-ui/react-popover";
+import { createComponent as Ce } from "../../../lib/primitives/create-component.js";
+import { cn as P } from "../../../lib/utils.js";
+import { useFieldChrome as Ie } from "../../../lib/primitives/use-field-chrome.js";
+import { useOverlayNestedLayerDismiss as De, useOverlayPortalContainer as Le } from "../../../lib/overlay/overlay-portal-context.js";
+import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as ke } from "../../../lib/overlay/overlay-host.constants.js";
+import { comboboxSizeVariants as Ae } from "./combobox.variants.js";
+function Se(l) {
+  if (l.options) return l.options;
+  const { min: u, max: d, step: f } = l;
+  if (u == null || d == null || f == null || f <= 0 || u > d) return [];
   const I = [];
-  for (let b = l; b <= d; b += f) {
-    const k = Math.round(b * 1e10) / 1e10;
-    I.push(String(k));
+  for (let b = u; b <= d; b += f) {
+    const D = Math.round(b * 1e10) / 1e10;
+    I.push(String(D));
   }
   return I;
 }
-function ke(c, l) {
-  if (!l) return c;
-  const d = l.toLowerCase();
-  return c.filter((f) => f.toLowerCase().includes(d));
+function Ne(l, u) {
+  if (!u) return l;
+  const d = u.toLowerCase();
+  return l.filter((f) => f.toLowerCase().includes(d));
 }
-const He = we(
+const je = Ce(
   "Combobox",
   ({
-    options: c,
-    min: l,
+    options: l,
+    min: u,
     max: d,
     step: f,
     defaultValue: I = "",
     value: b,
-    onChange: k,
+    onChange: D,
     onBlur: F,
-    placeholder: z,
-    label: D,
-    helperText: Y,
-    helperTextPosition: Z = "absolute",
-    error: _,
+    placeholder: $,
+    label: L,
+    helperText: Q,
+    helperTextPosition: X = "absolute",
+    error: Z,
     isError: ee,
     disabled: m,
-    isNumeric: N,
+    isNumeric: H,
     size: te = "default",
     className: oe,
     emptyMessage: ne = "No options found",
-    allowFreeText: L = !1,
-    required: B,
+    allowFreeText: k = !1,
+    required: z,
     labelOrientation: re
-  }, x) => {
-    const se = X(), A = X(), R = typeof D == "string" ? D : z ?? "Options", V = ye({
-      label: D,
-      helperText: Y,
-      helperTextPosition: Z,
+  }, v) => {
+    const se = J(), A = J(), R = typeof L == "string" ? L : $ ?? "Options", T = Ie({
+      label: L,
+      helperText: Q,
+      helperTextPosition: X,
       labelOrientation: re,
-      error: _ ?? ee,
-      required: B,
+      error: Z ?? ee,
+      required: z,
       disabled: m,
       id: se,
       className: oe
-    }), K = T(
-      () => Ie({ options: c, min: l, max: d, step: f }),
-      [c, l, d, f]
-    ), M = b !== void 0, [ie, ae] = C(I), S = M ? b : ie, [ce, U] = C(""), [o, v] = C(!1), n = o ? ce : S, [O, p] = C(-1), W = E(-1), [le, w] = C("keyboard"), q = E(null), P = E(null), ue = u(
+    }), B = _(
+      () => Se({ options: l, min: u, max: d, step: f }),
+      [l, u, d, f]
+    ), V = b !== void 0, [ie, ae] = C(I), S = V ? b : ie, [ce, K] = C(""), [o, x] = C(!1), le = c((e) => {
+      x(e);
+    }, []);
+    De(o && !m, le);
+    const ue = Le(), n = o ? ce : S, [M, p] = C(-1), U = E(-1), [de, w] = C("keyboard"), W = E(null), N = E(null), fe = c(
       (e) => {
-        q.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
+        W.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
       },
-      [x]
-    ), r = T(
-      () => ke(K, n),
-      [K, n]
-    ), G = E(r), de = T(() => {
+      [v]
+    ), r = _(
+      () => Ne(B, n),
+      [B, n]
+    ), q = E(r), me = _(() => {
       if (!o || !n) return -1;
       const e = r.findIndex(
         (t) => t.toLowerCase() === n.toLowerCase()
       );
       return e >= 0 ? e : -1;
-    }, [o, n, r]), h = O >= 0 ? O : de, J = O >= 0 ? le : "mouse", fe = o && h >= 0 ? `${A}-option-${h}` : void 0;
-    ve(() => {
-      W.current = h, G.current = r, o && h >= 0 && P.current && P.current.querySelectorAll("[data-combobox-item]")[h]?.scrollIntoView({ block: "nearest" });
+    }, [o, n, r]), h = M >= 0 ? M : me, G = M >= 0 ? de : "mouse", pe = o && h >= 0 ? `${A}-option-${h}` : void 0;
+    ye(() => {
+      U.current = h, q.current = r, o && h >= 0 && N.current && N.current.querySelectorAll("[data-combobox-item]")[h]?.scrollIntoView({ block: "nearest" });
     }, [h, o, r]);
-    const i = u(
+    const i = c(
       (e) => {
-        M || ae(e), k?.(e), v(!1), p(-1);
+        V || ae(e), D?.(e), x(!1), p(-1);
       },
-      [M, k]
-    ), y = u(() => {
-      v(!1), p(-1);
-    }, []), me = u(
+      [V, D]
+    ), y = c(() => {
+      x(!1), p(-1);
+    }, []), he = c(
       (e) => {
         const t = e.target.value;
-        U(t), p(-1), w("mouse"), o || v(!0);
+        K(t), p(-1), w("mouse"), o || x(!0);
       },
       [o]
-    ), pe = u(() => {
-      m || (U(S), v(!0));
-    }, [m, S]), he = u(
+    ), ge = c(() => {
+      m || (K(S), x(!0));
+    }, [m, S]), be = c(
       (e) => {
         const t = e.relatedTarget;
-        if (!P.current?.contains(t)) {
+        if (!N.current?.contains(t)) {
           if (o) {
             const s = r.find(
               (g) => g.toLowerCase() === n.toLowerCase()
             );
-            s ? i(s) : r.length === 1 ? i(r[0]) : L && n ? i(n) : y();
+            s ? i(s) : r.length === 1 ? i(r[0]) : k && n ? i(n) : y();
           }
           F?.(e);
         }
       },
-      [o, r, n, i, y, L, F]
-    ), ge = u(
+      [o, r, n, i, y, k, F]
+    ), xe = c(
       (e) => {
         if (!o) {
-          (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), v(!0));
+          (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), x(!0));
           return;
         }
         if (e.key === "Escape") {
@@ -131,25 +137,25 @@ const He = we(
         }
         if (e.key === "Enter" || e.key === "Tab") {
           e.preventDefault();
-          const t = W.current, s = G.current;
+          const t = U.current, s = q.current;
           if (t >= 0 && t < s.length)
             i(s[t]);
           else {
             const g = s.find(
               (j) => j.toLowerCase() === n.toLowerCase()
             );
-            g ? i(g) : s.length === 1 ? i(s[0]) : L && n ? i(n) : y();
+            g ? i(g) : s.length === 1 ? i(s[0]) : k && n ? i(n) : y();
           }
           return;
         }
       },
-      [o, r, n, i, y, L]
-    ), Q = u(
+      [o, r, n, i, y, k]
+    ), Y = c(
       (e) => {
-        i(e), setTimeout(() => q.current?.focus(), 0);
+        i(e), setTimeout(() => W.current?.focus(), 0);
       },
       [i]
-    ), be = u(
+    ), ve = c(
       (e) => {
         const t = e.target.closest(
           "[data-combobox-item]"
@@ -158,48 +164,48 @@ const He = we(
           if (e.button !== 0) return;
           e.preventDefault();
           const s = t.getAttribute("data-combobox-value");
-          s != null && Q(s);
+          s != null && Y(s);
           return;
         }
         e.preventDefault();
       },
-      [Q]
+      [Y]
     );
-    return /* @__PURE__ */ a("div", { "data-component": "combobox", "data-numeric": N || void 0, children: V.wrapControl(
-      /* @__PURE__ */ xe(H.Root, { open: o && !m, modal: !1, children: [
-        /* @__PURE__ */ a(H.Anchor, { asChild: !0, children: /* @__PURE__ */ a(
+    return /* @__PURE__ */ a("div", { "data-component": "combobox", "data-numeric": H || void 0, children: T.wrapControl(
+      /* @__PURE__ */ we(O.Root, { open: o && !m, modal: !1, children: [
+        /* @__PURE__ */ a(O.Anchor, { asChild: !0, children: /* @__PURE__ */ a(
           "div",
           {
             "data-component": "combobox-input-border",
             tabIndex: -1,
-            className: $(
+            className: P(
               "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm transition-colors outline-none ring-0 focus:outline-none focus:ring-0",
               "focus-within:outline-none focus-within:ring-0 focus-within:border-brand hover:border-brand",
-              V.hasError ? "border-destructive hover:border-destructive" : "border-field",
+              T.hasError ? "border-destructive hover:border-destructive" : "border-field",
               m && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-              Ce({ size: te }),
+              Ae({ size: te }),
               "bg-canvas"
             ),
             children: /* @__PURE__ */ a(
               "input",
               {
-                ref: ue,
+                ref: fe,
                 type: "text",
                 value: n,
-                onChange: me,
-                onFocus: pe,
-                onBlur: he,
-                onKeyDown: ge,
-                placeholder: z,
+                onChange: he,
+                onFocus: ge,
+                onBlur: be,
+                onKeyDown: xe,
+                placeholder: $,
                 disabled: !!m,
-                className: $(
+                className: P(
                   "flex h-full w-full bg-transparent p-0 text-sm font-medium",
                   "outline-none ring-0 shadow-none border-none",
                   "focus:outline-none focus:ring-0 focus:shadow-none focus:border-none",
                   "focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none focus-visible:border-none",
                   "placeholder:font-medium placeholder:text-content-empty",
                   m && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground cursor-not-allowed",
-                  N && "text-right"
+                  H && "text-right"
                 ),
                 style: { boxShadow: "none", outline: "none" },
                 autoComplete: "off",
@@ -208,16 +214,16 @@ const He = we(
                 "aria-autocomplete": "list",
                 "aria-haspopup": "listbox",
                 "aria-controls": o ? A : void 0,
-                "aria-activedescendant": fe,
-                "aria-required": B || void 0,
-                "aria-label": D ? void 0 : R,
-                ...V.controlAria
+                "aria-activedescendant": pe,
+                "aria-required": z || void 0,
+                "aria-label": L ? void 0 : R,
+                ...T.controlAria
               }
             )
           }
         ) }),
-        /* @__PURE__ */ a(H.Portal, { children: /* @__PURE__ */ a(
-          H.Content,
+        /* @__PURE__ */ a(O.Portal, { container: ue, children: /* @__PURE__ */ a(
+          O.Content,
           {
             align: "start",
             side: "bottom",
@@ -225,25 +231,29 @@ const He = we(
             avoidCollisions: !0,
             collisionPadding: 8,
             "aria-label": R,
+            "data-component": "combobox-content",
             onOpenAutoFocus: (e) => e.preventDefault(),
             onCloseAutoFocus: (e) => e.preventDefault(),
             onInteractOutside: () => {
             },
             onWheel: (e) => e.stopPropagation(),
-            className: "z-[9999] overflow-hidden rounded-[12px] bg-canvas text-base shadow-elevation-select focus:outline-none sm:text-sm flex flex-col border-none w-[var(--radix-popover-trigger-width)]",
+            className: P(
+              "z-[9999] overflow-hidden rounded-[12px] bg-canvas text-base shadow-elevation-select focus:outline-none sm:text-sm flex flex-col border-none w-[var(--radix-popover-trigger-width)]",
+              ke
+            ),
             style: {
               maxHeight: "var(--radix-popover-content-available-height)"
             },
             children: /* @__PURE__ */ a(
               "div",
               {
-                ref: P,
+                ref: N,
                 id: A,
                 className: "flex-1 overflow-auto py-1 px-[6px]",
                 style: { maxHeight: 240, overscrollBehavior: "contain" },
                 role: "listbox",
                 "aria-label": R,
-                onPointerDown: be,
+                onPointerDown: ve,
                 onWheel: (e) => e.stopPropagation(),
                 onMouseLeave: () => {
                   w("mouse"), p(-1);
@@ -258,10 +268,10 @@ const He = we(
                       id: j,
                       role: "option",
                       "aria-selected": g,
-                      className: $(
+                      className: P(
                         "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
-                        N ? "justify-end text-right" : "justify-between",
-                        s && J === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content" : s && J === "mouse" ? "bg-canvas-muted text-content" : g ? "bg-accent text-content" : "text-content hover:bg-canvas-muted cursor-pointer"
+                        H ? "justify-end text-right" : "justify-between",
+                        s && G === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content" : s && G === "mouse" ? "bg-canvas-muted text-content" : g ? "bg-accent text-content" : "text-content hover:bg-canvas-muted cursor-pointer"
                       ),
                       onMouseEnter: () => {
                         w("mouse"), p(t);
@@ -279,5 +289,5 @@ const He = we(
   }
 );
 export {
-  He as Combobox
+  je as Combobox
 };

package/dist/components/forms/date-picker/date-input-behavior.d.ts

@@ -27,6 +27,15 @@ export declare function createRangePickerOpenChangeHandler(options: {
 }): (newOpen: boolean) => void;
 /** True when the outside-dismiss event originated on the picker field chrome (not a real outside click). */
 export declare function isEventOnPickerSurface(event: Event, surfaceRef: RefObject<HTMLElement | null>): boolean;
+export type PickerSurfaceField = "start" | "end";
+export interface PickerSurfacePointerDownOptions {
+    disabled?: boolean | null;
+    event: React.PointerEvent<HTMLElement>;
+    onOpen: () => void;
+    focusField?: (field: PickerSurfaceField) => void;
+}
+/** Opens the picker when clicking dead zones on the field shell (padding, gaps, icon gutter). */
+export declare function handlePickerSurfacePointerDown({ disabled, event, onOpen, focusField, }: PickerSurfacePointerDownOptions): void;
 /** Block Radix outside-dismiss when the calendar footer requires explicit Apply/Cancel. */
 export declare function preventOutsideDismissWhenFooter(showFooter: boolean, dismissActionsRef?: RefObject<{
     onDismiss: () => void;

package/dist/components/forms/date-picker/date-input-behavior.js

@@ -2,7 +2,7 @@ import { parse as h, isValid as D } from "date-fns";
 import * as d from "react";
 import { resolveRangeFooterFlashTarget as v } from "../../data-display/calendar/calendar-footer-emphasis.js";
 import { padValidDateString as y, maskDate as k } from "../../../lib/utils.js";
-function E(e, t, n) {
+function T(e, t, n) {
   return k(e, t, n);
 }
 function f(e, t, n) {
@@ -14,7 +14,7 @@ function f(e, t, n) {
     isValid: a
   };
 }
-function T(e, t, n) {
+function C(e, t, n) {
   return !e || e.length !== t.length ? !1 : !f(e, t, n).isValid;
 }
 function m(e, t) {
@@ -42,6 +42,18 @@ function O(e, t) {
   const n = e.target;
   return n instanceof Node ? !!t.current?.contains(n) : !1;
 }
+function V({
+  disabled: e,
+  event: t,
+  onOpen: n,
+  focusField: r
+}) {
+  if (e) return;
+  const s = t.target;
+  if (!(s instanceof HTMLElement) || s.closest("button") || (n(), !r)) return;
+  const i = s.closest("[data-field]")?.getAttribute("data-field");
+  r(i === "end" ? "end" : "start");
+}
 function F(e, t, n, r) {
   return e ? {
     onInteractOutside: (i) => {
@@ -62,7 +74,7 @@ function F(e, t, n, r) {
     } : void 0
   } : {};
 }
-function V(e, t, n) {
+function b(e, t, n) {
   const r = e == null, s = t == null;
   return r && s || !r && !s && n(e, t) ? "dismiss" : r ? "cancel" : "apply";
 }
@@ -88,7 +100,7 @@ function q() {
     resolveFlash: () => "cancel"
   });
 }
-function b(e, t, n, r) {
+function M(e, t, n, r) {
   const [s, a] = d.useState({ key: 0, target: "cancel" }), i = d.useRef(t);
   d.useLayoutEffect(() => {
     i.current !== t && (i.current = t, a({ key: 0, target: "cancel" }));
@@ -111,12 +123,12 @@ function b(e, t, n, r) {
     popoverHandlers: o
   };
 }
-function M(e, t, n) {
+function N(e, t, n) {
   queueMicrotask(() => {
     m(e, t) || n();
   });
 }
-function R(e, t, n, r) {
+function P(e, t, n, r) {
   if (!e)
     return { display: "", parsed: void 0, resetToCommitted: !1 };
   const s = f(e, t, r);
@@ -127,7 +139,7 @@ function R(e, t, n, r) {
   } : e.length < t.length ? { display: e, parsed: void 0, resetToCommitted: !1 } : { display: n, parsed: void 0, resetToCommitted: !0 };
 }
 function X(e, t, n, r) {
-  const s = R(e, t, n, r);
+  const s = P(e, t, n, r);
   return {
     ...s,
     isPartial: !!e && e.length < t.length && !s.resetToCommitted
@@ -137,13 +149,13 @@ function x(e, t, n) {
   const r = f(e, t, n);
   return r.isValid && r.parsed ? { parsed: r.parsed, shouldOpenPopover: !1 } : { parsed: void 0, shouldOpenPopover: !0 };
 }
-function N(e, t, n) {
+function H(e, t, n) {
   return e === void 0 || t === void 0 ? { from: e, to: t, swapped: !1 } : n(e, t) <= 0 ? { from: e, to: t, swapped: !1 } : { from: t, to: e, swapped: !0 };
 }
-function H(e, t) {
+function K(e, t) {
   return e.year * 12 + e.month - (t.year * 12 + t.month);
 }
-function K(e, t) {
+function L(e, t) {
   return e.getTime() - t.getTime();
 }
 function z(e) {
@@ -161,23 +173,24 @@ function z(e) {
   ));
 }
 export {
-  K as compareDates,
-  H as compareMonthSelection,
+  L as compareDates,
+  K as compareMonthSelection,
   S as createRangePickerOpenChangeHandler,
-  M as deferRangeInputBlur,
+  N as deferRangeInputBlur,
   z as flashRangeReorder,
-  T as isDateInputInvalid,
+  V as handlePickerSurfacePointerDown,
+  C as isDateInputInvalid,
   O as isEventOnPickerSurface,
   m as isFocusInsidePicker,
-  E as maskDateInput,
-  N as normalizeOrderedRange,
+  T as maskDateInput,
+  H as normalizeOrderedRange,
   f as parseDateInput,
   F as preventOutsideDismissWhenFooter,
-  R as resolveDateInputOnBlur,
+  P as resolveDateInputOnBlur,
   x as resolveDateInputOnEnter,
   X as resolveRangeFieldBlur,
   B as resolveRangePickerDismissFlash,
-  V as resolveSingleValueDismissFlash,
+  b as resolveSingleValueDismissFlash,
   q as usePickerDismissActionsRef,
-  b as usePickerFooterDismissNudge
+  M as usePickerFooterDismissNudge
 };