impact-nova 2.6.3 → 3.0.0-alpha.0

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

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

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

@@ -0,0 +1,208 @@
+import type * as React from "react";
+export type IrisChatPlacement = "dock-right" | "float" | "minimized" | "composer";
+export type IrisChatRole = "user" | "assistant";
+export type IrisChatModelOption = {
+    label: string;
+    value: string;
+};
+export type IrisChatListItemAction = "pin" | "rename" | "archive" | "delete";
+export type IrisChatMenuSectionId = "recent" | "artifacts";
+export type IrisChatFilterOption = "type" | "status" | "lastActivity";
+export type IrisChatProcessStepStatus = "active" | "complete";
+export type IrisChatProcessStep = {
+    id: string;
+    label: string;
+    status: IrisChatProcessStepStatus;
+    chip?: string;
+};
+export type IrisChatCitationTag = string | {
+    label: string;
+    href?: string;
+};
+export type IrisChatCitationGroup = {
+    id: string;
+    label: string;
+    tags: IrisChatCitationTag[];
+};
+export type IrisChatAttachmentKind = "file" | "image";
+export type IrisChatAttachmentProps = {
+    name: string;
+    kind?: IrisChatAttachmentKind;
+    sizeLabel?: string;
+    previewUrl?: string;
+    onRemove?: () => void;
+    className?: string;
+};
+export type IrisChatErrorProps = {
+    title?: string;
+    description?: string;
+    onRetry?: () => void;
+    className?: string;
+};
+export type IrisChatArtifactColumn = {
+    id: string;
+    header: string;
+};
+export type IrisChatArtifactRow = {
+    id: string;
+    cells: Record<string, React.ReactNode>;
+};
+export type IrisChatProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: IrisChatPlacement;
+    defaultPlacement?: IrisChatPlacement;
+    onPlacementChange?: (placement: IrisChatPlacement) => void;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type IrisChatPanelProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatHeaderProps = React.HTMLAttributes<HTMLElement>;
+export type IrisChatHeaderTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    showBrand?: boolean;
+};
+export type IrisChatIconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+    variant?: "secondary" | "ghost";
+};
+export type IrisChatBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatDisclaimerProps = React.HTMLAttributes<HTMLParagraphElement> & {
+    href?: string;
+};
+export type IrisChatTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md" | "lg";
+    shape?: "default" | "pill";
+};
+export type IrisChatComposerProps = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    pending?: boolean;
+    placeholder?: string;
+    model?: string;
+    defaultModel?: string;
+    onModelChange?: (value: string) => void;
+    models?: IrisChatModelOption[];
+    onSend?: (value: string, files?: File[]) => void;
+    onStop?: () => void;
+    onAddClick?: () => void;
+    onAttachClick?: () => void;
+    onAttach?: (files: File[]) => void;
+    onMicClick?: () => void;
+    className?: string;
+};
+export type IrisChatGreetingProps = {
+    name?: string;
+    greeting?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    mark?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type IrisChatSuggestionProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type IrisChatWorkflowProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    title: string;
+    description?: string;
+};
+export type IrisChatThreadProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatDayProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatMessageProps = React.HTMLAttributes<HTMLElement> & {
+    role: IrisChatRole;
+    time?: string;
+};
+export type IrisChatFeedbackReason = "notAsked" | "tone" | "incorrect" | "other";
+export type IrisChatFeedback = {
+    reason: IrisChatFeedbackReason;
+    details: string;
+};
+export type IrisChatActionsProps = React.HTMLAttributes<HTMLDivElement> & {
+    liked?: boolean;
+    disliked?: boolean;
+    copyText?: string;
+    onLike?: () => void;
+    onDislike?: () => void;
+    onCopy?: () => void;
+    onRetry?: () => void;
+    onSpeak?: () => void;
+    onFeedback?: (feedback: IrisChatFeedback) => void;
+};
+export type IrisChatFollowUpProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type IrisChatChipProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "default" | "outline";
+};
+export type IrisChatFollowUpListProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatThinkingProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatThinkingStatusProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatProcessStepsProps = {
+    title?: string;
+    steps: IrisChatProcessStep[];
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export type IrisChatCitationsProps = {
+    title?: string;
+    groups: IrisChatCitationGroup[];
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export type IrisChatMarkdownProps = {
+    children: string;
+    className?: string;
+};
+export type IrisChatArtifactProps = {
+    title: string;
+    columns: IrisChatArtifactColumn[];
+    rows: IrisChatArtifactRow[];
+    onDownload?: () => void;
+    onMore?: () => void;
+    className?: string;
+};
+export type IrisChatMenuProps = React.HTMLAttributes<HTMLDivElement>;
+export type IrisChatMenuSectionProps = {
+    value: IrisChatMenuSectionId;
+    title: string;
+    onFilterSelect?: (option: IrisChatFilterOption) => void;
+    onViewMore?: () => void;
+    viewMoreLabel?: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+export type IrisChatListItemProps = {
+    title: string;
+    onSelect?: () => void;
+    onAction?: (action: IrisChatListItemAction, title?: string) => void;
+    className?: string;
+};
+export type IrisChatListProps<T> = {
+    items: T[];
+    getItemId: (item: T) => string;
+    renderItem: (item: T) => React.ReactNode;
+    title?: string;
+    onFilterSelect?: (option: IrisChatFilterOption) => void;
+    estimateSize?: number;
+    className?: string;
+};
+export type IrisChatScenarioProps = {
+    title: string;
+    rows: Array<{
+        label: string;
+        value: string;
+    }>;
+    notes?: string[];
+    className?: string;
+};
+export type IrisChatPromptProps = {
+    title?: React.ReactNode;
+    submitLabel?: string;
+    submitDisabled?: boolean;
+    onSubmit?: () => void;
+    className?: string;
+    children?: React.ReactNode;
+};

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

@@ -0,0 +1,14 @@
+export declare const irisChatRootVariants: (props?: ({
+    placement?: "dock-right" | "float" | "minimized" | "composer" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisChatPanelVariants: (props?: ({
+    placement?: "dock-right" | "float" | "minimized" | "composer" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisChatHeaderVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const irisChatComposerVariants: (props?: ({
+    layout?: "inline" | "stacked" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisChatMessageVariants: (props?: ({
+    role?: "user" | "assistant" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const irisChatMarkdownVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,78 @@
+import { cva as e } from "class-variance-authority";
+const l = e("relative min-h-0 min-w-0", {
+  variants: {
+    placement: {
+      "dock-right": "flex h-full w-full justify-end",
+      float: "pointer-events-none flex h-full w-full items-center justify-center",
+      minimized: "pointer-events-none flex h-full w-full items-center justify-center",
+      composer: "flex w-full justify-center"
+    }
+  },
+  defaultVariants: {
+    placement: "dock-right"
+  }
+}), o = e(
+  "pointer-events-auto flex min-h-0 min-w-0 flex-col overflow-hidden bg-canvas-elevated",
+  {
+    variants: {
+      placement: {
+        "dock-right": "h-full w-[640px] max-w-full border-s border-stroke-subtle shadow-elevation-card",
+        float: "h-full max-h-[1028px] w-[640px] max-w-full rounded-3xl border border-stroke-subtle shadow-elevation-card",
+        minimized: "h-[490px] max-h-full w-[410px] max-w-full rounded-3xl border border-stroke-subtle shadow-elevation-card",
+        composer: "w-[624px] max-w-full bg-transparent"
+      }
+    },
+    defaultVariants: {
+      placement: "dock-right"
+    }
+  }
+), r = e(
+  "flex h-[50px] shrink-0 items-center justify-between px-4"
+), a = e(
+  "flex w-full min-w-0 max-w-full flex-col border border-stroke-subtle bg-canvas-elevated",
+  {
+    variants: {
+      layout: {
+        stacked: "min-h-[123px] justify-between rounded-3xl p-4",
+        inline: "h-14 justify-center rounded-3xl px-3"
+      }
+    },
+    defaultVariants: {
+      layout: "stacked"
+    }
+  }
+), n = e("text-sm leading-5", {
+  variants: {
+    role: {
+      user: "ms-auto max-w-[min(90%,100%)] break-words rounded-2xl px-4 py-3 text-content",
+      assistant: "flex w-full min-w-0 flex-col gap-3 break-words text-content"
+    }
+  }
+}), s = e(
+  [
+    "iris-chat-markdown flex flex-col gap-3 text-sm font-medium leading-5 text-content",
+    "[&_a]:text-brand [&_a]:underline",
+    "[&_blockquote]:m-0 [&_blockquote]:rounded-xl [&_blockquote]:border-0 [&_blockquote]:bg-secondary [&_blockquote]:px-3 [&_blockquote]:py-2 [&_blockquote]:text-content-secondary",
+    "[&_code]:rounded-md [&_code]:bg-secondary [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-xs [&_code]:font-medium",
+    "[&_h1]:m-0 [&_h1]:text-base [&_h1]:font-semibold [&_h1]:leading-5",
+    "[&_h2]:m-0 [&_h2]:text-sm [&_h2]:font-semibold [&_h2]:leading-5",
+    "[&_h3]:m-0 [&_h3]:text-sm [&_h3]:font-semibold [&_h3]:leading-5",
+    "[&_li]:ms-0 [&_li]:leading-5",
+    "[&_ol]:m-0 [&_ol]:flex [&_ol]:list-decimal [&_ol]:flex-col [&_ol]:gap-1.5 [&_ol]:ps-4",
+    "[&_p]:m-0",
+    "[&_pre]:m-0 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-secondary [&_pre]:p-3 [&_pre]:text-xs [&_pre]:leading-5",
+    "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
+    "[&_table]:w-full [&_table]:border-separate [&_table]:border-spacing-0 [&_table]:overflow-hidden [&_table]:rounded-xl",
+    "[&_td]:border-t [&_td]:border-stroke-subtle [&_td]:px-3 [&_td]:py-2",
+    "[&_th]:bg-secondary [&_th]:px-3 [&_th]:py-2 [&_th]:text-start [&_th]:text-xs [&_th]:font-semibold",
+    "[&_ul]:m-0 [&_ul]:flex [&_ul]:list-disc [&_ul]:flex-col [&_ul]:gap-1.5 [&_ul]:ps-4"
+  ].join(" ")
+);
+export {
+  a as irisChatComposerVariants,
+  r as irisChatHeaderVariants,
+  s as irisChatMarkdownVariants,
+  n as irisChatMessageVariants,
+  o as irisChatPanelVariants,
+  l as irisChatRootVariants
+};

package/dist/components/flows/iris-chat/read-iris-greeting-period.d.ts

@@ -0,0 +1,4 @@
+export type IrisGreetingPeriod = "morning" | "afternoon" | "evening" | "night";
+export declare function readIrisGreetingPeriod(now?: Date): IrisGreetingPeriod;
+export declare function readIrisGreetingMark(now?: Date): string;
+export declare function readIrisGreetingMessageKey(period: IrisGreetingPeriod): "irisChat.greetingHello" | "irisChat.greetingAfternoon" | "irisChat.greetingEvening" | "irisChat.greetingNight";

package/dist/components/flows/iris-chat/read-iris-greeting-period.js

@@ -0,0 +1,16 @@
+function e(r = /* @__PURE__ */ new Date()) {
+  const n = r.getHours();
+  return n >= 5 && n < 12 ? "morning" : n >= 12 && n < 17 ? "afternoon" : n >= 17 && n < 21 ? "evening" : "night";
+}
+function i(r = /* @__PURE__ */ new Date()) {
+  const n = e(r);
+  return n === "morning" ? "☀️" : n === "afternoon" ? "🌤️" : n === "evening" ? "🌇" : "🌙";
+}
+function t(r) {
+  return r === "morning" ? "irisChat.greetingHello" : r === "afternoon" ? "irisChat.greetingAfternoon" : r === "evening" ? "irisChat.greetingEvening" : "irisChat.greetingNight";
+}
+export {
+  i as readIrisGreetingMark,
+  t as readIrisGreetingMessageKey,
+  e as readIrisGreetingPeriod
+};

package/dist/components/flows/wizard/index.d.ts

@@ -1,3 +1,3 @@
-export { WizardRoot, WizardLayout, WizardSidebar, WizardTitle, WizardDescription, WizardMedia, WizardBody, WizardProgress, WizardHeader, WizardStepDescription, WizardContent, WizardStep, WizardFooter, } from './wizard';
+export { WizardRoot, WizardLayout, WizardIntro, WizardMain, WizardNav, WizardDecoration, WizardSidebar, WizardTitle, WizardDescription, WizardMedia, WizardBody, WizardProgress, WizardHeader, WizardStepDescription, WizardContent, WizardStep, WizardFooter, } from './wizard';
 export { useWizard } from './wizard-context';
-export type { WizardRootProps, WizardMediaProps, WizardStepDefinition, WizardProgressProps, WizardStepProps, } from './wizard.types';
+export type { WizardRootProps, WizardLayoutProps, WizardLayoutOrientation, WizardIntroProps, WizardNavProps, WizardDecorationProps, WizardMediaProps, WizardStepDefinition, WizardProgressProps, WizardStepProps, WizardFooterProps, } from './wizard.types';