impact-nova 1.8.1 → 1.8.2

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/input.js

@@ -29,11 +29,11 @@ const N = g(
   }
 ), w = h.forwardRef(
   ({
-    className: x,
-    type: p,
-    label: r,
+    className: p,
+    type: x,
+    label: i,
     helperText: s,
-    helperTextPosition: i = "absolute",
+    helperTextPosition: r = "absolute",
     isError: t,
     size: b,
     disabled: n,
@@ -51,16 +51,15 @@ const N = g(
       "data-invalid": t || void 0,
       children: [
         /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
-          r && /* @__PURE__ */ d(
+          i && /* @__PURE__ */ d(
             "label",
             {
               className: e(
                 "text-xs font-medium leading-[18px] text-content-tertiary",
-                n && "opacity-70",
-                t && "text-destructive"
+                n && "opacity-70"
               ),
               children: [
-                r,
+                i,
                 " ",
                 u.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
               ]
@@ -70,7 +69,7 @@ const N = g(
             "div",
             {
               className: e(
-                s && i === "absolute" && "relative"
+                s && r === "absolute" && "relative"
               ),
               children: [
                 /* @__PURE__ */ d(
@@ -78,7 +77,7 @@ const N = g(
                   {
                     "data-component": "input-border",
                     className: e(
-                      N({ size: b, isError: t, disabled: n, className: x }),
+                      N({ size: b, isError: t, disabled: n, className: p }),
                       "bg-canvas",
                       n && "bg-disabled-surface"
                     ),
@@ -94,7 +93,7 @@ const N = g(
                       /* @__PURE__ */ a(
                         "input",
                         {
-                          type: p,
+                          type: x,
                           className: e(
                             "flex h-full w-full bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                             n && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground"
@@ -116,7 +115,7 @@ const N = g(
                     ]
                   }
                 ),
-                s && i === "absolute" && /* @__PURE__ */ d(
+                s && r === "absolute" && /* @__PURE__ */ d(
                   "div",
                   {
                     className: e(
@@ -151,7 +150,7 @@ const N = g(
             }
           )
         ] }),
-        s && i === "flow" && /* @__PURE__ */ d(
+        s && r === "flow" && /* @__PURE__ */ d(
           "div",
           {
             className: e(

package/dist/components/ui/smart-input.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, HTMLInputTypeAttribute } from 'react';
 import { InputProps } from './input';
 type ComparisonOperator = ">" | "<" | ">=" | "<=";
 export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" | "onFocus" | "onBlur"> {
@@ -6,7 +6,7 @@ export interface SmartInputProps extends Omit<InputProps, "onChange" | "value" |
     onChange?: (value: string, syntheticEvent?: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    isNumeric?: boolean;
+    type?: HTMLInputTypeAttribute;
     allowNegative?: boolean;
     min?: number;
     max?: number;

package/dist/components/ui/smart-input.js

@@ -1,33 +1,33 @@
-import { jsx as J } from "react/jsx-runtime";
-import { useState as Q, useRef as U, useEffect as X } from "react";
-import { Input as Y } from "./input.js";
-const re = ({
+import { jsx as H } from "react/jsx-runtime";
+import { useState as J, useRef as Q, useEffect as U } from "react";
+import { Input as X } from "./input.js";
+const ne = ({
   value: D = "",
+  type: C = "text",
   onChange: V,
-  onBlur: P,
+  onBlur: N,
   onFocus: W,
-  isNumeric: l = !1,
   allowNegative: g = !0,
   min: s,
   max: u,
   min_operator: I = ">=",
   max_operator: v = "<=",
   maxIntegerDigits: w,
-  decimalPlaces: f,
-  enforceDecimal: z = !1,
-  allowDecimal: C = !0,
-  maxLength: a,
-  trimLeadingSpaces: M = !0,
+  decimalPlaces: l,
+  enforceDecimal: b = !1,
+  allowDecimal: M = !0,
+  maxLength: c,
+  trimLeadingSpaces: P = !0,
   customValidator: y,
   onValidationError: h,
   disabled: p = !1,
-  ...F
+  ...z
 }) => {
-  const [c, $] = Q(String(D ?? "")), K = U(null);
-  X(() => {
+  const [a, $] = J(String(D ?? "")), F = Q(null), i = C === "number";
+  U(() => {
     $(String(D ?? ""));
   }, [D]);
-  const b = (t) => {
+  const K = (t) => {
     if (s === void 0) return !0;
     switch (I) {
       case ">":
@@ -80,68 +80,69 @@ const re = ({
     } else if (t.includes("-") && !t.startsWith("-"))
       return t.replace("-", "");
     return t;
-  }, q = (t) => {
-    if (f === void 0 || !t.includes(".")) return t;
+  }, m = (t) => {
+    if (l === void 0 || !t.includes(".")) return t;
     const [e, r] = t.split(".");
-    return r && r.length > f ? `${e}.${r.slice(0, f)}` : t;
-  }, A = (t) => {
+    return r && r.length > l ? `${e}.${r.slice(0, l)}` : t;
+  }, q = (t) => {
     if (w === void 0) return t;
     const [e, r] = t.split("."), n = e.replace("-", "");
     if (n.length > w) {
-      const i = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
-      return r !== void 0 ? `${d}${i}.${r}` : `${d}${i}`;
+      const o = n.slice(0, w), d = e.startsWith("-") ? "-" : "";
+      return r !== void 0 ? `${d}${o}.${r}` : `${d}${o}`;
     }
     return t;
   }, S = (t) => {
-    if (!l) return t;
+    if (!i) return t;
     let e = String(t ?? "");
-    return M && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = q(e), e = A(e), C || (e = e.replace(".", "")), e;
-  }, E = (t) => {
-    if (!l || !t || t === "-") return t;
+    return P && (e = e.replace(/^\s+/, "")), e = R(e), e = O(e), e = T(e, t), e = m(e), e = q(e), M || (e = e.replace(".", "")), e;
+  }, A = (t) => {
+    if (!i || !t || t === "-") return t;
     let e = t;
     const r = parseFloat(e);
     if (isNaN(r)) return "";
     const n = k(r);
-    if (z && f !== void 0)
-      e = n.toFixed(f);
-    else if (f !== void 0 && e.includes(".")) {
-      const [i, d = ""] = e.split("."), B = d.padEnd(f, "0");
-      e = `${i}.${B}`;
+    if (b && l !== void 0)
+      e = n.toFixed(l);
+    else if (l !== void 0 && e.includes(".")) {
+      const [o, d = ""] = e.split("."), B = d.padEnd(l, "0");
+      e = `${o}.${B}`;
     } else
       e = String(n);
     return e;
-  }, G = (t) => {
+  }, E = (t) => {
     if (!t) return !0;
     if (y && !y(t))
       return h?.("Custom validation failed"), !1;
-    if (l) {
+    if (i) {
       const e = parseFloat(t);
       if (isNaN(e))
         return h?.("Invalid number"), !1;
-      if (!b(e))
+      if (!K(e))
         return h?.(`Value must be ${I} ${s}`), !1;
       if (!j(e))
         return h?.(`Value must be ${v} ${u}`), !1;
     }
-    return a && t.length > a ? (h?.(`Maximum length is ${a}`), !1) : !0;
+    return c && t.length > c ? (h?.(`Maximum length is ${c}`), !1) : !0;
   };
-  return /* @__PURE__ */ J(
-    Y,
+  return /* @__PURE__ */ H(
+    X,
     {
-      ...F,
-      value: c,
+      ...z,
+      type: C,
+      value: a,
       onChange: (t) => {
         if (p) return;
         let r = t.target.value;
-        l ? r = S(r) : M && (r = r.replace(/^\s+/, "")), a && r.length > a && (r = r.slice(0, a)), $(r), V?.(r, t);
+        i ? r = S(r) : P && (r = r.replace(/^\s+/, "")), c && r.length > c && (r = r.slice(0, c)), $(r), V?.(r, t);
       },
       onBlur: (t) => {
-        let e = c;
-        l && e && (e = E(e), G(e) && ($(e), e !== c && V?.(e))), P?.(t);
+        let e = a;
+        i && e && (e = A(e), E(e) && ($(e), e !== a && V?.(e))), N?.(t);
       },
       onFocus: W,
       onKeyDown: (t) => {
-        if (p || !l) return;
+        if (p || !i) return;
         const e = t.key;
         if (e === "e" || e === "E") {
           t.preventDefault();
@@ -151,11 +152,11 @@ const re = ({
           t.preventDefault();
           return;
         }
-        if (e === "-" && c.includes("-")) {
+        if (e === "-" && a.includes("-")) {
           t.preventDefault();
           return;
         }
-        if (e === "." && (!C || c.includes("."))) {
+        if (e === "." && (!M || a.includes("."))) {
           t.preventDefault();
           return;
         }
@@ -163,20 +164,20 @@ const re = ({
       onPaste: (t) => {
         if (p) return;
         t.preventDefault();
-        const e = t.clipboardData.getData("text"), r = l ? S(e) : e, n = t.target, i = n.selectionStart || 0, d = n.selectionEnd || 0, B = c.slice(0, i), H = c.slice(d);
-        let o = B + r + H;
-        l && (o = S(o)), a && o.length > a && (o = o.slice(0, a)), $(o), V?.(o);
+        const e = t.clipboardData.getData("text"), r = i ? S(e) : e, n = t.target, o = n.selectionStart || 0, d = n.selectionEnd || 0, B = a.slice(0, o), G = a.slice(d);
+        let f = B + r + G;
+        i && (f = S(f)), c && f.length > c && (f = f.slice(0, c)), $(f), V?.(f);
       },
       disabled: p,
-      ref: K,
+      ref: F,
       "data-component": "smart-input",
-      "data-numeric": l || void 0,
-      "data-decimal-places": f,
+      "data-numeric": i || void 0,
+      "data-decimal-places": l,
       "data-min": s,
       "data-max": u
     }
   );
 };
 export {
-  re as SmartInput
+  ne as SmartInput
 };

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

@@ -1,17 +1,19 @@
-import { VariantProps } from 'class-variance-authority';
 import { HelperTextPosition } from './types/helper-text.types';
 import * as React from "react";
-declare const textareaVariants: (props?: {
-    isError?: boolean;
-    size?: "sm" | "md" | "lg" | "default";
-    disabled?: boolean;
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled" | "size">, VariantProps<typeof textareaVariants> {
+export interface TextareaProps {
+    className?: string;
     label?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     helperText?: React.ReactNode;
-    /** @default "absolute" */
     helperTextPosition?: HelperTextPosition;
     characterLimit?: number;
+    isRequired?: boolean;
+    isError?: boolean;
+    isDisabled?: boolean;
+    size?: "default" | "sm" | "md" | "lg";
+    defaultValue?: string;
+    placeholder?: string;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/ui/textarea.js

@@ -1,9 +1,9 @@
-import { jsxs as e, jsx as a, Fragment as N } from "react/jsx-runtime";
+import { jsxs as e, jsx as t, Fragment as y } from "react/jsx-runtime";
 import * as m from "react";
-import { cva as y } from "class-variance-authority";
+import { cva as z } from "class-variance-authority";
 import { Info as x } from "../../icons/index.js";
-import { cn as d } from "../../lib/utils.js";
-const z = y(
+import { cn as a } from "../../lib/utils.js";
+const C = z(
   "flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
     variants: {
@@ -17,7 +17,7 @@ const z = y(
         md: "min-h-[72px]",
         lg: "min-h-32"
       },
-      disabled: {
+      isDisabled: {
         true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground placeholder:text-disabled-foreground hover:border-stroke",
         false: ""
       }
@@ -27,25 +27,26 @@ const z = y(
       isError: !1
     }
   }
-), C = m.forwardRef(
+), V = m.forwardRef(
   ({
     className: b,
     label: u,
-    helperText: l,
-    helperTextPosition: s = "absolute",
+    helperText: d,
+    helperTextPosition: n = "absolute",
     characterLimit: o,
-    isError: t,
-    size: g,
-    disabled: i,
+    isRequired: g,
+    isError: l,
+    size: p,
+    isDisabled: s,
     value: r,
     onChange: v,
-    ...n
-  }, p) => {
-    const [h, c] = m.useState(0);
+    ...i
+  }, h) => {
+    const [w, c] = m.useState(0);
     m.useEffect(() => {
-      r ? c(String(r).length) : n.defaultValue && c(String(n.defaultValue).length);
-    }, [r, n.defaultValue]);
-    const w = (f) => {
+      r ? c(String(r).length) : i.defaultValue && c(String(i.defaultValue).length);
+    }, [r, i.defaultValue]);
+    const N = (f) => {
       c(f.target.value.length), v?.(f);
     };
     return /* @__PURE__ */ e("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", children: [
@@ -53,60 +54,59 @@ const z = y(
         u && /* @__PURE__ */ e(
           "label",
           {
-            className: d(
+            className: a(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              i && "opacity-70",
-              t && "text-destructive"
+              s && "opacity-70"
             ),
             children: [
               u,
               " ",
-              n.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
+              g && /* @__PURE__ */ t("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
-            className: d(
-              l && s === "absolute" && "relative"
+            className: a(
+              d && n === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ t(
                 "textarea",
                 {
-                  className: d(
-                    z({ isError: t, size: g, disabled: i, className: b }),
+                  className: a(
+                    C({ isError: l, size: p, isDisabled: s, className: b }),
                     "bg-canvas",
-                    i && "bg-disabled-surface"
+                    s && "bg-disabled-surface"
                   ),
-                  ref: p,
-                  disabled: !!i,
+                  ref: h,
+                  disabled: !!s,
                   value: r,
-                  onChange: w,
+                  onChange: N,
                   "data-component": "textarea",
-                  ...n
+                  ...i
                 }
               ),
-              l && s === "absolute" && /* @__PURE__ */ e(
+              d && n === "absolute" && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: d(
+                  className: a(
                     "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px] text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    t && "text-destructive"
+                    l && "text-destructive"
                   ),
                   children: [
-                    /* @__PURE__ */ a(
+                    /* @__PURE__ */ t(
                       x,
                       {
                         size: "xs",
-                        className: d(
+                        className: a(
                           "shrink-0",
-                          t ? "text-destructive" : "text-content-muted"
+                          l ? "text-destructive" : "text-content-muted"
                         )
                       }
                     ),
-                    /* @__PURE__ */ a("p", { className: "min-w-0", children: l })
+                    /* @__PURE__ */ t("p", { className: "min-w-0", children: d })
                   ]
                 }
               )
@@ -114,30 +114,30 @@ const z = y(
           }
         )
       ] }),
-      (l && s === "flow" || o) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ a(
+      (d && n === "flow" || o) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
+        /* @__PURE__ */ t(
           "div",
           {
-            className: d(
+            className: a(
               "flex min-w-0 flex-1 items-center gap-[6px]",
-              t && "text-destructive"
+              l && "text-destructive"
             ),
-            children: l && s === "flow" && /* @__PURE__ */ e(N, { children: [
-              /* @__PURE__ */ a(
+            children: d && n === "flow" && /* @__PURE__ */ e(y, { children: [
+              /* @__PURE__ */ t(
                 x,
                 {
                   size: "xs",
-                  color: t ? "destructive" : "muted"
+                  color: l ? "destructive" : "muted"
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ t(
                 "p",
                 {
-                  className: d(
+                  className: a(
                     "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    t && "text-destructive"
+                    l && "text-destructive"
                   ),
-                  children: l
+                  children: d
                 }
               )
             ] })
@@ -149,7 +149,7 @@ const z = y(
             className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
             "data-component": "character-count-indicator",
             children: [
-              h,
+              w,
               "/",
               o
             ]
@@ -159,7 +159,7 @@ const z = y(
     ] });
   }
 );
-C.displayName = "Textarea";
+V.displayName = "Textarea";
 export {
-  C as Textarea
+  V as Textarea
 };

package/dist/components/ui/types/ag-grid.types.d.ts

@@ -117,6 +117,11 @@ export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactPro
      * Default column group definition (will be merged with wrapper defaults)
      */
     defaultColGroupDef?: ColGroupDef<TData>;
+    /**
+     * When true (default), DOM order matches visual order for screen readers.
+     * Large planning grids should pass false for better column virtualization.
+     */
+    ensureDomOrder?: boolean;
     /**
      * Value formatter registry - maps formatter names to formatter functions
      * Allows backend to specify formatters by string name (e.g., "currency", "percentage")

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

@@ -1 +1 @@
-export type { ButtonGroupProps } from '../button-group';
+export type { ButtonGroupProps, ButtonOption } from '../button-group';