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

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

@@ -1,55 +1,60 @@
-import { IrisChat as i, IrisChatBody as a, IrisChatDisclaimer as s, IrisChatFooter as e, IrisChatHeader as h, IrisChatHeaderBackButton as o, IrisChatHeaderCloseButton as C, IrisChatHeaderLeading as I, IrisChatHeaderMenuButton as n, IrisChatHeaderMinimizeButton as m, IrisChatHeaderNewChatButton as p, IrisChatHeaderTitle as d, IrisChatHeaderTrailing as u, IrisChatIconButton as f, IrisChatPanel as g, IrisChatTrigger as l } from "./iris-chat.js";
-import { IrisChatComposer as x } from "./iris-chat-composer.js";
-import { IrisChatActions as B, IrisChatAttachment as k, IrisChatChip as w, IrisChatDay as M, IrisChatError as S, IrisChatFollowUp as T, IrisChatFollowUps as A, IrisChatGreeting as F, IrisChatMessage as L, IrisChatSuggestion as P, IrisChatSuggestions as y, IrisChatThread as D, IrisChatWorkflow as U, IrisChatWorkflows as W } from "./iris-chat-thread.js";
-import { IrisChatCitations as E, IrisChatProcessSteps as G, IrisChatThinking as N, IrisChatThinkingStatus as b } from "./iris-chat-thinking.js";
-import { IrisChatMarkdown as q } from "./iris-chat-markdown.js";
-import { IrisChatPrompt as J } from "./iris-chat-prompt.js";
-import { IrisChatArtifact as O, IrisChatScenario as Q } from "./iris-chat-artifact.js";
-import { IrisChatList as V, IrisChatListItem as X, IrisChatMenu as Y, IrisChatMenuSection as Z } from "./iris-chat-menu.js";
-import { useIrisChat as $ } from "./iris-chat-context.js";
+import { IrisChat as a } from "./iris-chat.js";
+import { IrisChatComposer as s } from "./iris-chat-composer.js";
+import { clampIrisChatFrame as o, createCompactIrisChatFrame as h, createDefaultIrisChatFrame as C } from "./iris-chat-frame.js";
+import { IrisChatActions as n, IrisChatAttachment as m, IrisChatChip as p, IrisChatDay as f, IrisChatError as u, IrisChatFollowUp as c, IrisChatFollowUps as d, IrisChatGreeting as l, IrisChatMessage as g, IrisChatSuggestion as x, IrisChatSuggestions as H, IrisChatThread as B, IrisChatWorkflow as k, IrisChatWorkflows as w } from "./iris-chat-thread.js";
+import { IrisChatCitations as M, IrisChatProcessSteps as S, IrisChatThinking as T, IrisChatThinkingStatus as A } from "./iris-chat-thinking.js";
+import { IrisChatMarkdown as L } from "./iris-chat-markdown.js";
+import { IrisChatPrompt as y } from "./iris-chat-prompt.js";
+import { IrisChatArtifact as W, IrisChatScenario as z } from "./iris-chat-artifact.js";
+import { IrisChatList as G, IrisChatListItem as N, IrisChatMenu as b, IrisChatMenuSection as j } from "./iris-chat-menu.js";
+import { useIrisChat as v } from "./iris-chat-context.js";
+import { IrisChatBody as K, IrisChatDisclaimer as O, IrisChatFooter as Q, IrisChatHeader as R, IrisChatHeaderBackButton as V, IrisChatHeaderCloseButton as X, IrisChatHeaderLeading as Y, IrisChatHeaderMenuButton as Z, IrisChatHeaderMinimizeButton as _, IrisChatHeaderNewChatButton as $, IrisChatHeaderTitle as rr, IrisChatHeaderTrailing as tr, IrisChatIconButton as ar, IrisChatPanel as ir, IrisChatTrigger as sr } from "./iris-chat-chrome.js";
 export {
-  i as IrisChat,
-  B as IrisChatActions,
-  O as IrisChatArtifact,
-  k as IrisChatAttachment,
-  a as IrisChatBody,
-  w as IrisChatChip,
-  E as IrisChatCitations,
-  x as IrisChatComposer,
-  M as IrisChatDay,
-  s as IrisChatDisclaimer,
-  S as IrisChatError,
-  T as IrisChatFollowUp,
-  A as IrisChatFollowUps,
-  e as IrisChatFooter,
-  F as IrisChatGreeting,
-  h as IrisChatHeader,
-  o as IrisChatHeaderBackButton,
-  C as IrisChatHeaderCloseButton,
-  I as IrisChatHeaderLeading,
-  n as IrisChatHeaderMenuButton,
-  m as IrisChatHeaderMinimizeButton,
-  p as IrisChatHeaderNewChatButton,
-  d as IrisChatHeaderTitle,
-  u as IrisChatHeaderTrailing,
-  f as IrisChatIconButton,
-  V as IrisChatList,
-  X as IrisChatListItem,
-  q as IrisChatMarkdown,
-  Y as IrisChatMenu,
-  Z as IrisChatMenuSection,
-  L as IrisChatMessage,
-  g as IrisChatPanel,
-  G as IrisChatProcessSteps,
-  J as IrisChatPrompt,
-  Q as IrisChatScenario,
-  P as IrisChatSuggestion,
-  y as IrisChatSuggestions,
-  N as IrisChatThinking,
-  b as IrisChatThinkingStatus,
-  D as IrisChatThread,
-  l as IrisChatTrigger,
-  U as IrisChatWorkflow,
-  W as IrisChatWorkflows,
-  $ as useIrisChat
+  a as IrisChat,
+  n as IrisChatActions,
+  W as IrisChatArtifact,
+  m as IrisChatAttachment,
+  K as IrisChatBody,
+  p as IrisChatChip,
+  M as IrisChatCitations,
+  s as IrisChatComposer,
+  f as IrisChatDay,
+  O as IrisChatDisclaimer,
+  u as IrisChatError,
+  c as IrisChatFollowUp,
+  d as IrisChatFollowUps,
+  Q as IrisChatFooter,
+  l as IrisChatGreeting,
+  R as IrisChatHeader,
+  V as IrisChatHeaderBackButton,
+  X as IrisChatHeaderCloseButton,
+  Y as IrisChatHeaderLeading,
+  Z as IrisChatHeaderMenuButton,
+  _ as IrisChatHeaderMinimizeButton,
+  $ as IrisChatHeaderNewChatButton,
+  rr as IrisChatHeaderTitle,
+  tr as IrisChatHeaderTrailing,
+  ar as IrisChatIconButton,
+  G as IrisChatList,
+  N as IrisChatListItem,
+  L as IrisChatMarkdown,
+  b as IrisChatMenu,
+  j as IrisChatMenuSection,
+  g as IrisChatMessage,
+  ir as IrisChatPanel,
+  S as IrisChatProcessSteps,
+  y as IrisChatPrompt,
+  z as IrisChatScenario,
+  x as IrisChatSuggestion,
+  H as IrisChatSuggestions,
+  T as IrisChatThinking,
+  A as IrisChatThinkingStatus,
+  B as IrisChatThread,
+  sr as IrisChatTrigger,
+  k as IrisChatWorkflow,
+  w as IrisChatWorkflows,
+  o as clampIrisChatFrame,
+  h as createCompactIrisChatFrame,
+  C as createDefaultIrisChatFrame,
+  v as useIrisChat
 };

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

@@ -1,13 +1,13 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Download as y, ThreeDots as v } from "impact-nova-icons";
-import { Checkbox as C } from "../../forms/checkbox/checkbox.js";
-import { DropdownMenu as w, DropdownMenuTrigger as j, DropdownMenuContent as k, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
+import { Download as N, ThreeDots as y } from "impact-nova-icons";
+import { Checkbox as v } from "../../forms/checkbox/checkbox.js";
+import { DropdownMenu as C, DropdownMenuTrigger as j, DropdownMenuContent as k, DropdownMenuItem as p } from "../../feedback/dropdown-menu/dropdown-menu.js";
 import { ButtonIconTooltip as x } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Button as b } from "../../primitives/button/button.js";
+import { Button as f } from "../../primitives/button/button.js";
 import { useImpactNovaI18n as I } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as f } from "../../../lib/primitives/create-component.js";
+import { createComponent as b } from "../../../lib/primitives/create-component.js";
 import { cn as u } from "../../../lib/utils.js";
-function N(o, i) {
+function g(o, i) {
   const a = o.map((l) => l.header).join(","), n = i.map(
     (l) => o.map((t) => {
       const d = l.cells[t.id];
@@ -18,16 +18,16 @@ function N(o, i) {
 `);
 }
 function S(o, i, a) {
-  const n = new Blob([N(i, a)], { type: "text/csv;charset=utf-8" }), l = URL.createObjectURL(n), t = document.createElement("a");
+  const n = new Blob([g(i, a)], { type: "text/csv;charset=utf-8" }), l = URL.createObjectURL(n), t = document.createElement("a");
   t.href = l, t.download = `${o.replaceAll(/\s+/g, "-").toLowerCase()}.csv`, t.click(), URL.revokeObjectURL(l);
 }
-const O = f(
+const O = b(
   "IrisChatArtifact",
   ({ className: o, title: i, columns: a, rows: n, onDownload: l, onMore: t }, d) => {
     const { t: c } = I(), m = () => {
       S(i, a, n), l?.();
-    }, g = () => {
-      navigator.clipboard?.writeText(N(a, n)).catch(() => {
+    }, w = () => {
+      navigator.clipboard?.writeText(g(a, n)).catch(() => {
       }), t?.();
     };
     return /* @__PURE__ */ r(
@@ -35,62 +35,72 @@ const O = f(
       {
         ref: d,
         "data-component": "iris-chat-artifact",
-        className: u("min-w-0 w-full max-w-full overflow-hidden rounded-xl border border-stroke-subtle", o),
+        className: u(
+          "grid w-full min-w-0 max-w-full grid-cols-[minmax(0,1fr)] overflow-hidden rounded-xl border border-stroke-subtle",
+          o
+        ),
         children: [
-          /* @__PURE__ */ r("header", { className: "flex items-center justify-between gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ r("header", { className: "flex min-w-0 items-center justify-between gap-2 px-3 py-2", children: [
             /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-content", children: i }),
             /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ e(x, { label: c("irisChat.download"), children: /* @__PURE__ */ e(
-                b,
+                f,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "iconSm",
                   "aria-label": c("irisChat.download"),
                   onClick: m,
-                  children: /* @__PURE__ */ e(y, { size: 16 })
+                  children: /* @__PURE__ */ e(N, { size: 16 })
                 }
               ) }),
-              /* @__PURE__ */ r(w, { children: [
+              /* @__PURE__ */ r(C, { children: [
                 /* @__PURE__ */ e(x, { label: c("irisChat.moreActions"), children: /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ e(
-                  b,
+                  f,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "iconSm",
                     "aria-label": c("irisChat.moreActions"),
-                    children: /* @__PURE__ */ e(v, { size: 16 })
+                    children: /* @__PURE__ */ e(y, { size: 16 })
                   }
                 ) }) }),
                 /* @__PURE__ */ r(k, { align: "end", children: [
-                  /* @__PURE__ */ e(p, { onSelect: g, children: c("irisChat.copy") }),
+                  /* @__PURE__ */ e(p, { onSelect: w, children: c("irisChat.copy") }),
                   /* @__PURE__ */ e(p, { onSelect: m, children: c("irisChat.download") })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full table-fixed border-t border-stroke-subtle text-sm", children: [
-            /* @__PURE__ */ e("thead", { className: "bg-secondary", children: /* @__PURE__ */ r("tr", { children: [
-              /* @__PURE__ */ e("th", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ e("span", { className: "sr-only", children: c("aria.toggleSelection") }) }),
-              a.map((s) => /* @__PURE__ */ e(
-                "th",
-                {
-                  className: "px-3 py-2 text-start font-medium text-content",
-                  children: s.header
-                },
-                s.id
-              ))
-            ] }) }),
-            /* @__PURE__ */ e("tbody", { children: n.map((s) => /* @__PURE__ */ r("tr", { className: "border-t border-stroke-subtle", children: [
-              /* @__PURE__ */ e("td", { className: "px-3 py-2", children: /* @__PURE__ */ e(C, { "aria-label": s.id }) }),
-              a.map((h) => /* @__PURE__ */ e("td", { className: "px-3 py-2 text-content", children: s.cells[h.id] }, h.id))
-            ] }, s.id)) })
-          ] }) })
+          /* @__PURE__ */ e(
+            "div",
+            {
+              "data-slot": "artifact-scroll",
+              className: "min-w-0 max-w-full overflow-x-auto overflow-y-hidden overscroll-x-contain",
+              children: /* @__PURE__ */ r("table", { className: "w-max min-w-full border-t border-stroke-subtle text-sm", children: [
+                /* @__PURE__ */ e("thead", { className: "bg-secondary", children: /* @__PURE__ */ r("tr", { children: [
+                  /* @__PURE__ */ e("th", { className: "w-10 px-3 py-2", children: /* @__PURE__ */ e("span", { className: "sr-only", children: c("aria.toggleSelection") }) }),
+                  a.map((s) => /* @__PURE__ */ e(
+                    "th",
+                    {
+                      className: "whitespace-nowrap px-3 py-2 text-start font-medium text-content",
+                      children: s.header
+                    },
+                    s.id
+                  ))
+                ] }) }),
+                /* @__PURE__ */ e("tbody", { children: n.map((s) => /* @__PURE__ */ r("tr", { className: "border-t border-stroke-subtle", children: [
+                  /* @__PURE__ */ e("td", { className: "px-3 py-2", children: /* @__PURE__ */ e(v, { "aria-label": s.id }) }),
+                  a.map((h) => /* @__PURE__ */ e("td", { className: "whitespace-nowrap px-3 py-2 text-content", children: s.cells[h.id] }, h.id))
+                ] }, s.id)) })
+              ] })
+            }
+          )
         ]
       }
     );
   }
-), $ = f(
+), $ = b(
   "IrisChatScenario",
   ({ className: o, title: i, rows: a, notes: n }, l) => /* @__PURE__ */ r(
     "section",

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

@@ -0,0 +1,39 @@
+import { IrisChatBodyProps, IrisChatFooterProps, IrisChatHeaderProps, IrisChatIconButtonProps, IrisChatPanelProps } from './iris-chat.types';
+import * as React from "react";
+declare const IrisChatPanel: React.ForwardRefExoticComponent<IrisChatPanelProps & React.RefAttributes<HTMLDivElement>>;
+declare const IrisChatHeader: React.ForwardRefExoticComponent<IrisChatHeaderProps & React.RefAttributes<HTMLElement>>;
+declare const IrisChatHeaderLeading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const IrisChatHeaderTrailing: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const IrisChatHeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
+    showBrand?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const IrisChatIconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+    variant?: "secondary" | "ghost";
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatHeaderMenuButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
+    label?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatHeaderBackButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
+    label?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatHeaderNewChatButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
+    label?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatHeaderMinimizeButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
+    label?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatHeaderCloseButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
+    label?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const IrisChatBody: React.ForwardRefExoticComponent<IrisChatBodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const IrisChatFooter: React.ForwardRefExoticComponent<IrisChatFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const IrisChatDisclaimer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+    href?: string;
+} & React.RefAttributes<HTMLParagraphElement>>;
+declare const IrisChatTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md" | "lg";
+    shape?: "default" | "pill";
+} & React.RefAttributes<HTMLButtonElement>>;
+export { IrisChatBody, IrisChatDisclaimer, IrisChatFooter, IrisChatHeader, IrisChatHeaderBackButton, IrisChatHeaderCloseButton, IrisChatHeaderLeading, IrisChatHeaderMenuButton, IrisChatHeaderMinimizeButton, IrisChatHeaderNewChatButton, IrisChatHeaderTitle, IrisChatHeaderTrailing, IrisChatIconButton, IrisChatPanel, IrisChatTrigger, };

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

@@ -0,0 +1,325 @@
+import { jsx as t, jsxs as C, Fragment as P } from "react/jsx-runtime";
+import * as g from "react";
+import { Slot as N } from "@radix-ui/react-slot";
+import { Back as y, Cross as z, Draw as k } from "impact-nova-icons";
+import { Popover as T, PopoverTrigger as W, PopoverContent as D, PopoverHeader as F, PopoverTitle as R, PopoverBody as M } from "../../feedback/popover/popover.js";
+import { ButtonIconTooltip as O } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as G } from "../../primitives/button/button.js";
+import { IrisButton as L } from "../../primitives/iris/iris.js";
+import { IrisAlanGradientIcon as v } from "../../primitives/iris/iris-alan-gradient-icon.js";
+import { useImpactNovaI18n as p } from "../../../i18n/use-impact-nova-i18n.js";
+import { useComposedRefs as x } from "../../../lib/compose-refs.js";
+import { createComponent as c } from "../../../lib/primitives/create-component.js";
+import { cn as m } from "../../../lib/utils.js";
+import { useIrisChat as u, useIrisChatOptional as S } from "./iris-chat-context.js";
+import { IrisChatHamburgerIcon as j, IrisChatMinimizeIcon as V } from "./iris-chat-icons.js";
+import { useIrisChatWindowGeometryOptional as q, IrisChatWindowGeometryProvider as A } from "./iris-chat-window-geometry-context.js";
+import { IrisChatWindowShell as E } from "./iris-chat-window-shell.js";
+import { useIrisChatWindowGeometry as J } from "./iris-chat-window-geometry.js";
+import { irisChatHeaderVariants as K, irisChatPanelVariants as Q } from "./iris-chat.variants.js";
+import { readIrisChatHorizontalPaddingClass as H, readIrisChatDisclaimerPaddingClass as U } from "./iris-chat-window-chrome.js";
+const ue = c(
+  "IrisChatPanel",
+  ({ className: i, hidden: r, children: a, ...n }, o) => {
+    const e = u(), s = r ?? !e.open, d = J({
+      frame: e.frame,
+      commitFrame: e.commitFrame,
+      resetFrame: e.resetFrame
+    }), l = x(o, d.panelRef, e.registerPanelNode);
+    return s ? null : e.isWindowPlacement ? /* @__PURE__ */ t(A, { value: d.geometry, children: /* @__PURE__ */ t(
+      E,
+      {
+        panelRef: l,
+        isClosing: e.isClosing,
+        isOpening: e.isOpening,
+        className: i,
+        children: a
+      }
+    ) }) : /* @__PURE__ */ t(
+      "div",
+      {
+        ref: o,
+        "data-component": "iris-chat-panel",
+        "data-placement": e.placement,
+        className: m(Q({ placement: e.placement }), i),
+        ...n,
+        children: a
+      }
+    );
+  }
+), Ce = c(
+  "IrisChatHeader",
+  ({ className: i, onPointerDown: r, onDoubleClick: a, ...n }, o) => {
+    const e = q();
+    return /* @__PURE__ */ t(
+      "header",
+      {
+        ref: o,
+        "data-component": "iris-chat-header",
+        "aria-grabbed": e?.isDragging ? !0 : void 0,
+        className: m(
+          K(),
+          e ? "cursor-grab active:cursor-grabbing" : void 0,
+          i
+        ),
+        onPointerDown: (s) => {
+          e?.onHeaderPointerDown(s), r?.(s);
+        },
+        onDoubleClick: (s) => {
+          e?.onHeaderDoubleClick(s), a?.(s);
+        },
+        ...n
+      }
+    );
+  }
+), fe = c("IrisChatHeaderLeading", ({ className: i, ...r }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    "data-component": "iris-chat-header-leading",
+    className: m("flex min-w-0 items-center gap-2", i),
+    ...r
+  }
+)), Ie = c("IrisChatHeaderTrailing", ({ className: i, ...r }, a) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: a,
+    "data-component": "iris-chat-header-trailing",
+    className: m("flex shrink-0 items-center gap-2", i),
+    ...r
+  }
+)), ge = c(
+  "IrisChatHeaderTitle",
+  ({ className: i, showBrand: r = !1, children: a, ...n }, o) => {
+    const { t: e } = p();
+    return /* @__PURE__ */ C("div", { className: "flex min-w-0 items-center gap-1", children: [
+      r ? /* @__PURE__ */ t(v, { size: 18 }) : null,
+      /* @__PURE__ */ t(
+        "h2",
+        {
+          ref: o,
+          "data-component": "iris-chat-header-title",
+          className: m("truncate text-sm font-semibold leading-5 text-content", i),
+          ...n,
+          children: a ?? e("irisChat.askIris")
+        }
+      )
+    ] });
+  }
+), f = c(
+  "IrisChatIconButton",
+  ({ className: i, label: r, children: a, type: n = "button", variant: o = "secondary", disabled: e, ...s }, d) => /* @__PURE__ */ t(O, { label: r, disabled: e, children: /* @__PURE__ */ t(
+    G,
+    {
+      ref: d,
+      type: n,
+      variant: o,
+      size: "icon",
+      "aria-label": r,
+      disabled: e,
+      "data-component": "iris-chat-icon-button",
+      className: m(
+        "text-content",
+        o === "secondary" ? "rounded-full" : "rounded-lg",
+        i
+      ),
+      ...s,
+      children: a
+    }
+  ) })
+), we = c("IrisChatHeaderMenuButton", ({ label: i, ...r }, a) => {
+  const { t: n } = p();
+  return /* @__PURE__ */ t(f, { ref: a, variant: "ghost", label: i ?? n("irisChat.menu"), ...r, children: /* @__PURE__ */ t(j, { size: 16 }) });
+}), be = c("IrisChatHeaderBackButton", ({ label: i, ...r }, a) => {
+  const { t: n } = p();
+  return /* @__PURE__ */ t(f, { ref: a, variant: "ghost", label: i ?? n("irisChat.back"), ...r, children: /* @__PURE__ */ t(y, { size: 16 }) });
+}), ve = c("IrisChatHeaderNewChatButton", ({ label: i, ...r }, a) => {
+  const { t: n } = p();
+  return /* @__PURE__ */ t(f, { ref: a, label: i ?? n("irisChat.newChat"), ...r, children: /* @__PURE__ */ t(k, { size: 16 }) });
+}), xe = c("IrisChatHeaderMinimizeButton", ({ label: i, onClick: r, ...a }, n) => {
+  const { t: o } = p(), e = u(), s = e.placement === "minimized";
+  return /* @__PURE__ */ t(
+    f,
+    {
+      ref: n,
+      label: i ?? o(s ? "irisChat.expand" : "irisChat.minimize"),
+      "aria-pressed": s,
+      onClick: (d) => {
+        s ? e.expandFromCompactFrame() : e.applyCompactFrame(), r?.(d);
+      },
+      ...a,
+      children: /* @__PURE__ */ t(V, { size: 16 })
+    }
+  );
+}), He = c("IrisChatHeaderCloseButton", ({ label: i, onClick: r, ...a }, n) => {
+  const { t: o } = p(), e = u();
+  return /* @__PURE__ */ t(
+    f,
+    {
+      ref: n,
+      label: i ?? o("aria.close"),
+      onClick: (s) => {
+        e.requestClose(), r?.(s);
+      },
+      ...a,
+      children: /* @__PURE__ */ t(z, { size: 16 })
+    }
+  );
+}), Be = c(
+  "IrisChatBody",
+  ({ className: i, onScroll: r, ...a }, n) => {
+    const o = u(), e = g.useRef(null), s = g.useRef(!0), d = x(n, e);
+    return g.useEffect(() => {
+      const l = e.current;
+      if (!l)
+        return;
+      const h = () => {
+        s.current && (l.scrollTop = l.scrollHeight);
+      }, I = new ResizeObserver(h), w = () => {
+        I.disconnect(), I.observe(l);
+        for (const B of l.children)
+          I.observe(B);
+      }, b = new MutationObserver(() => {
+        w(), h();
+      });
+      return b.observe(l, { childList: !0, subtree: !0, characterData: !0 }), w(), h(), () => {
+        I.disconnect(), b.disconnect();
+      };
+    }, []), /* @__PURE__ */ t(
+      "div",
+      {
+        ref: d,
+        "data-component": "iris-chat-body",
+        "data-placement": o.placement,
+        className: m(
+          "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden overflow-y-auto overscroll-x-contain",
+          H({
+            isWindowPlacement: o.isWindowPlacement,
+            placement: o.placement
+          }),
+          i
+        ),
+        onScroll: (l) => {
+          const h = l.currentTarget;
+          s.current = h.scrollHeight - h.scrollTop - h.clientHeight < 64, r?.(l);
+        },
+        ...a
+      }
+    );
+  }
+), Pe = c(
+  "IrisChatFooter",
+  ({ className: i, ...r }, a) => {
+    const n = u();
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: a,
+        "data-component": "iris-chat-footer",
+        "data-placement": n.placement,
+        className: m(
+          "min-w-0 shrink-0 pb-2",
+          H({
+            isWindowPlacement: n.isWindowPlacement,
+            placement: n.placement
+          }),
+          i
+        ),
+        ...r
+      }
+    );
+  }
+), Ne = c(
+  "IrisChatDisclaimer",
+  ({ className: i, href: r, children: a, ...n }, o) => {
+    const { t: e } = p(), s = u();
+    return /* @__PURE__ */ t(
+      "p",
+      {
+        ref: o,
+        "data-component": "iris-chat-disclaimer",
+        className: m(
+          "shrink-0 text-center text-xs font-medium leading-4 text-content-caption",
+          U({ isWindowPlacement: s.isWindowPlacement }),
+          i
+        ),
+        ...n,
+        children: a ?? /* @__PURE__ */ C(P, { children: [
+          e("irisChat.disclaimer"),
+          " ",
+          r ? /* @__PURE__ */ t("a", { href: r, className: "underline hover:text-brand", children: e("irisChat.learnMore") }) : /* @__PURE__ */ C(T, { children: [
+            /* @__PURE__ */ t(W, { asChild: !0, children: /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "underline hover:text-brand",
+                "data-testid": "iris-chat-learn-more",
+                children: e("irisChat.learnMore")
+              }
+            ) }),
+            /* @__PURE__ */ C(
+              D,
+              {
+                align: "center",
+                side: "top",
+                className: "iris-menu-surface w-[320px] rounded-xl p-4",
+                children: [
+                  /* @__PURE__ */ t(F, { className: "mb-2", children: /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ t(v, { size: 18 }),
+                    /* @__PURE__ */ t(R, { className: "text-sm font-semibold", children: e("irisChat.disclaimerTitle") })
+                  ] }) }),
+                  /* @__PURE__ */ t(M, { className: "text-sm leading-5 text-content-secondary", children: e("irisChat.disclaimerBody") })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+), ye = c(
+  "IrisChatTrigger",
+  ({ asChild: i = !1, onClick: r, size: a = "md", shape: n = "default", className: o, ...e }, s) => {
+    const d = S(), l = (h) => {
+      d?.setOpen(!0), r?.(h);
+    };
+    return i ? /* @__PURE__ */ t(
+      N,
+      {
+        ref: s,
+        "data-component": "iris-chat-trigger",
+        className: m("pointer-events-auto", o),
+        onClick: l,
+        ...e
+      }
+    ) : /* @__PURE__ */ t(
+      L,
+      {
+        ref: s,
+        size: a,
+        shape: n,
+        "data-component": "iris-chat-trigger",
+        className: m("pointer-events-auto", o),
+        onClick: l,
+        ...e
+      }
+    );
+  }
+);
+export {
+  Be as IrisChatBody,
+  Ne as IrisChatDisclaimer,
+  Pe as IrisChatFooter,
+  Ce as IrisChatHeader,
+  be as IrisChatHeaderBackButton,
+  He as IrisChatHeaderCloseButton,
+  fe as IrisChatHeaderLeading,
+  we as IrisChatHeaderMenuButton,
+  xe as IrisChatHeaderMinimizeButton,
+  ve as IrisChatHeaderNewChatButton,
+  ge as IrisChatHeaderTitle,
+  Ie as IrisChatHeaderTrailing,
+  f as IrisChatIconButton,
+  ue as IrisChatPanel,
+  ye as IrisChatTrigger
+};

package/dist/components/flows/iris-chat/iris-chat-close-animation.d.ts

@@ -0,0 +1,12 @@
+export type IrisChatCloseTransform = {
+    translateX: number;
+    translateY: number;
+    scale: number;
+};
+export declare const IRIS_CHAT_CLOSE_ANIMATION_MS = 320;
+export declare function readIrisChatCloseTransform(panelRect: DOMRectReadOnly, targetRect: DOMRectReadOnly): IrisChatCloseTransform;
+export declare function readIrisChatCloseAnimationStyle(transform: IrisChatCloseTransform): {
+    transform: string;
+    opacity: string;
+    transition: string;
+};

package/dist/components/flows/iris-chat/iris-chat-close-animation.js

@@ -0,0 +1,21 @@
+const C = 320;
+function I(t, s) {
+  const n = t.left + t.width / 2, a = t.top + t.height / 2, i = s.left + s.width / 2, e = s.top + s.height / 2, o = s.width / t.width, r = s.height / t.height, h = Math.min(o, r, 1) * 0.85;
+  return {
+    translateX: i - n,
+    translateY: e - a,
+    scale: Math.max(h, 0.04)
+  };
+}
+function l(t) {
+  return {
+    transform: `translate(${t.translateX}px, ${t.translateY}px) scale(${t.scale})`,
+    opacity: "0",
+    transition: "transform 320ms cubic-bezier(0.4, 0, 0.2, 1), opacity 280ms ease-in"
+  };
+}
+export {
+  C as IRIS_CHAT_CLOSE_ANIMATION_MS,
+  l as readIrisChatCloseAnimationStyle,
+  I as readIrisChatCloseTransform
+};