impact-nova 3.0.0-alpha.6 → 3.0.0-alpha.7

package/dist/components/primitives/stepper/internals/stepper-compact.js

@@ -3,19 +3,19 @@ import * as p from "react";
 import { Checkmark as k } from "impact-nova-icons";
 import { cn as l } from "../../../../lib/utils.js";
 import { compactIconVariants as g, compactLabelVariants as x, compactStepVariants as V, stepperVariants as w } from "../stepper.variants.js";
-import { resolveStepItem as I, stepStatus as j } from "./step-model.js";
+import { stepStatus as I, resolveStepItem as j } from "./step-model.js";
 import { StepHitTarget as C } from "./step-hit-target.js";
 const L = p.forwardRef(
   ({
     className: n,
     currentStep: d,
-    steps: s,
+    steps: o,
     orientation: a = "vertical",
     onStepClick: m,
     stepAriaLabel: h,
     ...b
   }, v) => {
-    const f = s.length, N = !!m;
+    const f = o.length, u = !!m;
     return /* @__PURE__ */ e(
       "div",
       {
@@ -26,27 +26,27 @@ const L = p.forwardRef(
         "data-component": "stepper",
         role: "list",
         ...b,
-        children: s.map((u, o) => {
-          const c = I(u), r = o + 1, t = j(r, d), S = t === "active";
+        children: o.map((N, c) => {
+          const r = j(N), s = c + 1, t = I(s, d, r.status), S = t === "active";
           return /* @__PURE__ */ i(p.Fragment, { children: [
             /* @__PURE__ */ i(
               C,
               {
-                stepNumber: r,
+                stepNumber: s,
                 status: t,
-                disabled: c.disabled,
-                interactive: N,
-                ariaLabel: h(r, f),
+                disabled: r.disabled,
+                interactive: u,
+                ariaLabel: h(s, f),
                 isActive: S,
                 onStepClick: m,
                 className: V({ orientation: a, status: t }),
                 children: [
-                  /* @__PURE__ */ e("div", { className: g({ status: t }), children: t === "completed" ? /* @__PURE__ */ e(k, { className: "size-3.5 stroke-[3px]" }) : /* @__PURE__ */ e("span", { children: c.icon || r }) }),
-                  /* @__PURE__ */ e("span", { className: x({ status: t }), children: c.label })
+                  /* @__PURE__ */ e("div", { className: g({ status: t }), children: t === "completed" ? /* @__PURE__ */ e(k, { className: "size-3.5 stroke-[3px]" }) : /* @__PURE__ */ e("span", { children: r.icon || s }) }),
+                  /* @__PURE__ */ e("span", { className: x({ status: t }), children: r.label })
                 ]
               }
             ),
-            o < s.length - 1 ? /* @__PURE__ */ e(
+            c < o.length - 1 ? /* @__PURE__ */ e(
               "div",
               {
                 "aria-hidden": !0,
@@ -56,7 +56,7 @@ const L = p.forwardRef(
                 )
               }
             ) : null
-          ] }, o);
+          ] }, c);
         })
       }
     );

package/dist/components/primitives/stepper/internals/stepper-pipeline.js

@@ -1,13 +1,13 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import * as j from "react";
-import { cn as f } from "../../../../lib/utils.js";
+import { cn as u } from "../../../../lib/utils.js";
 import { pipelineDotVariants as M, stepperVariants as S } from "../stepper.variants.js";
 import { PipelineCurrentMark as z } from "./pipeline-current-mark.js";
-import { resolveStepItem as I, stepStatus as P } from "./step-model.js";
+import { stepStatus as I, resolveStepItem as P } from "./step-model.js";
 import { StepHitTarget as R } from "./step-hit-target.js";
 const V = j.forwardRef(
   ({
-    className: u,
+    className: f,
     currentStep: n,
     steps: o,
     onStepClick: l,
@@ -22,7 +22,7 @@ const V = j.forwardRef(
       "div",
       {
         ref: N,
-        className: f(S({ variant: "pipeline" }), u),
+        className: u(S({ variant: "pipeline" }), f),
         "data-orientation": "horizontal",
         "data-variant": "pipeline",
         "data-component": "stepper",
@@ -54,7 +54,7 @@ const V = j.forwardRef(
               }
             ),
             o.map((y, d) => {
-              const r = I(y), s = d + 1, a = P(s, n), m = a === "active";
+              const r = P(y), s = d + 1, a = I(s, n, r.status), m = a === "active";
               return /* @__PURE__ */ e(
                 R,
                 {
@@ -65,7 +65,7 @@ const V = j.forwardRef(
                   ariaLabel: b(s, i),
                   isActive: m,
                   onStepClick: l,
-                  className: f(
+                  className: u(
                     "relative z-[1] flex items-center justify-center p-0",
                     M({ status: a }),
                     p && !r.disabled && "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25"

package/dist/components/primitives/stepper/internals/stepper-rail.js

@@ -3,7 +3,7 @@ import * as y from "react";
 import { cn as n } from "../../../../lib/utils.js";
 import { stepperVariants as k } from "../stepper.variants.js";
 import { RailStatusDot as f } from "./rail-status-dot.js";
-import { resolveStepItem as R, stepStatus as j } from "./step-model.js";
+import { stepStatus as R, resolveStepItem as j } from "./step-model.js";
 const S = y.forwardRef(
   ({
     className: v,
@@ -14,7 +14,7 @@ const S = y.forwardRef(
     stepAriaLabel: p,
     ...N
   }, g) => {
-    const s = c.length, x = !!d;
+    const i = c.length, x = !!d;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -26,7 +26,7 @@ const S = y.forwardRef(
         role: "list",
         ...N,
         children: [
-          s > 1 ? /* @__PURE__ */ e(
+          i > 1 ? /* @__PURE__ */ e(
             "div",
             {
               "aria-hidden": !0,
@@ -34,17 +34,17 @@ const S = y.forwardRef(
               className: "pointer-events-none absolute start-2 top-6 bottom-6 w-0 border-s border-dashed border-stroke-hairline"
             }
           ) : null,
-          c.map((w, r) => {
-            const i = R(w), a = r + 1, t = j(a, h), u = t === "active", b = !!i.disabled || t === "default", l = x && !b;
+          c.map((w, s) => {
+            const a = j(w), r = s + 1, t = R(r, h, a.status), u = t === "active", b = !!a.disabled || t === "default", l = x && !b;
             return /* @__PURE__ */ o(
               "div",
               {
                 role: "listitem",
-                "data-step": a,
+                "data-step": r,
                 "data-status": t,
                 "data-disabled": b || void 0,
                 "aria-current": !l && u ? "step" : void 0,
-                "aria-label": l ? void 0 : p(a, s),
+                "aria-label": l ? void 0 : p(r, i),
                 className: "relative flex w-full items-start gap-3 overflow-visible",
                 children: [
                   /* @__PURE__ */ e(
@@ -56,10 +56,10 @@ const S = y.forwardRef(
                         "button",
                         {
                           type: "button",
-                          "aria-label": p(a, s),
+                          "aria-label": p(r, i),
                           "aria-current": u ? "step" : void 0,
                           onClick: () => {
-                            d?.(r);
+                            d?.(s);
                           },
                           className: n(
                             "flex size-4 items-center justify-center border-0 bg-transparent p-0",
@@ -67,16 +67,16 @@ const S = y.forwardRef(
                           ),
                           children: [
                             /* @__PURE__ */ e(f, { status: t }),
-                            /* @__PURE__ */ e("span", { className: "sr-only", children: i.label })
+                            /* @__PURE__ */ e("span", { className: "sr-only", children: a.label })
                           ]
                         }
                       ) : /* @__PURE__ */ e(f, { status: t })
                     }
                   ),
                   /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: m ? m({
-                    step: i,
-                    index: r,
-                    stepNumber: a,
+                    step: a,
+                    index: s,
+                    stepNumber: r,
                     status: t
                   }) : /* @__PURE__ */ e(
                     "div",
@@ -86,12 +86,12 @@ const S = y.forwardRef(
                         "flex h-12 items-center rounded-lg border border-stroke-hairline bg-canvas-elevated px-4 py-2",
                         t === "default" && "text-disabled-foreground"
                       ),
-                      children: /* @__PURE__ */ e("span", { className: "truncate text-sm font-semibold capitalize leading-[21px]", children: i.label })
+                      children: /* @__PURE__ */ e("span", { className: "truncate text-sm font-semibold capitalize leading-[21px]", children: a.label })
                     }
                   ) })
                 ]
               },
-              r
+              s
             );
           })
         ]

package/dist/components/primitives/stepper/internals/stepper-summary.js

@@ -4,7 +4,7 @@ import { Checkmark as y } from "impact-nova-icons";
 import { cn as i } from "../../../../lib/utils.js";
 import { summaryIconVariants as N, summaryStepVariants as w, stepperVariants as S } from "../stepper.variants.js";
 import { ClickMeArrow as k } from "../../../ui/local-raster-icons/rasterIcons.js";
-import { resolveStepItem as z, stepStatus as j } from "./step-model.js";
+import { stepStatus as z, resolveStepItem as j } from "./step-model.js";
 import { StepHitTarget as I, StepBrandRail as R } from "./step-hit-target.js";
 const V = p.forwardRef(
   ({
@@ -27,7 +27,7 @@ const V = p.forwardRef(
         role: "list",
         ...h,
         children: o.map((g, l) => {
-          const t = z(g), s = l + 1, a = j(s, u), r = a === "active", v = l < o.length - 1;
+          const t = j(g), s = l + 1, a = z(s, u, t.status), r = a === "active", v = l < o.length - 1;
           return /* @__PURE__ */ n(p.Fragment, { children: [
             /* @__PURE__ */ n(
               I,

package/dist/components/primitives/stepper/internals/stepper-track.js

@@ -4,7 +4,7 @@ import { Checkmark as E, ChevronRight as y } from "impact-nova-icons";
 import { Button as z } from "../../button/button.js";
 import { cn as m } from "../../../../lib/utils.js";
 import { trackIconVariants as _, trackStepVariants as T, stepperVariants as q } from "../stepper.variants.js";
-import { resolveStepItem as D, stepStatus as F } from "./step-model.js";
+import { stepStatus as D, resolveStepItem as F } from "./step-model.js";
 import { StepHitTarget as H } from "./step-hit-target.js";
 const M = l.forwardRef(
   ({
@@ -63,7 +63,7 @@ const M = l.forwardRef(
                   v ? "px-8 [mask-image:linear-gradient(to_right,transparent,black_28px,black_calc(100%-28px),transparent)]" : "justify-center"
                 ),
                 children: c.map((e, t) => {
-                  const a = D(e), s = t + 1, n = F(s, u), g = n === "active", j = v && (t === 0 && b || t === c.length - 1 && h);
+                  const a = F(e), s = t + 1, n = D(s, u, a.status), g = n === "active", j = v && (t === 0 && b || t === c.length - 1 && h);
                   return /* @__PURE__ */ p(
                     H,
                     {

package/dist/components/primitives/stepper/stepper.js

@@ -2,176 +2,177 @@ import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import * as z from "react";
 import { Checkmark as D } from "impact-nova-icons";
 import { createComponent as P } from "../../../lib/primitives/create-component.js";
-import { cn as f } from "../../../lib/utils.js";
-import { OverflowTooltip as N } from "../../feedback/tooltip/overflow-tooltip.js";
+import { cn as u } from "../../../lib/utils.js";
+import { OverflowTooltip as w } from "../../feedback/tooltip/overflow-tooltip.js";
 import { useImpactNovaI18n as T } from "../../../i18n/use-impact-nova-i18n.js";
 import { iconVariants as V, stepVariants as k, stepperVariants as A } from "./stepper.variants.js";
-import { CompactStepper as O } from "./internals/stepper-compact.js";
-import { PipelineStepper as R } from "./internals/stepper-pipeline.js";
-import { RailStepper as E } from "./internals/stepper-rail.js";
-import { SummaryStepper as F } from "./internals/stepper-summary.js";
-import { TrackStepper as K } from "./internals/stepper-track.js";
-const Z = P(
+import { stepStatus as O, resolveStepItem as R } from "./internals/step-model.js";
+import { CompactStepper as E } from "./internals/stepper-compact.js";
+import { PipelineStepper as F } from "./internals/stepper-pipeline.js";
+import { RailStepper as K } from "./internals/stepper-rail.js";
+import { SummaryStepper as q } from "./internals/stepper-summary.js";
+import { TrackStepper as B } from "./internals/stepper-track.js";
+const S = P(
   "Stepper",
   ({
-    className: s,
+    className: p,
     currentStep: r,
-    steps: a,
-    orientation: o = "horizontal",
-    variant: u = "default",
+    steps: o,
+    orientation: s = "horizontal",
+    variant: f = "default",
     heading: I,
-    renderStep: j,
+    renderStep: L,
     onStepClick: e,
-    ...n
-  }, p) => {
-    const { t: m } = T(), v = a.length, d = (x, i) => m("stepper.stepOfTotal", { current: x, total: i });
-    return u === "rail" ? /* @__PURE__ */ t(
-      E,
+    ...m
+  }, n) => {
+    const { t: c } = T(), b = o.length, d = (v, l) => c("stepper.stepOfTotal", { current: v, total: l });
+    return f === "rail" ? /* @__PURE__ */ t(
+      K,
       {
-        ref: p,
-        className: s,
+        ref: n,
+        className: p,
         currentStep: r,
-        steps: a,
+        steps: o,
         onStepClick: e,
-        renderStep: j,
+        renderStep: L,
         stepAriaLabel: d,
-        ...n
+        ...m
       }
-    ) : u === "compact" ? /* @__PURE__ */ t(
-      O,
+    ) : f === "compact" ? /* @__PURE__ */ t(
+      E,
       {
-        ref: p,
-        className: s,
+        ref: n,
+        className: p,
         currentStep: r,
-        steps: a,
-        orientation: o,
+        steps: o,
+        orientation: s,
         onStepClick: e,
         stepAriaLabel: d,
-        ...n
+        ...m
       }
-    ) : u === "pipeline" ? /* @__PURE__ */ t(
-      R,
+    ) : f === "pipeline" ? /* @__PURE__ */ t(
+      F,
       {
-        ref: p,
-        className: s,
+        ref: n,
+        className: p,
         currentStep: r,
-        steps: a,
+        steps: o,
         onStepClick: e,
         heading: I,
         stepAriaLabel: d,
-        pipelinePrefix: m("stepper.pipelinePrefix"),
-        stepsCountLabel: m("stepper.stepsCount", { current: r, total: v }),
-        ...n
+        pipelinePrefix: c("stepper.pipelinePrefix"),
+        stepsCountLabel: c("stepper.stepsCount", { current: r, total: b }),
+        ...m
       }
-    ) : u === "track" ? /* @__PURE__ */ t(
-      K,
+    ) : f === "track" ? /* @__PURE__ */ t(
+      B,
       {
-        ref: p,
-        className: s,
+        ref: n,
+        className: p,
         currentStep: r,
-        steps: a,
+        steps: o,
         onStepClick: e,
         stepAriaLabel: d,
-        currentlyStepLabel: m("stepper.currentlyStep", {
+        currentlyStepLabel: c("stepper.currentlyStep", {
           current: r,
-          total: v
+          total: b
         }),
-        previousLabel: m("stepper.previousSteps"),
-        nextLabel: m("stepper.nextSteps"),
-        ...n
+        previousLabel: c("stepper.previousSteps"),
+        nextLabel: c("stepper.nextSteps"),
+        ...m
       }
-    ) : u === "summary" ? /* @__PURE__ */ t(
-      F,
+    ) : f === "summary" ? /* @__PURE__ */ t(
+      q,
       {
-        ref: p,
-        className: s,
+        ref: n,
+        className: p,
         currentStep: r,
-        steps: a,
+        steps: o,
         onStepClick: e,
         stepAriaLabel: d,
-        ...n
+        ...m
       }
     ) : /* @__PURE__ */ t(
       "div",
       {
-        ref: p,
-        className: f(A({ orientation: o, variant: "default" }), s),
-        "data-orientation": o,
+        ref: n,
+        className: u(A({ orientation: s, variant: "default" }), p),
+        "data-orientation": s,
         "data-variant": "default",
         "data-component": "stepper",
         role: "list",
-        ...n,
-        children: a.map((x, i) => {
-          const l = typeof x == "string" ? { label: x } : x, b = i + 1, w = b === r, L = b < r, h = l.disabled, c = L ? "completed" : w ? "active" : "default";
+        ...m,
+        children: o.map((v, l) => {
+          const a = R(v), h = l + 1, x = a.disabled, i = O(h, r, a.status), N = i === "active", j = i === "completed";
           return /* @__PURE__ */ g(z.Fragment, { children: [
             /* @__PURE__ */ g(
               "div",
               {
                 role: "listitem",
-                onClick: () => !h && e?.(i),
-                "aria-label": d(b, v),
-                "aria-current": w ? "step" : void 0,
-                tabIndex: e && !h ? 0 : void 0,
-                onKeyDown: e && !h ? (y) => {
-                  (y.key === "Enter" || y.key === " ") && (y.preventDefault(), e(i));
+                onClick: () => !x && e?.(l),
+                "aria-label": d(h, b),
+                "aria-current": N ? "step" : void 0,
+                tabIndex: e && !x ? 0 : void 0,
+                onKeyDown: e && !x ? (y) => {
+                  (y.key === "Enter" || y.key === " ") && (y.preventDefault(), e(l));
                 } : void 0,
-                "data-step": b,
-                "data-status": c,
-                "data-disabled": h || void 0,
-                className: f(
-                  k({ orientation: o, status: c }),
-                  o === "horizontal" && "min-w-[140px]",
-                  h ? "opacity-80 cursor-not-allowed" : e ? "cursor-pointer" : "cursor-default"
+                "data-step": h,
+                "data-status": i,
+                "data-disabled": x || void 0,
+                className: u(
+                  k({ orientation: s, status: i }),
+                  s === "horizontal" && "min-w-[140px]",
+                  x ? "opacity-80 cursor-not-allowed" : e ? "cursor-pointer" : "cursor-default"
                 ),
                 children: [
-                  /* @__PURE__ */ t("div", { className: f(V({ status: c }), "mr-2"), children: L ? /* @__PURE__ */ t(D, { className: "h-5 w-5 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: l.icon || b }) }),
+                  /* @__PURE__ */ t("div", { className: u(V({ status: i }), "mr-2"), children: j ? /* @__PURE__ */ t(D, { className: "h-5 w-5 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: a.icon || h }) }),
                   /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-col justify-center overflow-hidden", children: [
                     /* @__PURE__ */ t(
-                      N,
+                      w,
                       {
-                        triggerClassName: f(
+                        triggerClassName: u(
                           "text-[14px] leading-tight font-medium truncate max-w-[200px] block",
-                          c === "completed" ? "text-success" : "text-content",
-                          c === "active" && o === "vertical" ? "text-brand" : ""
+                          i === "completed" ? "text-success" : "text-content",
+                          i === "active" && s === "vertical" ? "text-brand" : ""
                         ),
-                        content: l.label,
+                        content: a.label,
                         side: "top",
                         variant: "tertiary",
-                        children: l.label
+                        children: a.label
                       }
                     ),
-                    l.description && /* @__PURE__ */ t(
-                      N,
+                    a.description && /* @__PURE__ */ t(
+                      w,
                       {
-                        triggerClassName: f(
+                        triggerClassName: u(
                           "text-[12px] leading-tight mt-0.5 truncate max-w-[200px] block",
-                          c === "completed" ? "text-success" : "text-secondary-foreground"
+                          i === "completed" ? "text-success" : "text-secondary-foreground"
                         ),
-                        content: l.description,
+                        content: a.description,
                         side: "top",
                         variant: "tertiary",
-                        children: l.description
+                        children: a.description
                       }
                     )
                   ] })
                 ]
               }
             ),
-            i < a.length - 1 && /* @__PURE__ */ t(
+            l < o.length - 1 && /* @__PURE__ */ t(
               "div",
               {
-                className: f(
+                className: u(
                   "border-t border-dashed border-stroke-hairline transition-colors",
-                  o === "horizontal" ? "mx-1 min-w-[24px] flex-1 self-center" : "my-[-4px] ml-[12px] h-6 w-0 border-l"
+                  s === "horizontal" ? "mx-1 min-w-[24px] flex-1 self-center" : "my-[-4px] ml-[12px] h-6 w-0 border-l"
                 )
               }
             )
-          ] }, i);
+          ] }, l);
         })
       }
     );
   }
 );
 export {
-  Z as Stepper
+  S as Stepper
 };

package/dist/components/primitives/stepper/stepper.types.d.ts

@@ -6,6 +6,8 @@ export interface StepItem {
     description?: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    /** Overrides progress inferred from `currentStep`. The selected step stays `active`. */
+    status?: StepStatus;
 }
 export type StepperVariant = NonNullable<VariantProps<typeof stepperVariants>["variant"]>;
 export type StepperOrientation = NonNullable<VariantProps<typeof stepperVariants>["orientation"]>;

package/dist/impact-nova-components.css

@@ -760,6 +760,32 @@
   background-color: transparent;
 }
 
+/* Assistant reply card — same revolving ring as the small Iris button. */
+.iris-reply-frame {
+  --iris-border-duration: 2.5s;
+  --iris-border-angle: 0deg;
+  display: inline-flex;
+  vertical-align: middle;
+  border: 1.2px solid transparent;
+  background-image: linear-gradient(var(--color-surface-elevated), var(--color-surface-elevated)), conic-gradient(from var(--iris-border-angle), var(--color-header-bot-gradient-teal-hover), var(--color-header-bot-gradient-indigo-hover), var(--color-header-bot-gradient-purple), var(--color-header-bot-gradient-orange-hover), var(--color-header-bot-gradient-teal-hover));
+  background-origin: border-box;
+  background-clip: padding-box, border-box;
+  animation: iris-border-spin var(--iris-border-duration, 2.5s) linear infinite;
+  transition: animation-duration 160ms ease;
+}
+@media (prefers-reduced-motion: reduce) {
+  .iris-reply-frame {
+    animation: none;
+  }
+}
+.iris-reply-frame {
+  display: grid;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  vertical-align: unset;
+}
+
 /* Menu / status / wrap — static fill; conic ring on ::before only (Figma Menu 2852-95992). */
 .iris-edge-wash-shell--menu {
   --iris-border-angle: 0deg;
@@ -1378,6 +1404,36 @@ html.iris-agent-session *:not(.iris-agent-cursor):not(.iris-agent-cursor *):not(
   padding-right: 0;
 }
 
+.ag-header-cell:has(.ag-header-cell-search-active) .ag-header-cell-comp-wrapper {
+  width: 100%;
+  min-width: 0;
+}
+
+.ag-header-cell-search-active {
+  width: 100%;
+  min-width: 0;
+  justify-content: space-between;
+}
+
+.ag-header-cell-search-active > :first-child {
+  flex: 1 1 auto;
+  min-width: 0;
+  width: 100%;
+  max-width: none;
+}
+
+.ag-header-cell-search-active [data-component="input"],
+.ag-header-cell-search-active [data-component="select"] {
+  width: 100%;
+  min-width: 0;
+}
+
+.ag-header-cell-search-active [data-component="input-border"],
+.ag-header-cell-search-active [data-component="select-trigger"] {
+  width: 100%;
+  max-width: none;
+}
+
 /* Row selection + custom checkbox renderers — zero padding, center in cell.
    Default ag-cell rules clip 16px checkboxes and leave wrapper left-aligned. */
 .ag-cell:not(.ag-cell-no-padding):not(.ag-cell-renderer-full-control):has(.ag-selection-checkbox),