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

package/dist/components/flows/iris-chat/iris-chat-menu.js

@@ -1,52 +1,52 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useRef as S, useState as g } from "react";
-import { FunnelShow as I, ThreeDots as L, Pin as M, Pencil as A, Bin as D, ChevronRight as T } from "impact-nova-icons";
-import { DropdownMenu as C, DropdownMenuTrigger as v, DropdownMenuContent as b, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
-import { ButtonIconTooltip as N } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Button as x } from "../../primitives/button/button.js";
-import { Accordion as j, AccordionItem as k, AccordionTrigger as R, AccordionContent as E } from "../../primitives/accordion/accordion.js";
-import { useImpactNovaI18n as w } from "../../../i18n/use-impact-nova-i18n.js";
-import { useVirtualizedList as B } from "../../../lib/virtualized/useVirtualizedList.js";
-import { createComponent as O } from "../../../lib/primitives/create-component.js";
-import { cn as y } from "../../../lib/utils.js";
-import { IrisChatAttachIcon as $ } from "./iris-chat-icons.js";
-const z = ["type", "status", "lastActivity"], ee = O(
+import { useRef as L, useState as C } from "react";
+import { FunnelShow as z, ThreeDots as M, Pin as T, Pencil as A, Bin as D, ChevronRight as j } from "impact-nova-icons";
+import { DropdownMenu as v, DropdownMenuTrigger as b, DropdownMenuContent as N, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { ButtonIconTooltip as w } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as g } from "../../primitives/button/button.js";
+import { Accordion as k, AccordionItem as E, AccordionTrigger as R, AccordionContent as B } from "../../primitives/accordion/accordion.js";
+import { useImpactNovaI18n as I } from "../../../i18n/use-impact-nova-i18n.js";
+import { useVirtualizedList as O } from "../../../lib/virtualized/useVirtualizedList.js";
+import { createComponent as $ } from "../../../lib/primitives/create-component.js";
+import { cn as x } from "../../../lib/utils.js";
+import { IrisChatAttachIcon as P } from "./iris-chat-icons.js";
+const S = ["type", "status", "lastActivity"], te = $(
   "IrisChatMenu",
   ({ className: t, children: d, ...l }, o) => /* @__PURE__ */ e(
     "div",
     {
       ref: o,
       "data-component": "iris-chat-menu",
-      className: y("flex flex-col gap-4 py-4", t),
+      className: x("flex flex-col gap-4 py-4", t),
       ...l,
-      children: /* @__PURE__ */ e(j, { type: "multiple", defaultValue: ["recent", "artifacts"], className: "flex flex-col gap-4", children: d })
+      children: /* @__PURE__ */ e(k, { type: "multiple", defaultValue: ["recent", "artifacts"], className: "flex flex-col gap-4", children: d })
     }
   )
-), P = ({
+), V = ({
   value: t,
   title: d,
   onFilterSelect: l,
   onViewMore: o,
-  viewMoreLabel: a,
+  viewMoreLabel: r,
   className: h,
-  children: f
+  children: u
 }) => {
-  const { t: i } = w(), m = {
+  const { t: i } = I(), m = {
     type: i("irisChat.filterType"),
     status: i("irisChat.filterStatus"),
     lastActivity: i("irisChat.filterLastActivity")
   };
   return /* @__PURE__ */ s(
-    k,
+    E,
     {
       value: t,
       "data-component": "iris-chat-menu-section",
-      className: y("rounded-none border-0 bg-transparent shadow-none", h),
+      className: x("rounded-none border-0 bg-transparent shadow-none", h),
       children: [
         /* @__PURE__ */ s("div", { className: "flex h-10 items-center justify-between gap-2", children: [
           /* @__PURE__ */ s(R, { variant: "plain", headingLevel: 3, className: "flex min-w-0 flex-1 items-center gap-2 py-0", children: [
             /* @__PURE__ */ e("span", { className: "flex size-6 shrink-0 items-center justify-center rounded-full bg-secondary text-content-secondary", children: /* @__PURE__ */ e(
-              T,
+              j,
               {
                 size: 14,
                 className: "rotate-90 transition-transform group-data-[state=open]:-rotate-90"
@@ -54,41 +54,41 @@ const z = ["type", "status", "lastActivity"], ee = O(
             ) }),
             /* @__PURE__ */ e("span", { className: "text-sm font-medium text-content", children: d })
           ] }),
-          /* @__PURE__ */ s(C, { children: [
+          /* @__PURE__ */ s(v, { children: [
             /* @__PURE__ */ e(
-              N,
+              w,
               {
                 label: i("irisChat.filter"),
                 variant: "secondary",
                 align: "end",
                 side: "top",
-                children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-                  x,
+                children: /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
+                  g,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "iconSm",
                     "aria-label": i("irisChat.filter"),
                     "data-testid": `iris-chat-filter-${t}`,
-                    children: /* @__PURE__ */ e(I, { size: 16 })
+                    children: /* @__PURE__ */ e(z, { size: 16 })
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ e(b, { align: "end", children: z.map((c) => /* @__PURE__ */ e(p, { onSelect: () => l?.(c), children: m[c] }, c)) })
+            /* @__PURE__ */ e(N, { align: "end", children: S.map((c) => /* @__PURE__ */ e(p, { onSelect: () => l?.(c), children: m[c] }, c)) })
           ] })
         ] }),
-        /* @__PURE__ */ s(E, { className: "px-0 pb-1 pt-1", children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-col", children: f }),
+        /* @__PURE__ */ s(B, { className: "px-0 pb-1 pt-1", children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col", children: u }),
           o ? /* @__PURE__ */ e(
-            x,
+            g,
             {
               type: "button",
               variant: "link",
               "data-testid": `iris-chat-view-more-${t}`,
               className: "mt-1 h-auto justify-start px-2 text-sm",
               onClick: o,
-              children: a ?? i("irisChat.viewMore")
+              children: r ?? i("irisChat.viewMore")
             }
           ) : null
         ] })
@@ -96,22 +96,23 @@ const z = ["type", "status", "lastActivity"], ee = O(
     }
   );
 };
-P.displayName = "IrisChatMenuSection";
-const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
-  const { t: a } = w(), [h, f] = g(!1), [i, m] = g(!1), [c, u] = g(t), n = () => {
-    const r = c.trim();
-    if (m(!1), !r || r === t) {
-      u(t);
+V.displayName = "IrisChatMenuSection";
+const F = ({ title: t, onSelect: d, onAction: l, className: o }) => {
+  const { t: r } = I(), [h, u] = C(!1), [i, m] = C(!1), [c, f] = C(t), a = () => {
+    const n = c.trim();
+    if (m(!1), !n || n === t) {
+      f(t);
       return;
     }
-    l?.("rename", r);
+    l?.("rename", n);
   };
   return /* @__PURE__ */ s(
     "div",
     {
       "data-component": "iris-chat-list-item",
       "data-menu-open": h ? "" : void 0,
-      className: y(
+      "data-editing": i ? "" : void 0,
+      className: x(
         "flex min-h-10 items-center justify-between gap-2 rounded-full px-3",
         (h || i) && "bg-secondary",
         "hover:bg-secondary",
@@ -123,13 +124,16 @@ const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
           {
             value: c,
             autoFocus: !0,
-            "aria-label": a("irisChat.rename"),
+            "aria-label": r("irisChat.rename"),
             "data-testid": "iris-chat-item-rename",
             className: "min-w-0 flex-1 bg-transparent text-sm text-content outline-none",
-            onChange: (r) => u(r.target.value),
-            onBlur: n,
-            onKeyDown: (r) => {
-              r.key === "Enter" && (r.preventDefault(), n()), r.key === "Escape" && (u(t), m(!1));
+            onChange: (n) => f(n.target.value),
+            onBlur: (n) => {
+              const y = n.relatedTarget;
+              y instanceof Element && (y.closest('[data-component="dropdown-menu-content"]') || y.closest('[data-testid="iris-chat-item-more"]')) || a();
+            },
+            onKeyDown: (n) => {
+              n.key === "Enter" && (n.preventDefault(), a()), n.key === "Escape" && (f(t), m(!1));
             }
           }
         ) : /* @__PURE__ */ e(
@@ -141,52 +145,53 @@ const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
             children: t
           }
         ),
-        /* @__PURE__ */ s(C, { open: h, onOpenChange: f, children: [
+        /* @__PURE__ */ s(v, { open: h, onOpenChange: u, children: [
           /* @__PURE__ */ e(
-            N,
+            w,
             {
-              label: a("irisChat.moreActions"),
+              label: r("irisChat.moreActions"),
               variant: "secondary",
               align: "end",
               side: "top",
-              children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-                x,
+              children: /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
+                g,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "iconSm",
-                  "aria-label": a("irisChat.moreActions"),
+                  "aria-label": r("irisChat.moreActions"),
                   "data-testid": "iris-chat-item-more",
-                  children: /* @__PURE__ */ e(L, { size: 16 })
+                  children: /* @__PURE__ */ e(M, { size: 16 })
                 }
               ) })
             }
           ),
-          /* @__PURE__ */ s(b, { align: "end", className: "w-[182px]", children: [
+          /* @__PURE__ */ s(N, { align: "end", className: "w-[182px]", children: [
             /* @__PURE__ */ e(
               p,
               {
-                icon: /* @__PURE__ */ e(M, { size: 16 }),
+                icon: /* @__PURE__ */ e(T, { size: 16 }),
                 onSelect: () => l?.("pin"),
-                children: a("irisChat.pin")
+                children: r("irisChat.pin")
               }
             ),
             /* @__PURE__ */ e(
               p,
               {
                 icon: /* @__PURE__ */ e(A, { size: 16 }),
+                "data-testid": "iris-chat-item-rename-action",
                 onSelect: () => {
-                  u(t), window.setTimeout(() => m(!0), 0);
+                  f(t), m(!0), u(!1);
                 },
-                children: a("irisChat.rename")
+                children: r("irisChat.rename")
               }
             ),
             /* @__PURE__ */ e(
               p,
               {
-                icon: /* @__PURE__ */ e($, {}),
+                icon: /* @__PURE__ */ e(P, {}),
                 onSelect: () => l?.("archive"),
-                children: a("irisChat.archive")
+                children: r("irisChat.archive")
               }
             ),
             /* @__PURE__ */ e(
@@ -195,7 +200,7 @@ const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
                 icon: /* @__PURE__ */ e(D, { size: 16 }),
                 className: "text-destructive focus:bg-destructive/10 focus:text-destructive",
                 onSelect: () => l?.("delete"),
-                children: a("irisChat.delete")
+                children: r("irisChat.delete")
               }
             )
           ] })
@@ -204,24 +209,24 @@ const V = ({ title: t, onSelect: d, onAction: l, className: o }) => {
     }
   );
 };
-V.displayName = "IrisChatListItem";
-function F({
+F.displayName = "IrisChatListItem";
+function K({
   items: t,
   getItemId: d,
   renderItem: l,
   title: o,
-  onFilterSelect: a,
+  onFilterSelect: r,
   estimateSize: h = 32,
-  className: f
+  className: u
 }) {
-  const { t: i } = w(), m = S(null), c = B({
+  const { t: i } = I(), m = L(null), c = O({
     rowCount: t.length,
-    getRowData: (n) => t[n],
-    getRowId: (n) => d(t[n]),
+    getRowData: (a) => t[a],
+    getRowId: (a) => d(t[a]),
     estimateSize: () => h,
     scrollElementRef: m,
     hasMore: !1
-  }), u = {
+  }), f = {
     type: i("irisChat.filterType"),
     status: i("irisChat.filterStatus"),
     lastActivity: i("irisChat.filterLastActivity")
@@ -230,57 +235,57 @@ function F({
     "div",
     {
       "data-component": "iris-chat-list",
-      className: y("flex min-h-0 flex-1 flex-col", f),
+      className: x("flex min-h-0 flex-1 flex-col", u),
       children: [
-        o || a ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 py-3", children: [
+        o || r ? /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 py-3", children: [
           o ? /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content", children: o }) : /* @__PURE__ */ e("span", {}),
-          a ? /* @__PURE__ */ s(C, { children: [
+          r ? /* @__PURE__ */ s(v, { children: [
             /* @__PURE__ */ e(
-              N,
+              w,
               {
                 label: i("irisChat.filter"),
                 variant: "secondary",
                 align: "end",
                 side: "top",
-                children: /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-                  x,
+                children: /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
+                  g,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "iconSm",
                     "aria-label": i("irisChat.filter"),
                     "data-testid": "iris-chat-filter-list",
-                    children: /* @__PURE__ */ e(I, { size: 16 })
+                    children: /* @__PURE__ */ e(z, { size: 16 })
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ e(b, { align: "end", children: z.map((n) => /* @__PURE__ */ e(p, { onSelect: () => a(n), children: u[n] }, n)) })
+            /* @__PURE__ */ e(N, { align: "end", children: S.map((a) => /* @__PURE__ */ e(p, { onSelect: () => r(a), children: f[a] }, a)) })
           ] }) : null
         ] }) : null,
-        /* @__PURE__ */ e("div", { ref: m, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { style: { height: c.virtualizer.getTotalSize(), position: "relative" }, children: c.virtualizer.getVirtualItems().map((n) => {
-          const r = t[n.index];
+        /* @__PURE__ */ e("div", { ref: m, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ e("div", { style: { height: c.virtualizer.getTotalSize(), position: "relative" }, children: c.virtualizer.getVirtualItems().map((a) => {
+          const n = t[a.index];
           return /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-x-0",
               style: {
-                height: n.size,
-                transform: `translateY(${n.start}px)`
+                height: a.size,
+                transform: `translateY(${a.start}px)`
               },
-              children: l(r)
+              children: l(n)
             },
-            d(r)
+            d(n)
           );
         }) }) })
       ]
     }
   );
 }
-F.displayName = "IrisChatList";
+K.displayName = "IrisChatList";
 export {
-  F as IrisChatList,
-  V as IrisChatListItem,
-  ee as IrisChatMenu,
-  P as IrisChatMenuSection
+  K as IrisChatList,
+  F as IrisChatListItem,
+  te as IrisChatMenu,
+  V as IrisChatMenuSection
 };

package/dist/components/flows/iris-chat/iris-chat-speech.d.ts

@@ -0,0 +1,52 @@
+export type IrisChatSpeechNoticeKind = "unsupported" | "permission" | "error";
+export type IrisChatSpeechNotice = {
+    kind: IrisChatSpeechNoticeKind;
+    messageKey: "speechUnsupported" | "speechPermissionDenied" | "speechNoSpeech" | "speechNetwork" | "speechError" | "speechEmpty";
+};
+export type SpeechRecognitionHandle = {
+    continuous: boolean;
+    interimResults: boolean;
+    lang: string;
+    start: () => void;
+    stop: () => void;
+    abort: () => void;
+    onresult: ((event: {
+        resultIndex: number;
+        results: ArrayLike<ArrayLike<{
+            transcript?: string;
+        } & {
+            isFinal?: boolean;
+        }>>;
+    }) => void) | null;
+    onerror: ((event: {
+        error?: string;
+    }) => void) | null;
+    onend: (() => void) | null;
+    onstart: (() => void) | null;
+};
+export declare function readSpeechRecognitionConstructor(): (new () => SpeechRecognitionHandle) | undefined;
+export declare function readSpeechRecognitionLocale(locale?: string): string;
+export declare function readSpeechRecognitionErrorNotice(errorCode: string): IrisChatSpeechNotice;
+export declare function readSpeechSessionTranscript(results: ArrayLike<ArrayLike<{
+    transcript?: string;
+}>>): string;
+export declare function startComposerSpeechRecognition(input: {
+    locale: string;
+    readBaseText: () => string;
+    shouldContinueListening: () => boolean;
+    onDraftChange: (nextText: string) => void;
+    onListeningChange: (listening: boolean) => void;
+    onNotice?: (notice: IrisChatSpeechNotice) => void;
+}): SpeechRecognitionHandle | null;
+export declare function readBasicMarkdownSpeakableText(markdown: string): string;
+export declare function readIrisChatActionsSpeakText(input: {
+    speakText?: string;
+    copyText?: string;
+}): string;
+export declare function cancelPlainTextSpeech(): void;
+export declare function speakPlainText(input: {
+    text: string;
+    locale?: string;
+    onSpeakingChange: (speaking: boolean) => void;
+    onNotice?: (notice: IrisChatSpeechNotice) => void;
+}): void;

package/dist/components/flows/iris-chat/iris-chat-speech.js

@@ -0,0 +1,121 @@
+function u() {
+  if (typeof window > "u")
+    return;
+  const e = window;
+  return e.SpeechRecognition ?? e.webkitSpeechRecognition;
+}
+function a(e) {
+  let n = "en-US";
+  return e && e.trim().length > 0 ? n = e.trim() : typeof document < "u" && document.documentElement.lang && (n = document.documentElement.lang.trim()), n === "en" ? "en-US" : n;
+}
+function f(e) {
+  return e === "not-allowed" || e === "service-not-allowed" ? { kind: "permission", messageKey: "speechPermissionDenied" } : e === "no-speech" ? { kind: "error", messageKey: "speechNoSpeech" } : e === "network" ? { kind: "error", messageKey: "speechNetwork" } : { kind: "error", messageKey: "speechError" };
+}
+function h(e, n) {
+  const t = e.trimEnd(), s = n.trim();
+  return s ? t ? `${t} ${s}` : s : t;
+}
+function g(e) {
+  let n = "";
+  for (let t = 0; t < e.length; t += 1)
+    n += e[t]?.[0]?.transcript ?? "";
+  return n;
+}
+function x(e) {
+  const n = u();
+  if (!n)
+    return e.onNotice?.({ kind: "unsupported", messageKey: "speechUnsupported" }), null;
+  const t = new n();
+  t.continuous = !0, t.interimResults = !0, t.lang = a(e.locale);
+  const s = { current: e.readBaseText() };
+  t.onresult = (r) => {
+    const o = g(r.results), i = h(s.current, o);
+    e.onDraftChange(i);
+    const c = r.results.length - 1;
+    r.results[c]?.[0]?.isFinal && (s.current = i);
+  }, t.onerror = (r) => {
+    const o = f(r.error ?? "unknown");
+    e.onNotice?.(o);
+  }, t.onend = () => {
+    if (e.shouldContinueListening()) {
+      try {
+        t.start();
+      } catch {
+        e.onListeningChange(!1);
+      }
+      return;
+    }
+    e.onListeningChange(!1);
+  }, t.onstart = () => {
+    e.onListeningChange(!0);
+  };
+  try {
+    t.start();
+  } catch {
+    return e.onNotice?.({ kind: "error", messageKey: "speechError" }), e.onListeningChange(!1), null;
+  }
+  return t;
+}
+function d(e) {
+  let n = e;
+  return n = n.replace(/```[\s\S]*?```/g, " "), n = n.replace(/`([^`]+)`/g, "$1"), n = n.replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1"), n = n.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1"), n = n.replace(/^#{1,6}\s+/gm, ""), n = n.replace(/[*_~>#-]+/g, " "), n = n.replace(/\s+/g, " ").trim(), n;
+}
+function T(e) {
+  const n = e.speakText ?? e.copyText ?? "";
+  return d(n);
+}
+let l = !1;
+function p() {
+  typeof window > "u" || typeof window.speechSynthesis > "u" || (window.speechSynthesis.getVoices(), !l && (l = !0, window.speechSynthesis.onvoiceschanged = () => {
+    window.speechSynthesis.getVoices();
+  }));
+}
+function w(e, n, t) {
+  const s = e.name.toLowerCase();
+  let r = 0;
+  return e.lang === n ? r += 40 : e.lang.startsWith(t) && (r += 25), s.includes("google") && (r += 30), (s.includes("natural") || s.includes("neural") || s.includes("premium")) && (r += 35), (s.includes("samantha") || s.includes("karen") || s.includes("daniel") || s.includes("moira") || s.includes("zira")) && (r += 28), e.localService === !1 && (r += 20), e.default && (r += 5), (s.includes("compact") || s.includes("fred") || s.includes("bad news")) && (r -= 25), r;
+}
+function m(e) {
+  const n = window.speechSynthesis.getVoices();
+  if (n.length === 0)
+    return;
+  const t = a(e), s = t.split("-")[0] ?? t;
+  let r, o = Number.NEGATIVE_INFINITY;
+  for (const i of n) {
+    const c = w(i, t, s);
+    c > o && (o = c, r = i);
+  }
+  return r;
+}
+function S() {
+  typeof window < "u" && typeof window.speechSynthesis < "u" && window.speechSynthesis.cancel();
+}
+function N(e) {
+  if (typeof window > "u" || typeof window.speechSynthesis > "u") {
+    e.onNotice?.({ kind: "unsupported", messageKey: "speechUnsupported" });
+    return;
+  }
+  const n = d(e.text);
+  if (n.length === 0) {
+    e.onNotice?.({ kind: "error", messageKey: "speechEmpty" });
+    return;
+  }
+  S(), p();
+  const t = new SpeechSynthesisUtterance(n), s = a(e.locale);
+  t.lang = s;
+  const r = m(e.locale ?? s);
+  r && (t.voice = r), t.rate = 0.93, t.pitch = 1.02, t.onend = () => e.onSpeakingChange(!1), t.onerror = () => {
+    e.onSpeakingChange(!1), e.onNotice?.({ kind: "error", messageKey: "speechError" });
+  }, e.onSpeakingChange(!0), window.speechSynthesis.paused && window.speechSynthesis.resume(), window.speechSynthesis.speak(t);
+}
+export {
+  S as cancelPlainTextSpeech,
+  d as readBasicMarkdownSpeakableText,
+  T as readIrisChatActionsSpeakText,
+  u as readSpeechRecognitionConstructor,
+  f as readSpeechRecognitionErrorNotice,
+  a as readSpeechRecognitionLocale,
+  g as readSpeechSessionTranscript,
+  N as speakPlainText,
+  x as startComposerSpeechRecognition
+};

package/dist/components/flows/iris-chat/iris-chat-thread.d.ts

@@ -21,11 +21,14 @@ declare const IrisChatActions: React.ForwardRefExoticComponent<React.HTMLAttribu
     liked?: boolean;
     disliked?: boolean;
     copyText?: string;
+    speakText?: string;
+    speechLocale?: string;
     onLike?: () => void;
     onDislike?: () => void;
     onCopy?: () => void;
     onRetry?: () => void;
     onSpeak?: () => void;
+    onSpeechNotice?: (notice: import('./iris-chat.types').IrisChatSpeechNotice) => void;
     onFeedback?: (feedback: import('./iris-chat.types').IrisChatFeedback) => void;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const IrisChatFollowUps: React.ForwardRefExoticComponent<IrisChatFollowUpListProps & React.RefAttributes<HTMLDivElement>>;