impact-nova 3.0.0-alpha.3 → 3.0.0-alpha.4

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js

@@ -3,8 +3,7 @@ import { Badge as s } from "../../data-display/badge/badge.js";
 import { FilterPopoverContent as u } from "../../flows/filter-strip/filter-tag-list.js";
 import { Popover as b, PopoverTrigger as f } from "../../feedback/popover/popover.js";
 import { Tooltip as g, TooltipTrigger as v, TooltipContent as x } from "../../feedback/tooltip/tooltip.js";
-import "react";
-function I({
+function w({
   tags: o,
   title: l = "Attributes",
   maxVisibleTags: n = 4,
@@ -71,5 +70,5 @@ function I({
   );
 }
 export {
-  I as ExpandableListItemAttributes
+  w as ExpandableListItemAttributes
 };

package/dist/components/data/expandable-list-item/expandable-list-item-metrics.js

@@ -1,9 +1,8 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { ScrollOverflowAffordance as o } from "../../layout/horizontal-scroller/scroll-overflow-affordance.js";
-import "react";
 import { OverflowTooltip as r } from "../../feedback/tooltip/overflow-tooltip.js";
 const m = 128;
-function f({
+function x({
   columns: i,
   sectionId: l = "metrics"
 }) {
@@ -51,5 +50,5 @@ function f({
   );
 }
 export {
-  f as ExpandableListItemMetrics
+  x as ExpandableListItemMetrics
 };

package/dist/components/data/expandable-list-item/sku-picker-chrome.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Search as s, CardView as m, ListFilter as u, TextFormat as h, Back as b } from "impact-nova-icons";
+import { Search as s, CardView as m, ListFilter as h, TextFormat as u, Back as b } from "impact-nova-icons";
 import "react";
-import { Badge as f } from "../../data-display/badge/badge.js";
+import { Badge as v } from "../../data-display/badge/badge.js";
 import { ButtonIconTooltip as r } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Input as v } from "../../forms/input/input.js";
+import { Input as f } from "../../forms/input/input.js";
 import { Accordion as x, AccordionItem as g, AccordionTrigger as w, AccordionContent as C } from "../../primitives/accordion/accordion.js";
 import { Button as i } from "../../primitives/button/button.js";
 import { cn as N } from "../../../lib/utils.js";
@@ -19,7 +19,7 @@ function y(e) {
   const a = Math.max(0, e.selectedCount - e.previewCodes.length);
   return /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center gap-1", children: [
     /* @__PURE__ */ t("p", { className: "truncate text-xs font-medium text-content-muted", children: e.previewCodes.join(", ") }),
-    a > 0 ? /* @__PURE__ */ l(f, { variant: "subtle", color: "primary", size: "sm", shape: "square", children: [
+    a > 0 ? /* @__PURE__ */ l(v, { variant: "subtle", color: "primary", size: "sm", shape: "square", children: [
       "+",
       a
     ] }) : null
@@ -36,7 +36,7 @@ function V(e) {
   ), c = /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ t(
-        v,
+        f,
         {
           size: "default",
           className: "w-[200px]",
@@ -60,7 +60,7 @@ function V(e) {
               "aria-label": e.view === "card" ? "Switch to list view" : "Switch to card view",
               "aria-pressed": e.view === "list",
               onClick: () => e.onViewChange(e.view === "card" ? "list" : "card"),
-              children: e.view === "card" ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t(u, {})
+              children: e.view === "card" ? /* @__PURE__ */ t(m, {}) : /* @__PURE__ */ t(h, {})
             }
           )
         }
@@ -75,7 +75,7 @@ function V(e) {
           "aria-pressed": e.sortAlphabetically,
           className: S(e.sortAlphabetically),
           onClick: e.onToggleSort,
-          children: /* @__PURE__ */ t(h, {})
+          children: /* @__PURE__ */ t(u, {})
         }
       ) })
     ] }),
@@ -84,7 +84,8 @@ function V(e) {
         i,
         {
           type: "button",
-          variant: "link",
+          variant: "ghost",
+          className: "text-brand hover:text-brand",
           onClick: e.onSelectAll,
           disabled: e.allSelected === !0,
           children: "Select All"
@@ -94,7 +95,8 @@ function V(e) {
         i,
         {
           type: "button",
-          variant: "link",
+          variant: "ghost",
+          className: "text-brand hover:text-brand",
           onClick: e.onClear,
           disabled: e.selectedCount === 0,
           children: "Clear"

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,7 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-import "react";
-const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -10,5 +9,5 @@ const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  p as defaultTabTooltipRender
+  d as defaultTabTooltipRender
 };

package/dist/components/flows/command-palette/shortcut-settings.js

@@ -2,17 +2,17 @@ import { jsx as r, jsxs as h, Fragment as z } from "react/jsx-runtime";
 import * as o from "react";
 import { Person as G, Monitor as U, PriorityAlert as q, Locked as O, Reset as B } from "impact-nova-icons";
 import { cn as p } from "../../../lib/utils.js";
-import { Kbd as $ } from "../../primitives/kbd/kbd.js";
-import { keybindingToString as H } from "../../primitives/kbd/keybinding-display.js";
 import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
-import { ModuleRegistry as V, AllCommunityModule as J } from "ag-grid-community";
-import { AllEnterpriseModule as Q } from "ag-grid-enterprise";
-import { DataTable as X, DataTableContent as Y } from "../../data/data-table/data-table.js";
+import { ModuleRegistry as $, AllCommunityModule as H } from "ag-grid-community";
+import { AllEnterpriseModule as V } from "ag-grid-enterprise";
+import { DataTable as J, DataTableContent as Q } from "../../data/data-table/data-table.js";
 import { AG_CELL_NO_PADDING as F } from "../../data/ag-grid-react/cell-renderers/index.js";
+import { Kbd as X } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as Y } from "../../primitives/kbd/keybinding-display.js";
 import { useCommandPalette as Z } from "./use-command-palette.js";
 import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as W, isReservedShortcut as ee } from "./utils.js";
 import { BadgeCellRenderer as te } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
-V.registerModules([J, Q]);
+$.registerModules([H, V]);
 function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
@@ -69,7 +69,7 @@ function ne(a) {
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(X, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
@@ -133,7 +133,7 @@ function le({
         description: e.description || "",
         category: e.category || "General",
         keybinding: i,
-        keybindingDisplay: i ? H(i) : "",
+        keybindingDisplay: i ? Y(i) : "",
         scope: e.scope,
         source: D,
         sourceColor: T ? "primary" : "neutral",
@@ -278,10 +278,10 @@ function le({
     u?.type === "conflict" ? /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
     /* @__PURE__ */ r("span", { children: u ? u.text : L })
   ] }) : null;
-  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Y,
+      Q,
       {
         rowData: y,
         columnDefs: I,

package/dist/components/flows/filter-panel/filter-panel.js

@@ -6,8 +6,8 @@ import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
 import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as S } from "../../primitives/kbd/kbd.js";
-import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
+import { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
+import { Kbd as j } from "../../primitives/kbd/kbd.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
 import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
 import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
@@ -145,14 +145,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          j,
+                          S,
                           {
                             triggerClassName: "truncate font-['Manrope'] block min-w-0",
                             content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                               t.label,
                               " ",
                               /* @__PURE__ */ e(
-                                S,
+                                j,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"

package/dist/components/forms/choice-card/choice-card.variants.js

@@ -1,5 +1,5 @@
 import { cva as e } from "class-variance-authority";
-const r = "border-stroke-subtle p-3 hover:border-brand", a = "border-brand border-l-[3px] border-l-brand bg-brand-tint py-3 pr-3 pl-2.5 shadow-elevation-header", s = e(
+const r = "border-stroke-subtle p-3 hover:border-stroke-field hover:bg-accent", a = "border-brand border-l-[3px] border-l-brand bg-brand-tint py-3 pr-3 pl-2.5 shadow-elevation-header hover:bg-brand-tint", o = e(
   [
     "group relative cursor-pointer select-none transition-[border-color,background-color,box-shadow] duration-150",
     "has-[[data-slot=choice-card-control]:focus-visible]:outline-none has-[[data-slot=choice-card-control]:focus-visible]:ring-1 has-[[data-slot=choice-card-control]:focus-visible]:ring-focus-ring"
@@ -7,7 +7,7 @@ const r = "border-stroke-subtle p-3 hover:border-brand", a = "border-brand borde
   {
     variants: {
       variant: {
-        default: "flex flex-row items-start justify-between gap-2 overflow-hidden rounded-xl border border-solid bg-canvas-elevated",
+        default: "flex flex-row items-center justify-between gap-2 overflow-hidden rounded-xl border border-solid bg-canvas-elevated",
         featured: "flex h-[116px] w-[215px] shrink-0 flex-col overflow-hidden rounded-2xl border border-solid bg-canvas-elevated p-0",
         compare: "flex flex-col items-stretch gap-4 overflow-visible rounded-xl border border-solid p-3"
       },
@@ -96,5 +96,5 @@ const r = "border-stroke-subtle p-3 hover:border-brand", a = "border-brand borde
   }
 );
 export {
-  s as choiceCardVariants
+  o as choiceCardVariants
 };

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,9 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
-import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function C({
+function w({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -53,5 +52,5 @@ function C({
   );
 }
 export {
-  C as SelectTriggerValue
+  w as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,14 +1,13 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
-import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const R = ({
+const G = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -106,5 +105,5 @@ const R = ({
   ] });
 };
 export {
-  R as Submenu
+  G as Submenu
 };

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

@@ -14,6 +14,7 @@ declare const IrisMenu: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
     appearance?: import('./iris.types').IrisMenuAppearance;
     onAskInChat?: () => void;
     askInChatLabel?: string;
+    overflowTooltipContent?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const IrisInsight: React.ForwardRefExoticComponent<IrisInsightProps & React.RefAttributes<HTMLDivElement>>;
 export { IrisControlProvider, IrisControlRegion, } from './iris-control-region';

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

@@ -1,109 +1,110 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { jsx as t, jsxs as I } 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 { Alan as b } from "impact-nova-icons";
+import { Button as w } 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 { createComponent as g } 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 { IrisAlanGradientIcon as v } from "./iris-alan-gradient-icon.js";
+import { irisButtonToButtonSize as T, irisButtonVariants as V, irisChromeWrapperVariants as O, irisIconChromeWrapperVariants as P, irisIconFilledButtonVariants as y, irisIconButtonToButtonSize as S, irisIconButtonVariants as j, 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";
+import { useIrisControl as oi } from "./iris-control-context.js";
 const G = {
   sm: 14,
   md: 16,
   lg: 16
-}, U = f(
+}, U = g(
   "IrisButton",
   ({
-    className: n,
+    className: o,
     size: i = "md",
-    shape: o = "default",
+    shape: n = "default",
     children: e,
     type: s = "button",
     ...r
-  }, a) => /* @__PURE__ */ t("span", { className: P({ shape: o }), children: /* @__PURE__ */ g(
-    p,
+  }, a) => /* @__PURE__ */ t("span", { className: O({ shape: n }), children: /* @__PURE__ */ I(
+    w,
     {
       ref: a,
       type: s,
       variant: "ghost",
-      size: V[i],
+      size: T[i],
       "data-component": "iris-button",
       "data-size": i,
-      "data-shape": o,
-      className: l(O({ size: i }), n),
+      "data-shape": n,
+      className: l(V({ size: i }), o),
       ...r,
       children: [
-        /* @__PURE__ */ t(I, { size: G[i] }),
+        /* @__PURE__ */ t(v, { size: G[i] }),
         e ?? "Ask Iris"
       ]
     }
   ) })
-), R = f(
+), R = g(
   "IrisIconButton",
   ({
-    className: n,
+    className: o,
     appearance: i = "outline",
-    size: o = "md",
+    size: n = "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(
+  }, d) => {
+    const m = P({ appearance: i, shape: e }), c = i === "filled" ? /* @__PURE__ */ t(b, { size: 16, className: "text-brand-foreground" }) : /* @__PURE__ */ t(v, { size: 16 });
+    return i === "filled" ? /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(
       "button",
       {
-        ref: m,
+        ref: d,
         type: s,
         "data-component": "iris-icon-button",
         "data-appearance": i,
-        "data-size": o,
+        "data-size": n,
         "data-shape": e,
         "aria-label": r,
-        className: l(S({ size: o }), n),
+        className: l(y({ size: n }), o),
         ...a,
-        children: d
+        children: c
       }
-    ) }) : /* @__PURE__ */ t("span", { className: c, children: /* @__PURE__ */ t(
-      p,
+    ) }) : /* @__PURE__ */ t("span", { className: m, children: /* @__PURE__ */ t(
+      w,
       {
-        ref: m,
+        ref: d,
         type: s,
         variant: "ghost",
-        size: j[o],
+        size: S[n],
         "data-component": "iris-icon-button",
         "data-appearance": i,
-        "data-size": o,
+        "data-size": n,
         "data-shape": e,
         "aria-label": r,
-        className: l(y({ size: o }), n),
+        className: l(j({ size: n }), o),
         ...a,
-        children: d
+        children: c
       }
     ) });
   }
-), N = f(
+), C = g(
   "IrisMenu",
   ({
-    className: n,
+    className: o,
     appearance: i = "loading",
-    children: o,
+    children: n,
     onAskInChat: e,
     askInChatLabel: s = "Ask in chat",
-    ...r
-  }, a) => {
-    const m = i === "loading" || i === "status", c = i === "card", d = /* @__PURE__ */ g(
+    overflowTooltipContent: r,
+    ...a
+  }, d) => {
+    const m = i === "loading" || i === "status", c = i === "card", f = r ?? (typeof n == "string" ? n : void 0), u = /* @__PURE__ */ I(
       "div",
       {
-        ref: a,
+        ref: d,
         "data-component": "iris-menu",
         "data-appearance": i,
-        className: l(M({ appearance: i }), n),
-        ...r,
+        className: l(M({ appearance: i }), o),
+        ...a,
         children: [
           m && /* @__PURE__ */ t(
             "span",
@@ -112,7 +113,7 @@ const G = {
                 "inline-flex shrink-0 items-center justify-center",
                 i === "status" ? "size-4" : "size-6"
               ),
-              children: /* @__PURE__ */ t(I, { size: i === "status" ? 16 : 20 })
+              children: /* @__PURE__ */ t(v, { size: i === "status" ? 16 : 20 })
             }
           ),
           /* @__PURE__ */ t(
@@ -133,12 +134,13 @@ const G = {
                   variant: "secondary",
                   side: "top",
                   sideOffset: 10,
-                  children: o
+                  content: f,
+                  children: n
                 }
-              ) : o
+              ) : n
             }
           ),
-          c && e && /* @__PURE__ */ t(p, { variant: "outline", size: "sm", className: "max-h-7 capitalize", onClick: e, children: s })
+          c && e && /* @__PURE__ */ t(w, { variant: "outline", size: "sm", className: "max-h-7 capitalize", onClick: e, children: s })
         ]
       }
     );
@@ -149,66 +151,66 @@ const G = {
           "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
+        children: u
       }
-    ) : d;
+    ) : u;
   }
-), X = f(
+), X = g(
   "IrisInsight",
   ({
-    status: n = "idle",
+    status: o = "idle",
     iconSize: i = "md",
-    iconAppearance: o = "outline",
+    iconAppearance: n = "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";
+    className: d,
+    children: m
+  }, c) => {
+    const [f, u] = x.useState(!1), h = o === "loading" || o === "ready", N = o === "loading";
     return x.useEffect(() => {
-      n === "loading" && v(!0);
-    }, [n]), /* @__PURE__ */ t(
+      o === "loading" && u(!0);
+    }, [o]), /* @__PURE__ */ t(
       "div",
       {
-        ref: d,
+        ref: c,
         "data-component": "iris",
-        "data-status": n,
-        className: l("relative inline-flex items-start", m),
-        children: /* @__PURE__ */ g(
+        "data-status": o,
+        className: l("relative inline-flex items-start", d),
+        children: /* @__PURE__ */ I(
           B,
           {
-            open: u ? w : !1,
-            onOpenChange: (h) => {
-              u && v(h);
+            open: h ? f : !1,
+            onOpenChange: (p) => {
+              h && u(p);
             },
             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());
+                  appearance: N ? "filled" : n,
+                  "aria-expanded": f && h,
+                  onClick: (p) => {
+                    o === "idle" && (s?.(), p.preventDefault());
                   }
                 }
               ) }),
-              u && /* @__PURE__ */ t(
+              h && /* @__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,
+                  children: o === "loading" ? /* @__PURE__ */ t(C, { appearance: "loading", children: e }) : /* @__PURE__ */ t(
+                    C,
                     {
                       appearance: "card",
                       onAskInChat: r,
                       askInChatLabel: a,
-                      children: c
+                      children: m
                     }
                   )
                 }
@@ -227,6 +229,6 @@ export {
   $ as IrisControlRegion,
   R as IrisIconButton,
   X as IrisInsight,
-  N as IrisMenu,
-  ni as useIrisControl
+  C as IrisMenu,
+  oi as useIrisControl
 };

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

@@ -19,6 +19,8 @@ export type IrisMenuProps = React.HTMLAttributes<HTMLDivElement> & {
     appearance?: IrisMenuAppearance;
     onAskInChat?: () => void;
     askInChatLabel?: string;
+    /** Tooltip body when `children` is not a plain string (e.g. formatted insight copy). */
+    overflowTooltipContent?: React.ReactNode;
 };
 export type IrisInsightStatus = "idle" | "loading" | "ready";
 export type IrisInsightProps = {

package/dist/form-react/Fields/VirtualizedListField.js

@@ -72,11 +72,16 @@ function _(e) {
           disabled: e.disabled,
           "aria-label": d(e.option),
           className: S(
-            "w-full min-w-0",
-            !r && "items-center justify-start gap-3 rounded-none border-0 bg-transparent p-0 shadow-none hover:border-0 data-[selected]:border-0 data-[selected]:bg-transparent data-[selected]:shadow-none"
+            "w-full min-w-0 items-center",
+            !r && "justify-start gap-3 rounded-none border-0 bg-transparent p-0 shadow-none hover:border-0 data-[selected]:border-0 data-[selected]:bg-transparent data-[selected]:shadow-none"
           ),
           children: [
-            /* @__PURE__ */ i(q, { className: r ? "order-last" : "order-first" }),
+            /* @__PURE__ */ i(
+              q,
+              {
+                className: r ? "order-last self-center" : "order-first self-center"
+              }
+            ),
             /* @__PURE__ */ i(z, { className: "min-w-0", children: /* @__PURE__ */ i(D, { className: "whitespace-normal normal-case", children: d(e.option) }) })
           ]
         }