impact-nova 2.6.3 → 3.0.0-alpha.1

package/dist/components/primitives/iris/iris-alan-gradient-icon.js

@@ -0,0 +1,69 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as d } from "../../../lib/utils.js";
+const e = "M7.91797 14.1602C8.27047 14.4325 8.6182 14.705 8.9707 14.9727C9.02243 15.0102 9.01277 15.0011 8.98926 15.0527C8.84352 15.3627 8.69359 15.6685 8.54785 15.9785C8.53855 15.9926 8.53808 16.0109 8.51465 15.9922L8.50977 15.9873C8.15261 15.7103 7.79075 15.4333 7.43359 15.1562C7.42427 15.1516 7.41422 15.1466 7.41406 15.1328C7.41406 15.1281 7.41913 15.1229 7.42383 15.1182C7.57428 14.8034 7.72455 14.4886 7.875 14.1738C7.88439 14.1504 7.88978 14.1367 7.91797 14.1602ZM13.9424 8.0332C13.994 8.10816 14.0502 8.17386 14.1064 8.24414L14.7607 9.08984L14.7744 9.10938C14.774 9.10979 14.772 9.1099 14.7705 9.11133L14.7842 9.12793L10.9658 10.96L10.6826 11.5459V11.5479C10.5416 11.8344 10.4049 12.1209 10.2686 12.4121L9.54004 13.9297C9.40837 14.2022 9.2762 14.4746 9.14453 14.7471C9.14453 14.7565 9.14008 14.7658 9.12598 14.7705H9.11621L9.09766 14.7568L8.25098 14.1035C8.18064 14.0473 8.11038 13.991 8.04004 13.9395C8.01767 13.9235 8.01252 13.9096 8.01465 13.8936L8.01172 13.8916L8.01855 13.877C8.01963 13.8744 8.01916 13.8709 8.02051 13.8682C8.07956 13.7465 8.13822 13.6246 8.19727 13.5029L9.26367 11.2842C9.35856 11.0856 9.45394 10.885 9.54883 10.6875C9.55037 10.6844 9.55323 10.6823 9.55469 10.6797L9.91699 9.91602L10.6611 9.56152C10.6641 9.55398 10.6736 9.54799 10.6875 9.54102C10.9225 9.42832 11.1625 9.31582 11.3975 9.20312C11.7407 9.03871 12.0845 8.87438 12.4277 8.70996C12.7522 8.55491 13.0818 8.39998 13.4062 8.24023C13.5613 8.16515 13.7161 8.09441 13.8711 8.01465C13.904 8.00055 13.9189 8.00031 13.9424 8.0332ZM3.75098 7.66113C3.83559 7.82083 3.91538 7.97605 4 8.13574L4.70605 9.46484L5.25098 10.499C5.27733 10.5517 5.30484 10.6037 5.33887 10.6641C5.39349 10.6914 5.4426 10.7158 5.49121 10.7441L6.52539 11.2891L7.85645 11.9941C8.01624 12.0787 8.17126 12.1586 8.33105 12.2432C8.34976 12.2525 8.35491 12.2617 8.3457 12.2803C8.07768 12.8346 7.81392 13.3939 7.5459 13.9482C7.43306 14.1784 7.32475 14.4134 7.21191 14.6436C7.21191 14.6576 7.20276 14.6674 7.19336 14.6768L5.31836 10.6641L1.31543 8.79785C1.31709 8.79662 1.3343 8.78392 1.34766 8.7793C1.57805 8.66655 1.81355 8.55336 2.04395 8.44531C2.59885 8.1775 3.15896 7.91429 3.71387 7.64648C3.73707 7.63723 3.74162 7.63776 3.75098 7.66113ZM15.1367 7.41309C15.1506 7.41319 15.1555 7.4223 15.1602 7.43164C15.4376 7.78869 15.7148 8.15076 15.9922 8.50781C16.0107 8.53104 15.9926 8.53538 15.9785 8.54004L15.9834 8.54492C15.6731 8.69523 15.3669 8.84072 15.0566 8.98633C15.0049 9.00982 15.0189 9.01946 14.9766 8.96777C14.7039 8.61555 14.4357 8.26824 14.1631 7.91602C14.1397 7.88793 14.1534 7.88238 14.1768 7.87305C14.4918 7.72272 14.807 7.57221 15.1221 7.42188C15.1268 7.42188 15.132 7.41778 15.1367 7.41309ZM1.02344 7.03125C1.29619 7.38363 1.56416 7.7316 1.83691 8.08398C1.86036 8.11211 1.84668 8.11661 1.82324 8.12598C1.50817 8.27633 1.193 8.4268 0.87793 8.57715C0.873388 8.57715 0.8688 8.58141 0.864258 8.58594C0.85015 8.58594 0.844546 8.57678 0.839844 8.56738C0.562482 8.21042 0.285175 7.84817 0.0078125 7.49121C-0.0105466 7.46801 0.00842122 7.46366 0.0224609 7.45898L0.0175781 7.4541C0.327745 7.30385 0.633194 7.15825 0.943359 7.0127C0.995051 6.98922 0.981226 6.97969 1.02344 7.03125ZM10.6797 5.33301L14.6846 7.20117C14.6826 7.20262 14.6656 7.21519 14.6523 7.21973C14.4219 7.33249 14.1865 7.44565 13.9561 7.55371C13.4013 7.82146 12.8419 8.08479 12.2871 8.35254C12.2637 8.36189 12.2583 8.36199 12.249 8.33887C12.1644 8.17924 12.0846 8.02388 12 7.86426L11.2949 6.53418L10.749 5.50098C10.7228 5.44852 10.6959 5.39596 10.6621 5.33594C10.6071 5.30837 10.5577 5.28436 10.5088 5.25586L9.47363 4.71094L8.14355 4.00586C7.98367 3.92129 7.82786 3.84141 7.66797 3.75684C7.64944 3.7475 7.64499 3.73837 7.6543 3.71973C7.9223 3.16541 8.18512 2.60608 8.45312 2.05176C8.56594 1.82163 8.6743 1.58658 8.78711 1.35645C8.78711 1.34235 8.79724 1.33264 8.80664 1.32324L10.6797 5.33301ZM6.90137 1.24316L7.74805 1.89648C7.81855 1.95284 7.88946 2.00888 7.95996 2.06055C7.97985 2.07474 7.98437 2.08769 7.98438 2.10156L7.99316 2.1084L6.46875 5.2793L6.46973 5.28027L6.08887 6.08301L5.32617 6.44629C5.32195 6.44917 5.31867 6.45493 5.3125 6.45801C5.07748 6.57072 4.83757 6.68319 4.60254 6.7959C4.25925 6.96034 3.91556 7.1256 3.57227 7.29004C3.24796 7.445 2.91903 7.60011 2.59473 7.75977C2.43954 7.83494 2.28409 7.90548 2.12891 7.98535C2.11831 7.98989 2.1092 7.99022 2.10156 7.99121L2.10059 7.99023C2.08497 7.99192 2.07423 7.98769 2.05859 7.96582C2.00689 7.89069 1.94996 7.82532 1.89355 7.75488L1.24023 6.90918L1.22559 6.89062C1.22559 6.89062 1.22806 6.88783 1.23145 6.88477L1.22168 6.87305L5.04004 5.04004L5.31641 4.46582C5.31701 4.46306 5.31607 4.45966 5.31738 4.45703V4.45215C5.45838 4.16571 5.59417 3.87903 5.73047 3.58789L6.45996 2.07031C6.59159 1.79791 6.72287 1.52534 6.85449 1.25293C6.85449 1.24362 6.85926 1.23424 6.87305 1.22949H6.88281L6.90137 1.24316ZM7.48438 0.0078125L7.48926 0.0126953C7.84659 0.289853 8.20907 0.566592 8.56641 0.84375C8.57571 0.8484 8.58477 0.853429 8.58496 0.867188C8.58496 0.871847 8.58084 0.877176 8.57617 0.881836C8.42569 1.19663 8.27451 1.51138 8.12402 1.82617C8.11467 1.84955 8.11017 1.86327 8.08203 1.83984C7.72939 1.56738 7.38096 1.29511 7.02832 1.02734C6.97685 0.989952 6.98629 0.998871 7.00977 0.947266C7.15552 0.637224 7.30639 0.331528 7.45215 0.0214844C7.46125 0.0074934 7.46135 -0.0104468 7.48438 0.0078125Z", n = (r) => /* @__PURE__ */ t(
+  "linearGradient",
+  {
+    id: r,
+    x1: "2.08",
+    y1: "1.84",
+    x2: "14",
+    y2: "14.32",
+    gradientUnits: "userSpaceOnUse",
+    children: [
+      /* @__PURE__ */ C("stop", { stopColor: "var(--color-header-bot-gradient-teal-hover)" }),
+      /* @__PURE__ */ C(
+        "stop",
+        {
+          offset: "0.485",
+          stopColor: "var(--color-header-bot-gradient-indigo-hover)"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "stop",
+        {
+          offset: "1",
+          stopColor: "var(--color-header-bot-gradient-orange-hover)"
+        }
+      )
+    ]
+  }
+), p = ({
+  size: r,
+  className: a
+}) => {
+  const o = l.useId().replace(/:/g, ""), L = `${o}-fill`, i = `${o}-stroke`, s = `${o}-mask`;
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      width: r,
+      height: r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": !0,
+      className: d("iris-alan-gradient-icon shrink-0", a),
+      children: [
+        /* @__PURE__ */ t("defs", { children: [
+          n(L),
+          n(i),
+          /* @__PURE__ */ C("mask", { id: s, fill: "white", children: /* @__PURE__ */ C("path", { d: e }) })
+        ] }),
+        /* @__PURE__ */ C("path", { d: e, fill: `url(#${L})` }),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: e,
+            fill: "none",
+            stroke: `url(#${i})`,
+            strokeWidth: 1.08597,
+            mask: `url(#${s})`
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  p as IrisAlanGradientIcon
+};

package/dist/components/primitives/iris/iris-control-context.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type IrisControlContextValue = {
+    active: boolean;
+    cursorLabel: string;
+    showCursor: boolean;
+};
+declare const IrisControlContext: React.Context<IrisControlContextValue | null>;
+export declare function IrisControlProvider({ active, cursorLabel, showCursor, className, children, }: React.PropsWithChildren<{
+    active?: boolean;
+    cursorLabel?: string;
+    showCursor?: boolean;
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function useIrisControl(): IrisControlContextValue;
+export { IrisControlContext };

package/dist/components/primitives/iris/iris-control-context.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as t from "react";
+const s = t.createContext(
+  null
+);
+function a({
+  active: e = !1,
+  cursorLabel: o = "",
+  showCursor: r = !0,
+  className: i,
+  children: u
+}) {
+  const l = t.useMemo(
+    () => ({
+      active: e,
+      cursorLabel: o,
+      showCursor: r && e
+    }),
+    [e, o, r]
+  );
+  return t.useEffect(() => {
+    if (e)
+      return document.documentElement.classList.add("iris-agent-session"), () => {
+        document.documentElement.classList.remove("iris-agent-session");
+      };
+  }, [e]), /* @__PURE__ */ n(s.Provider, { value: l, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: i,
+      "data-component": "iris-control-root",
+      "data-active": e ? "true" : "false",
+      children: u
+    }
+  ) });
+}
+function d() {
+  const e = t.useContext(s);
+  return e || { active: !1, cursorLabel: "", showCursor: !1 };
+}
+export {
+  s as IrisControlContext,
+  a as IrisControlProvider,
+  d as useIrisControl
+};

package/dist/components/primitives/iris/iris-control-region.d.ts

@@ -0,0 +1,10 @@
+import { IrisControlProviderProps } from './iris-control.types';
+declare const IrisControlRegion: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    locked?: boolean;
+    variant?: import('./iris-control.types').IrisControlRegionVariant;
+    glowPhase?: import('./iris-control.types').IrisControlGlowPhase;
+    regionId?: string;
+    statusLabel?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare function IrisControlProviderWithCursor({ active, cursorLabel, showCursor, className, children, }: IrisControlProviderProps): import("react/jsx-runtime").JSX.Element;
+export { IrisControlProviderWithCursor as IrisControlProvider, IrisControlRegion };

package/dist/components/primitives/iris/iris-control-region.js

@@ -0,0 +1,102 @@
+import { jsxs as s, jsx as i, Fragment as _ } from "react/jsx-runtime";
+import { createComponent as g } from "../../../lib/primitives/create-component.js";
+import { cn as a } from "../../../lib/utils.js";
+import { IrisAgentCursor as p } from "./iris-agent-cursor.js";
+import { IrisControlProvider as v, useIrisControl as C } from "./iris-control-context.js";
+import { irisControlRegionVariants as f } from "./iris-control.variants.js";
+const N = "Iris is updating this area", E = g(
+  "IrisControlRegion",
+  ({
+    className: e,
+    children: t,
+    locked: r = !1,
+    variant: o = "stroke",
+    glowPhase: n = "cool",
+    regionId: l,
+    statusLabel: c,
+    ...d
+  }, m) => {
+    const { cursorLabel: u } = C(), h = c ?? u ?? N;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: m,
+        "data-component": "iris-control-region",
+        "data-variant": o,
+        "data-locked": r ? "true" : "false",
+        "data-glow-phase": n,
+        ...l ? { "data-iris-control-region": l } : {},
+        className: a(
+          f({ variant: o, glowPhase: n }),
+          r && "iris-control-region--locked",
+          e
+        ),
+        "aria-busy": r ? !0 : void 0,
+        ...r ? { inert: !0 } : {},
+        ...d,
+        children: [
+          r && o === "stroke" ? /* @__PURE__ */ i(
+            "div",
+            {
+              className: "iris-control-region__chrome iris-control-region__chrome--stroke pointer-events-none absolute z-0 rounded-[inherit]",
+              "aria-hidden": !0
+            }
+          ) : null,
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: a(
+                "iris-control-region__content relative z-10 min-w-0 rounded-[inherit]",
+                r && o === "section" && "iris-control-region__content--section-locked"
+              ),
+              children: t
+            }
+          ),
+          r && o === "section" ? /* @__PURE__ */ i(
+            "div",
+            {
+              className: "iris-control-region__chrome iris-control-region__chrome--section pointer-events-none absolute rounded-[inherit]",
+              "aria-hidden": !0,
+              children: /* @__PURE__ */ i("div", { className: "iris-control-region__section-halo rounded-[inherit]", "aria-hidden": !0 })
+            }
+          ) : null,
+          r ? /* @__PURE__ */ s(_, { children: [
+            /* @__PURE__ */ i(
+              "div",
+              {
+                className: "iris-control-region__shield absolute inset-0 z-20 rounded-[inherit]",
+                "aria-hidden": !0
+              }
+            ),
+            /* @__PURE__ */ i("span", { className: "sr-only", "aria-live": "polite", children: h })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+function R({
+  active: e = !1,
+  cursorLabel: t = "",
+  showCursor: r = !0,
+  className: o,
+  children: n
+}) {
+  return /* @__PURE__ */ s(
+    v,
+    {
+      active: e,
+      cursorLabel: t,
+      showCursor: r,
+      className: a(e && "iris-control-root--active", o),
+      children: [
+        n,
+        /* @__PURE__ */ i(p, {})
+      ]
+    }
+  );
+}
+export {
+  R as IrisControlProvider,
+  E as IrisControlRegion
+};

package/dist/components/primitives/iris/iris-control.types.d.ts

@@ -0,0 +1,24 @@
+import type * as React from "react";
+/** Reserved for future tuning; `section` glow always uses the combined agentic gradient. */
+export type IrisControlGlowPhase = "cool" | "warm";
+export type IrisControlRegionVariant = "stroke" | "section";
+export type IrisControlProviderProps = {
+    /** Agent session active — enables custom cursor and `iris-control-root` styling. */
+    active?: boolean;
+    /** Label beside the agent pointer (Figma comment cursor). */
+    cursorLabel?: string;
+    /** Portalled follower cursor while `active` (default true). */
+    showCursor?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type IrisControlRegionProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Blocks interaction and shows glow chrome while Iris controls this subtree. */
+    locked?: boolean;
+    variant?: IrisControlRegionVariant;
+    glowPhase?: IrisControlGlowPhase;
+    /** Optional id for agent orchestration (`data-iris-control-region`). */
+    regionId?: string;
+    /** Accessible status while locked (defaults to cursor label or generic copy). */
+    statusLabel?: string;
+};

package/dist/components/primitives/iris/iris-control.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const irisControlRegionVariants: (props?: ({
+    variant?: "section" | "stroke" | null | undefined;
+    glowPhase?: "cool" | "warm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/primitives/iris/iris-control.variants.js

@@ -0,0 +1,20 @@
+import { cva as o } from "class-variance-authority";
+const i = o("iris-control-region min-w-0 rounded-md", {
+  variants: {
+    variant: {
+      stroke: "iris-control-region--stroke",
+      section: "iris-control-region--section"
+    },
+    glowPhase: {
+      cool: "iris-control-region--glow-cool",
+      warm: "iris-control-region--glow-warm"
+    }
+  },
+  defaultVariants: {
+    variant: "stroke",
+    glowPhase: "cool"
+  }
+});
+export {
+  i as irisControlRegionVariants
+};

package/dist/components/primitives/iris/iris.d.ts

@@ -0,0 +1,24 @@
+import { IrisButtonSize, IrisInsightProps } from './iris.types';
+import * as React from "react";
+declare const IrisButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    size?: IrisButtonSize;
+    shape?: import('./iris.types').IrisButtonShape;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisIconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    appearance?: import('./iris.types').IrisIconButtonAppearance;
+    size?: import('./iris.types').IrisIconButtonSize;
+    shape?: import('./iris.types').IrisButtonShape;
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisMenu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    appearance?: import('./iris.types').IrisMenuAppearance;
+    onAskInChat?: () => void;
+    askInChatLabel?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const IrisInsight: React.ForwardRefExoticComponent<IrisInsightProps & React.RefAttributes<HTMLDivElement>>;
+export { IrisControlProvider, IrisControlRegion, } from './iris-control-region';
+export { IrisAgentCursor } from './iris-agent-cursor';
+export { useIrisControl } from './iris-control-context';
+export { IrisButton, IrisIconButton, IrisMenu, IrisInsight };
+export type { IrisButtonProps, IrisIconButtonProps, IrisMenuProps, IrisInsightProps, } from './iris.types';
+export type { IrisControlProviderProps, IrisControlRegionProps, IrisControlGlowPhase, IrisControlRegionVariant, } from './iris-control.types';

package/dist/components/primitives/iris/iris.js

@@ -0,0 +1,232 @@
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import * as x from "react";
+import { Alan as C } from "impact-nova-icons";
+import { Button as p } from "../button/button.js";
+import { Popover as B, PopoverTrigger as z, PopoverContent as k } from "../../feedback/popover/popover.js";
+import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
+import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { cn as l } from "../../../lib/utils.js";
+import { IrisAlanGradientIcon as I } from "./iris-alan-gradient-icon.js";
+import { irisButtonToButtonSize as V, irisButtonVariants as O, irisChromeWrapperVariants as P, irisIconChromeWrapperVariants as T, irisIconFilledButtonVariants as S, irisIconButtonToButtonSize as j, irisIconButtonVariants as y, irisMenuVariants as M } from "./iris.variants.js";
+import { IrisControlProvider as _, IrisControlRegion as $ } from "./iris-control-region.js";
+import { IrisAgentCursor as ii } from "./iris-agent-cursor.js";
+import { useIrisControl as ni } from "./iris-control-context.js";
+const G = {
+  sm: 14,
+  md: 16,
+  lg: 16
+}, U = f(
+  "IrisButton",
+  ({
+    className: n,
+    size: i = "md",
+    shape: o = "default",
+    children: e,
+    type: s = "button",
+    ...r
+  }, a) => /* @__PURE__ */ t("span", { className: P({ shape: o }), children: /* @__PURE__ */ g(
+    p,
+    {
+      ref: a,
+      type: s,
+      variant: "ghost",
+      size: V[i],
+      "data-component": "iris-button",
+      "data-size": i,
+      "data-shape": o,
+      className: l(O({ size: i }), n),
+      ...r,
+      children: [
+        /* @__PURE__ */ t(I, { size: G[i] }),
+        e ?? "Ask Iris"
+      ]
+    }
+  ) })
+), R = f(
+  "IrisIconButton",
+  ({
+    className: n,
+    appearance: i = "outline",
+    size: o = "md",
+    shape: e = "default",
+    type: s = "button",
+    "aria-label": r = "Ask Iris",
+    ...a
+  }, m) => {
+    const c = T({ appearance: i, shape: e }), d = i === "filled" ? /* @__PURE__ */ t(C, { size: 16, className: "text-brand-foreground" }) : /* @__PURE__ */ t(I, { size: 16 });
+    return i === "filled" ? /* @__PURE__ */ t("span", { className: c, children: /* @__PURE__ */ t(
+      "button",
+      {
+        ref: m,
+        type: s,
+        "data-component": "iris-icon-button",
+        "data-appearance": i,
+        "data-size": o,
+        "data-shape": e,
+        "aria-label": r,
+        className: l(S({ size: o }), n),
+        ...a,
+        children: d
+      }
+    ) }) : /* @__PURE__ */ t("span", { className: c, children: /* @__PURE__ */ t(
+      p,
+      {
+        ref: m,
+        type: s,
+        variant: "ghost",
+        size: j[o],
+        "data-component": "iris-icon-button",
+        "data-appearance": i,
+        "data-size": o,
+        "data-shape": e,
+        "aria-label": r,
+        className: l(y({ size: o }), n),
+        ...a,
+        children: d
+      }
+    ) });
+  }
+), N = f(
+  "IrisMenu",
+  ({
+    className: n,
+    appearance: i = "loading",
+    children: o,
+    onAskInChat: e,
+    askInChatLabel: s = "Ask in chat",
+    ...r
+  }, a) => {
+    const m = i === "loading" || i === "status", c = i === "card", d = /* @__PURE__ */ g(
+      "div",
+      {
+        ref: a,
+        "data-component": "iris-menu",
+        "data-appearance": i,
+        className: l(M({ appearance: i }), n),
+        ...r,
+        children: [
+          m && /* @__PURE__ */ t(
+            "span",
+            {
+              className: l(
+                "inline-flex shrink-0 items-center justify-center",
+                i === "status" ? "size-4" : "size-6"
+              ),
+              children: /* @__PURE__ */ t(I, { size: i === "status" ? 16 : 20 })
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: l(
+                "min-w-0",
+                i === "wrap" && "w-[250px]",
+                i === "card" && "w-full text-sm leading-[25px]",
+                i === "status" && "min-w-0 flex-1 overflow-hidden",
+                i === "loading" && "whitespace-nowrap"
+              ),
+              children: i === "status" ? /* @__PURE__ */ t(
+                A,
+                {
+                  triggerClassName: "block w-full min-w-0 truncate whitespace-nowrap normal-case",
+                  contentClassName: "iris-menu-overflow-tooltip",
+                  variant: "secondary",
+                  side: "top",
+                  sideOffset: 10,
+                  children: o
+                }
+              ) : o
+            }
+          ),
+          c && e && /* @__PURE__ */ t(p, { variant: "outline", size: "sm", className: "max-h-7 capitalize", onClick: e, children: s })
+        ]
+      }
+    );
+    return i === "loading" || i === "status" || i === "wrap" ? /* @__PURE__ */ t(
+      "div",
+      {
+        className: l(
+          "iris-edge-wash-shell iris-edge-wash-shell--menu rounded-xl motion-reduce:animate-none",
+          i === "status" && "iris-edge-wash-shell--fluid iris-edge-wash-shell--menu-plain"
+        ),
+        children: d
+      }
+    ) : d;
+  }
+), X = f(
+  "IrisInsight",
+  ({
+    status: n = "idle",
+    iconSize: i = "md",
+    iconAppearance: o = "outline",
+    loadingLabel: e = "Gathering insights...",
+    onTriggerClick: s,
+    onAskInChat: r,
+    askInChatLabel: a,
+    className: m,
+    children: c
+  }, d) => {
+    const [w, v] = x.useState(!1), u = n === "loading" || n === "ready", b = n === "loading";
+    return x.useEffect(() => {
+      n === "loading" && v(!0);
+    }, [n]), /* @__PURE__ */ t(
+      "div",
+      {
+        ref: d,
+        "data-component": "iris",
+        "data-status": n,
+        className: l("relative inline-flex items-start", m),
+        children: /* @__PURE__ */ g(
+          B,
+          {
+            open: u ? w : !1,
+            onOpenChange: (h) => {
+              u && v(h);
+            },
+            children: [
+              /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(
+                R,
+                {
+                  size: i,
+                  appearance: b ? "filled" : o,
+                  "aria-expanded": w && u,
+                  onClick: (h) => {
+                    n === "idle" && (s?.(), h.preventDefault());
+                  }
+                }
+              ) }),
+              u && /* @__PURE__ */ t(
+                k,
+                {
+                  align: "end",
+                  side: "bottom",
+                  sideOffset: 7,
+                  className: "w-auto border-0 bg-transparent p-0 shadow-none motion-reduce:animate-none",
+                  children: n === "loading" ? /* @__PURE__ */ t(N, { appearance: "loading", children: e }) : /* @__PURE__ */ t(
+                    N,
+                    {
+                      appearance: "card",
+                      onAskInChat: r,
+                      askInChatLabel: a,
+                      children: c
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  ii as IrisAgentCursor,
+  U as IrisButton,
+  _ as IrisControlProvider,
+  $ as IrisControlRegion,
+  R as IrisIconButton,
+  X as IrisInsight,
+  N as IrisMenu,
+  ni as useIrisControl
+};

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

@@ -0,0 +1,35 @@
+import type * as React from "react";
+export type IrisButtonSize = "sm" | "md" | "lg";
+/** `default` matches `Button` (`rounded-md`); `pill` is fully rounded (Figma Chatbot). */
+export type IrisButtonShape = "default" | "pill";
+export type IrisButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    size?: IrisButtonSize;
+    shape?: IrisButtonShape;
+};
+export type IrisIconButtonAppearance = "outline" | "filled";
+export type IrisIconButtonSize = "sm" | "md";
+export type IrisIconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    appearance?: IrisIconButtonAppearance;
+    size?: IrisIconButtonSize;
+    shape?: IrisButtonShape;
+    "aria-label"?: string;
+};
+export type IrisMenuAppearance = "loading" | "wrap" | "card" | "status";
+export type IrisMenuProps = React.HTMLAttributes<HTMLDivElement> & {
+    appearance?: IrisMenuAppearance;
+    onAskInChat?: () => void;
+    askInChatLabel?: string;
+};
+export type IrisInsightStatus = "idle" | "loading" | "ready";
+export type IrisInsightProps = {
+    status?: IrisInsightStatus;
+    iconSize?: IrisIconButtonSize;
+    iconAppearance?: IrisIconButtonAppearance;
+    loadingLabel?: string;
+    /** Fires on icon click while `status` is `idle` (e.g. start a loading → ready flow). */
+    onTriggerClick?: () => void;
+    onAskInChat?: () => void;
+    askInChatLabel?: string;
+    className?: string;
+    children?: React.ReactNode;
+};

package/dist/components/primitives/iris/iris.variants.d.ts

@@ -0,0 +1,30 @@
+import { IrisButtonSize } from './iris.types';
+export declare const irisButtonToButtonSize: Record<IrisButtonSize, "sm" | "default" | "lg">;
+/** Animated border chrome — wraps `Button`, not on the button itself. */
+export declare const irisChromeWrapperVariants: (props?: ({
+    shape?: "default" | "pill" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Inner `Button` — white fill; no border/background tricks (those live on the wrapper). */
+export declare const irisButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisIconButtonToButtonSize: {
+    readonly sm: "iconSm";
+    readonly md: "icon";
+};
+/** Icon chrome — outline uses conic ring; filled is borderless (gradient on the button). */
+export declare const irisIconChromeWrapperVariants: (props?: ({
+    appearance?: "outline" | "filled" | null | undefined;
+    shape?: "default" | "pill" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Outline icon — inner `Button`. Filled uses `irisIconFilledButtonVariants` on a native `<button>`. */
+export declare const irisIconButtonVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Pixel-parity with `HeaderBotButton` — no `Button` ghost `transition-colors`. */
+export declare const irisIconFilledButtonVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisMenuVariants: (props?: ({
+    appearance?: "status" | "wrap" | "loading" | "card" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;