impact-nova 1.8.1 → 1.8.3

package/dist/components/ui/button-group.d.ts

@@ -1,15 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
 import { HelperTextPosition } from './types/helper-text.types';
+import { ReactNode } from 'react';
 import * as React from "react";
-/**
- * Button group — IA Design System v3.1 (Figma: Button group).
- * - Fused (`spacing="none"`): shared #C3C8D4 borders, 8px outer radius; selected = #ECEEFD fill + #4259EE border/text.
- * - Spaced: independent 8px rounded segments with gap (Figma “split” row).
- */
 declare const buttonGroupVariants: (props?: {
     orientation?: "horizontal" | "vertical";
     spacing?: "sm" | "md" | "lg" | "none";
 } & import('class-variance-authority/types').ClassProp) => string;
+export interface ButtonOption {
+    label: string | ReactNode;
+    value: string;
+    icon?: string | ReactNode;
+    iconPosition?: 'left' | 'right';
+    iconSize?: number;
+    isDisabled?: boolean;
+}
 export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
     value?: string;
     onValueChange?: (value: string) => void;
@@ -24,4 +28,4 @@ export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>,
     "aria-label"?: string;
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export { ButtonGroup, buttonGroupVariants };
+export { ButtonGroup };

package/dist/components/ui/button-group.js

@@ -176,6 +176,5 @@ const H = A("inline-flex", {
 );
 M.displayName = "ButtonGroup";
 export {
-  M as ButtonGroup,
-  H as buttonGroupVariants
+  M as ButtonGroup
 };

package/dist/components/ui/calendar.js

@@ -4,13 +4,12 @@ import { ChevronLeftIcon as Ne, ChevronRightIcon as Se } from "lucide-react";
 import { getDefaultClassNames as Te, DayPicker as We } from "react-day-picker";
 import { cn as d } from "../../lib/utils.js";
 import { Button as R } from "./button.js";
-import "./button-variants.js";
 import de from "./select/select.js";
 import { FISCAL_PATTERNS as qe, resolveWeekSelection as Ge } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as Je, getDateFnsLocale as Qe } from "../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as Xe } from "../../i18n/ImpactNovaI18nContext.js";
 const me = u.createContext(0);
-function ct({
+function it({
   className: oe,
   classNames: Q,
   showOutsideDays: y = !1,
@@ -841,6 +840,6 @@ function Ze({
   );
 }
 export {
-  ct as Calendar,
+  it as Calendar,
   Ze as CalendarDayButton
 };

package/dist/components/ui/combobox.d.ts

@@ -61,6 +61,7 @@ export interface ComboboxProps {
  * CSS selectors:
  * - `[data-component="combobox"]`
  * - `[data-numeric="true"]`
+ * - `[data-combobox-item]` / `[data-combobox-value]`
  */
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
 export { Combobox };

package/dist/components/ui/combobox.js

@@ -1,106 +1,106 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import * as fe from "react";
-import { useMemo as B, useState as I, useRef as M, useCallback as x, useEffect as me } from "react";
-import * as V from "@radix-ui/react-popover";
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import * as me from "react";
+import { useMemo as _, useState as I, useRef as P, useCallback as d, useEffect as xe } from "react";
+import * as M from "@radix-ui/react-popover";
 import { cn as a } from "../../lib/utils.js";
 import { Info as X } from "../../icons/index.js";
-function xe(c) {
+function pe(c) {
   if (c.options) return c.options;
-  const { min: u, max: d, step: f } = c;
-  if (u == null || d == null || f == null || f <= 0 || u > d) return [];
+  const { min: u, max: f, step: m } = c;
+  if (u == null || f == null || m == null || m <= 0 || u > f) return [];
   const L = [];
-  for (let h = u; h <= d; h += f) {
+  for (let h = u; h <= f; h += m) {
     const A = Math.round(h * 1e10) / 1e10;
     L.push(String(A));
   }
   return L;
 }
-function pe(c, u) {
+function ge(c, u) {
   if (!u) return c;
-  const d = u.toLowerCase();
-  return c.filter((f) => f.toLowerCase().includes(d));
+  const f = u.toLowerCase();
+  return c.filter((m) => m.toLowerCase().includes(f));
 }
 const Y = {
   default: "h-8",
   sm: "h-6",
   md: "h-[28px]",
   lg: "h-10"
-}, ge = fe.forwardRef(
+}, he = me.forwardRef(
   ({
     options: c,
     min: u,
-    max: d,
-    step: f,
+    max: f,
+    step: m,
     defaultValue: L = "",
     value: h,
     onChange: A,
-    onBlur: F,
+    onBlur: B,
     placeholder: Z,
-    label: K,
+    label: F,
     helperText: w,
-    helperTextPosition: j = "absolute",
-    isError: m,
+    helperTextPosition: V = "absolute",
+    isError: x,
     disabled: p,
-    isNumeric: z,
+    isNumeric: j,
     size: $ = "default",
     className: E,
     emptyMessage: T = "No options found",
     allowFreeText: R = !1,
     required: ee
   }, y) => {
-    const U = B(
-      () => xe({ options: c, min: u, max: d, step: f }),
-      [c, u, d, f]
-    ), P = h !== void 0, [te, oe] = I(L), S = P ? h : te, [ne, W] = I(""), [r, C] = I(!1), n = r ? ne : S, [O, g] = I(-1), q = M(-1), [se, k] = I("keyboard"), G = M(null), H = M(null), re = x(
+    const K = _(
+      () => pe({ options: c, min: u, max: f, step: m }),
+      [c, u, f, m]
+    ), z = h !== void 0, [te, oe] = I(L), S = z ? h : te, [ne, U] = I(""), [i, C] = I(!1), r = i ? ne : S, [O, g] = I(-1), W = P(-1), [re, k] = I("keyboard"), q = P(null), H = P(null), se = d(
       (e) => {
-        G.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
+        q.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
       },
       [y]
-    ), s = B(
-      () => pe(U, n),
-      [U, n]
-    ), J = M(s), ie = B(() => {
-      if (!r || !n) return -1;
+    ), s = _(
+      () => ge(K, r),
+      [K, r]
+    ), G = P(s), ie = _(() => {
+      if (!i || !r) return -1;
       const e = s.findIndex(
-        (t) => t.toLowerCase() === n.toLowerCase()
+        (t) => t.toLowerCase() === r.toLowerCase()
       );
       return e >= 0 ? e : -1;
-    }, [r, n, s]), N = O >= 0 ? O : ie, Q = O >= 0 ? se : "mouse";
-    me(() => {
-      q.current = N, J.current = s, r && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
-    }, [N, r, s]);
-    const l = x(
+    }, [i, r, s]), N = O >= 0 ? O : ie, J = O >= 0 ? re : "mouse";
+    xe(() => {
+      W.current = N, G.current = s, i && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
+    }, [N, i, s]);
+    const l = d(
       (e) => {
-        P || oe(e), A?.(e), C(!1), g(-1);
+        z || oe(e), A?.(e), C(!1), g(-1);
       },
-      [P, A]
-    ), D = x(() => {
+      [z, A]
+    ), D = d(() => {
       C(!1), g(-1);
-    }, []), ae = x(
+    }, []), ae = d(
       (e) => {
         const t = e.target.value;
-        W(t), g(-1), k("mouse"), r || C(!0);
+        U(t), g(-1), k("mouse"), i || C(!0);
       },
-      [r]
-    ), le = x(() => {
-      p || (W(S), C(!0));
-    }, [p, S]), ce = x(
+      [i]
+    ), le = d(() => {
+      p || (U(S), C(!0));
+    }, [p, S]), ce = d(
       (e) => {
         const t = e.relatedTarget;
         if (!H.current?.contains(t)) {
-          if (r) {
-            const i = s.find(
-              (b) => b.toLowerCase() === n.toLowerCase()
+          if (i) {
+            const o = s.find(
+              (b) => b.toLowerCase() === r.toLowerCase()
             );
-            i ? l(i) : s.length === 1 ? l(s[0]) : R && n ? l(n) : D();
+            o ? l(o) : s.length === 1 ? l(s[0]) : R && r ? l(r) : D();
           }
-          F?.(e);
+          B?.(e);
         }
       },
-      [r, s, n, l, D, R, F]
-    ), ue = x(
+      [i, s, r, l, D, R, B]
+    ), ue = d(
       (e) => {
-        if (!r) {
+        if (!i) {
           (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), C(!0));
           return;
         }
@@ -122,44 +122,59 @@ const Y = {
         }
         if (e.key === "Enter" || e.key === "Tab") {
           e.preventDefault();
-          const t = q.current, i = J.current;
-          if (t >= 0 && t < i.length)
-            l(i[t]);
+          const t = W.current, o = G.current;
+          if (t >= 0 && t < o.length)
+            l(o[t]);
           else {
-            const b = i.find(
-              (_) => _.toLowerCase() === n.toLowerCase()
+            const b = o.find(
+              (fe) => fe.toLowerCase() === r.toLowerCase()
             );
-            b ? l(b) : i.length === 1 ? l(i[0]) : R && n ? l(n) : D();
+            b ? l(b) : o.length === 1 ? l(o[0]) : R && r ? l(r) : D();
           }
           return;
         }
       },
-      [r, s, n, l, D, R]
-    ), de = x(
+      [i, s, r, l, D, R]
+    ), Q = d(
       (e) => {
-        l(e), setTimeout(() => G.current?.focus(), 0);
+        l(e), setTimeout(() => q.current?.focus(), 0);
       },
       [l]
+    ), de = d(
+      (e) => {
+        const t = e.target.closest(
+          "[data-combobox-item]"
+        );
+        if (t) {
+          if (e.button !== 0) return;
+          e.preventDefault();
+          const o = t.getAttribute("data-combobox-value");
+          o != null && Q(o);
+          return;
+        }
+        e.preventDefault();
+      },
+      [Q]
     );
     return /* @__PURE__ */ v(
       "div",
       {
         "data-component": "combobox",
-        "data-numeric": z || void 0,
+        "data-numeric": j || void 0,
         className: a("flex w-full flex-col gap-[6px]", E),
         children: [
-          K && /* @__PURE__ */ v(
+          F && /* @__PURE__ */ v(
             "label",
             {
               className: a(
                 "text-xs font-medium leading-[18px] text-content-tertiary",
                 p && "opacity-70",
-                m && "text-destructive"
+                x && "text-destructive"
               ),
               children: [
-                K,
+                F,
                 " ",
-                ee && /* @__PURE__ */ o("span", { className: "text-destructive", children: "*" })
+                ee && /* @__PURE__ */ n("span", { className: "text-destructive", children: "*" })
               ]
             }
           ),
@@ -167,11 +182,11 @@ const Y = {
             "div",
             {
               className: a(
-                w && j === "absolute" && "relative"
+                w && V === "absolute" && "relative"
               ),
               children: [
-                /* @__PURE__ */ v(V.Root, { open: r && !p, modal: !1, children: [
-                  /* @__PURE__ */ o(V.Anchor, { asChild: !0, children: /* @__PURE__ */ o(
+                /* @__PURE__ */ v(M.Root, { open: i && !p, modal: !1, children: [
+                  /* @__PURE__ */ n(M.Anchor, { asChild: !0, children: /* @__PURE__ */ n(
                     "div",
                     {
                       "data-component": "combobox-input-border",
@@ -179,17 +194,17 @@ const Y = {
                       className: a(
                         "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",
-                        m ? "border-destructive hover:border-destructive" : "border-field",
+                        x ? "border-destructive hover:border-destructive" : "border-field",
                         p && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                         Y[$] ?? Y.default,
                         "bg-canvas"
                       ),
-                      children: /* @__PURE__ */ o(
+                      children: /* @__PURE__ */ n(
                         "input",
                         {
-                          ref: re,
+                          ref: se,
                           type: "text",
-                          value: n,
+                          value: r,
                           onChange: ae,
                           onFocus: le,
                           onBlur: ce,
@@ -203,20 +218,20 @@ const Y = {
                             "focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none focus-visible:border-none",
                             "placeholder:font-medium placeholder:text-content-empty",
                             p && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground cursor-not-allowed",
-                            z && "text-right"
+                            j && "text-right"
                           ),
                           style: { boxShadow: "none", outline: "none" },
                           autoComplete: "off",
                           role: "combobox",
-                          "aria-expanded": r,
+                          "aria-expanded": i,
                           "aria-autocomplete": "list",
                           "aria-haspopup": "listbox"
                         }
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ o(V.Portal, { children: /* @__PURE__ */ o(
-                    V.Content,
+                  /* @__PURE__ */ n(M.Portal, { children: /* @__PURE__ */ n(
+                    M.Content,
                     {
                       align: "start",
                       side: "bottom",
@@ -232,37 +247,36 @@ const Y = {
                       style: {
                         maxHeight: "var(--radix-popover-content-available-height)"
                       },
-                      children: /* @__PURE__ */ o(
+                      children: /* @__PURE__ */ n(
                         "div",
                         {
                           ref: H,
                           className: "flex-1 overflow-auto py-1 px-[6px]",
                           style: { maxHeight: 240, overscrollBehavior: "contain" },
                           role: "listbox",
+                          onPointerDown: de,
                           onWheel: (e) => e.stopPropagation(),
                           onMouseLeave: () => {
                             k("mouse"), g(-1);
                           },
-                          children: s.length === 0 ? /* @__PURE__ */ o("div", { className: "flex items-center justify-center py-6 text-sm text-gray-500", children: T }) : s.map((e, t) => {
-                            const i = t === N, b = e.toLowerCase() === S.toLowerCase();
-                            return /* @__PURE__ */ o("div", { className: "w-full pb-[2px]", children: /* @__PURE__ */ o(
+                          children: s.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-6 text-sm text-gray-500", children: T }) : s.map((e, t) => {
+                            const o = t === N, b = e.toLowerCase() === S.toLowerCase();
+                            return /* @__PURE__ */ n("div", { className: "w-full pb-[2px]", children: /* @__PURE__ */ n(
                               "div",
                               {
                                 "data-combobox-item": !0,
+                                "data-combobox-value": e,
                                 role: "option",
-                                "aria-selected": i,
+                                "aria-selected": o,
                                 className: a(
                                   "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
-                                  z ? "justify-end text-right" : "justify-between",
-                                  i && Q === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : i && Q === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
+                                  j ? "justify-end text-right" : "justify-between",
+                                  o && J === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : o && J === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
                                 ),
-                                onMouseDown: (_) => {
-                                  _.preventDefault(), de(e);
-                                },
                                 onMouseEnter: () => {
                                   k("mouse"), g(t);
                                 },
-                                children: /* @__PURE__ */ o("span", { className: "text-sm", children: e })
+                                children: /* @__PURE__ */ n("span", { className: "text-sm", children: e })
                               }
                             ) }, e);
                           })
@@ -271,30 +285,30 @@ const Y = {
                     }
                   ) })
                 ] }),
-                w && j === "absolute" && /* @__PURE__ */ v(
+                w && V === "absolute" && /* @__PURE__ */ v(
                   "div",
                   {
                     className: a(
                       "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
-                      m && "text-destructive"
+                      x && "text-destructive"
                     ),
                     children: [
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ n(
                         X,
                         {
                           size: "xs",
                           className: a(
                             "shrink-0",
-                            m ? "text-destructive" : "text-content-muted"
+                            x ? "text-destructive" : "text-content-muted"
                           )
                         }
                       ),
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ n(
                         "p",
                         {
                           className: a(
                             "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                            m && "text-destructive"
+                            x && "text-destructive"
                           ),
                           children: w
                         }
@@ -305,30 +319,30 @@ const Y = {
               ]
             }
           ),
-          w && j === "flow" && /* @__PURE__ */ v(
+          w && V === "flow" && /* @__PURE__ */ v(
             "div",
             {
               className: a(
                 "flex items-center gap-[6px]",
-                m && "text-destructive"
+                x && "text-destructive"
               ),
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   X,
                   {
                     size: "xs",
                     className: a(
                       "shrink-0",
-                      m ? "text-destructive" : "text-content-muted"
+                      x ? "text-destructive" : "text-content-muted"
                     )
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ n(
                   "p",
                   {
                     className: a(
                       "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      m && "text-destructive"
+                      x && "text-destructive"
                     ),
                     children: w
                   }
@@ -341,7 +355,7 @@ const Y = {
     );
   }
 );
-ge.displayName = "Combobox";
+he.displayName = "Combobox";
 export {
-  ge as Combobox
+  he as Combobox
 };