@lofcz/streamdown 2.9.1 → 2.9.2

package/dist/lib/remark/container-alerts.d.ts

@@ -0,0 +1,60 @@
+import type { Root } from "mdast";
+import type { Plugin } from "unified";
+/**
+ * Custom container alerts / callouts:
+ *
+ * ```
+ * >>> [My Section]{red}
+ * body markdown
+ * <<<
+ * ```
+ *
+ * Variants:
+ * - `>>> [Title]`                      — no color (neutral tint)
+ * - `>>> (heart)[Title]{red}`          — optional icon before the title
+ * - `>>> {heart}[Title]{red}`          — wrong-brace icon, tolerated
+ * - color may be a named color (`red`) or hex (`#FF0000`)
+ *
+ * Graceful degradation (critical for streaming): a missing or malformed
+ * closer (`>>>`, `>`, `<`, or end-of-input) still renders the callout with
+ * whatever content is present, never crashes, and never swallows the
+ * leftover marker line.
+ *
+ * Implementation note: `>>>` is not standard markdown. CommonMark lexes it
+ * as three nested blockquotes whose content lazily continues plain text but
+ * breaks at lists, blank lines, and inline-markdown splits — so a post-
+ * parse AST collapse cannot reliably recover the whole container body.
+ * Instead, {@link extractCallouts} scans the raw source **before** markdown
+ * parsing (the Streamdown component runs it on the raw text before the
+ * streaming block-splitter): it extracts each `>>> ... <<<` region and
+ * replaces it with a placeholder HTML node that carries the body verbatim
+ * (base64) in `data-callout-body`. The React component (MemoCallout) decodes
+ * and re-parses that body as markdown, so nested markdown/lists/math render
+ * correctly and streaming partial input works.
+ */
+export interface CalloutData {
+    /** Raw markdown body (never includes the opener/closer lines). */
+    body: string;
+    color?: string;
+    icon?: string;
+    title?: string;
+}
+/**
+ * Extract `>>> ... <<<` regions from the raw markdown source, replacing each
+ * with a placeholder HTML node. Exported so the streaming pipeline can run it
+ * on the raw source *before* the marked block-splitter (which would otherwise
+ * split a container at a list/blank line and truncate the body).
+ */
+export declare const extractCallouts: (source: string) => string;
+/**
+ * Remark plugin for custom container alerts (`>>> [Title]{color} ... <<<`).
+ *
+ * The actual extraction is done by {@link extractCallouts}, which the
+ * Streamdown component runs on the raw source before the streaming
+ * block-splitter (and the same path feeds static mode). This transformer is
+ * registered so the plugin appears in `defaultRemarkPlugins` (and so a
+ * consumer using only the remark plugin list still has the extraction
+ * applied); it is a no-op on the already-parsed tree because the placeholder
+ * `<div class="sdm-callout">` parses as an ordinary HTML block.
+ */
+export declare const remarkContainerAlerts: Plugin<[], Root>;

package/dist/lib/remark/escape-html.d.ts

@@ -0,0 +1,3 @@
+import type { Root } from "mdast";
+import type { Plugin } from "unified";
+export declare const remarkEscapeHtml: Plugin<[], Root>;

package/dist/lib/remark/github-alerts.d.ts

@@ -0,0 +1,16 @@
+import type { Root } from "mdast";
+import type { Plugin } from "unified";
+export type AlertKind = "note" | "tip" | "important" | "warning" | "caution";
+/**
+ * Remark plugin for GitHub-flavored alerts (`> [!NOTE]`, `> [!TIP]`,
+ * `> [!IMPORTANT]`, `> [!WARNING]`, `> [!CAUTION]`), aligned with
+ * `rehype-github-alerts` / GitHub rendering semantics:
+ *
+ * - Marker must be alone on the blockquote's first line; any same-line text
+ *   after `[!TYPE]` renders as a plain blockquote.
+ * - Output is `<div class="markdown-alert markdown-alert-{kind}">` with a
+ *   `<p class="markdown-alert-title">` (octicon + capitalized title) followed
+ *   by the body content.
+ * - An alert with no body stays a plain blockquote (GitHub behavior).
+ */
+export declare const remarkGithubAlerts: Plugin<[], Root>;

package/dist/lib/scroll-lock.d.ts

@@ -0,0 +1,2 @@
+export declare const lockBodyScroll: () => void;
+export declare const unlockBodyScroll: () => void;

package/dist/lib/scrollable.d.ts

@@ -0,0 +1,7 @@
+import type { ScrollableProps } from "./streamdown-context";
+/**
+ * Default horizontal-scroll region: a plain `<div>`. Consumers can override
+ * via the `scrollable` prop / `StreamdownContext.scrollable` to plug in a
+ * custom scrollbar implementation declaratively.
+ */
+export declare const DefaultScrollable: ({ scrollRef, ...props }: ScrollableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/streamdown-context.d.ts

@@ -0,0 +1,107 @@
+import { type ComponentProps, type ComponentType, type CSSProperties } from "react";
+import type { PluggableList } from "unified";
+import type { Components } from "./markdown";
+import type { MermaidConfig, ThemeInput } from "./plugin-types";
+export type ControlsConfig = boolean | {
+    table?: boolean | {
+        copy?: boolean;
+        download?: boolean;
+        fullscreen?: boolean;
+    };
+    code?: boolean | {
+        copy?: boolean;
+        download?: boolean;
+    };
+    mermaid?: boolean | {
+        download?: boolean;
+        copy?: boolean;
+        fullscreen?: boolean;
+        panZoom?: boolean;
+    };
+    image?: boolean | {
+        download?: boolean;
+        fullscreen?: boolean;
+    };
+};
+export interface LinkSafetyModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    url: string;
+}
+export interface LinkSafetyConfig {
+    enabled: boolean;
+    onLinkCheck?: (url: string) => Promise<boolean> | boolean;
+    renderModal?: (props: LinkSafetyModalProps) => React.ReactNode;
+}
+export interface MermaidErrorComponentProps {
+    chart: string;
+    error: string;
+    retry: () => void;
+}
+export interface MermaidOptions {
+    config?: MermaidConfig;
+    errorComponent?: React.ComponentType<MermaidErrorComponentProps>;
+}
+/**
+ * Built-in list bullet style presets for nested unordered lists.
+ * - `"flat"` — all levels use disc
+ * - `"hierarchical"` — disc → circle → square, cycling
+ */
+export type ListStylePreset = "flat" | "hierarchical";
+/**
+ * Resolves a custom-callout icon name (`>>> (heart)[Title]`) to a node.
+ * Consumer supplies e.g. lucide's DynamicIcon; return `null`/`undefined`
+ * for a blank placeholder while the icon chunk loads.
+ */
+export type CalloutIconResolver = (name: string) => React.ReactNode;
+/**
+ * Computes the inline style (background tint + accent border/title color)
+ * for a custom callout from its optional `{color}` value. Default is a
+ * neutral `color-mix()` tint (see components.tsx).
+ */
+export type CalloutStyleResolver = (color?: string) => CSSProperties;
+/**
+ * Props passed to the component used for a horizontal-scroll region
+ * (code-block body, table inner scroll). `scrollRef` must be attached to the
+ * actual scrolling element so Streamdown's auto-pin-on-stream logic keeps
+ * working.
+ */
+export type ScrollableProps = ComponentProps<"div"> & {
+    scrollRef?: React.Ref<HTMLDivElement>;
+};
+/**
+ * Component used to render a horizontal-scroll region (code-block body,
+ * table inner scroll). Defaults to a plain `<div>`; override to plug in a
+ * custom scrollbar implementation (e.g. OverlayScrollbars) declaratively,
+ * without DOM observers or per-element wiring.
+ */
+export type ScrollableComponent = ComponentType<ScrollableProps>;
+export interface StreamdownContextType {
+    /** Icon resolver for custom callouts (`>>> (icon)[Title]{color}`). */
+    calloutIcon?: CalloutIconResolver;
+    /** Style resolver for custom callouts (background tint + accent). */
+    calloutStyle?: CalloutStyleResolver;
+    /** Max height for code blocks (px number or CSS length). `0` / `Infinity` disables. @default 400 */
+    codeBlockMaxHeight?: number | string;
+    /** Merged components/plugins so custom renderers (e.g. callout body) can re-parse nested markdown identically to the outer pass. */
+    components?: Components;
+    controls: ControlsConfig;
+    isAnimating: boolean;
+    /** Show line numbers in code blocks. @default true */
+    lineNumbers: boolean;
+    linkSafety?: LinkSafetyConfig;
+    /** Bullet style cycling for nested unordered lists. @default "hierarchical" */
+    listStyle: ListStylePreset;
+    mermaid?: MermaidOptions;
+    mode: "static" | "streaming";
+    rehypePlugins?: PluggableList;
+    remarkPlugins?: PluggableList;
+    /** Component used for horizontal-scroll regions (code body, table). @default plain div */
+    scrollable?: ScrollableComponent;
+    shikiTheme: [ThemeInput, ThemeInput];
+    /** Max height for tables (px number or CSS length). `0` / `Infinity` disables. @default 300 */
+    tableMaxHeight?: number | string;
+}
+export declare const defaultStreamdownContext: StreamdownContextType;
+export declare const StreamdownContext: import("react").Context<StreamdownContextType>;

package/dist/lib/table/copy-dropdown.d.ts

@@ -0,0 +1,8 @@
+export interface TableCopyDropdownProps {
+    children?: React.ReactNode;
+    className?: string;
+    onCopy?: (format: "csv" | "tsv" | "md") => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+}
+export declare const TableCopyDropdown: ({ children, className, onCopy, onError, timeout, }: TableCopyDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/table/download-dropdown.d.ts

@@ -0,0 +1,16 @@
+export interface TableDownloadButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+    filename?: string;
+    format?: "csv" | "markdown";
+    onDownload?: () => void;
+    onError?: (error: Error) => void;
+}
+export declare const TableDownloadButton: ({ children, className, onDownload, onError, format, filename, }: TableDownloadButtonProps) => import("react/jsx-runtime").JSX.Element;
+export interface TableDownloadDropdownProps {
+    children?: React.ReactNode;
+    className?: string;
+    onDownload?: (format: "csv" | "markdown") => void;
+    onError?: (error: Error) => void;
+}
+export declare const TableDownloadDropdown: ({ children, className, onDownload, onError, }: TableDownloadDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/table/fullscreen-button.d.ts

@@ -0,0 +1,8 @@
+interface TableFullscreenButtonProps {
+    children: React.ReactNode;
+    className?: string;
+    showCopy?: boolean;
+    showDownload?: boolean;
+}
+export declare const TableFullscreenButton: ({ children, className, showCopy, showDownload, }: TableFullscreenButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/table/index.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentProps } from "react";
+type TableProps = ComponentProps<"table"> & {
+    maxHeight?: number | string;
+    showControls?: boolean;
+    showCopy?: boolean;
+    showDownload?: boolean;
+    showFullscreen?: boolean;
+};
+export declare const Table: ({ children, className, maxHeight, showControls, showCopy, showDownload, showFullscreen, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/table/utils.d.ts

@@ -0,0 +1,9 @@
+export interface TableData {
+    headers: string[];
+    rows: string[][];
+}
+export declare const extractTableDataFromElement: (tableElement: HTMLElement) => TableData;
+export declare const tableDataToCSV: (data: TableData) => string;
+export declare const tableDataToTSV: (data: TableData) => string;
+export declare const escapeMarkdownTableCell: (cell: string) => string;
+export declare const tableDataToMarkdown: (data: TableData) => string;

package/dist/lib/tailwind-classes.d.ts

@@ -6,7 +6,7 @@
  * Use this list to configure Tailwind v4's `@source inline()` directive when
  * you need a custom prefix.  See the README for details.
  */
-declare const STREAMDOWN_CLASSES: readonly string[];
+export declare const STREAMDOWN_CLASSES: readonly string[];
 /**
  * Generates a Tailwind v4 `@source inline()` directive containing all
  * streamdown classes, optionally prefixed.
@@ -21,6 +21,4 @@ declare const STREAMDOWN_CLASSES: readonly string[];
  * console.log(getSourceInline('tw'));
  * // → @source inline("tw:{absolute,animate-spin,...}");
  */
-declare function getSourceInline(prefix?: string): string;
-
-export { STREAMDOWN_CLASSES, getSourceInline };
+export declare function getSourceInline(prefix?: string): string;

package/dist/lib/tailwind-classes.js

@@ -1 +1 @@
-var t=["-mt-10","[&>p]:inline","[&_svg]:h-auto","[&_svg]:w-auto","[counter-increment:line_0]","[counter-reset:line]","[li_&]:pl-6","absolute","animate-spin","appearance-none","backdrop-blur-sm","before:[counter-increment:line]","before:content-[counter(line)]","before:font-mono","before:inline-block","before:mr-4","before:select-none","before:text-[13px]","before:text-muted-foreground/50","before:text-right","before:w-6","bg-[var(--sdm-bg,inherit]","bg-[var(--sdm-tbg)]","bg-background","bg-background/50","bg-background/80","bg-background/90","bg-background/95","bg-black/10","bg-muted","bg-muted/40","bg-muted/80","bg-primary","bg-red-100","bg-red-50","bg-sidebar","bg-sidebar/80","block","border","border-b","border-b-2","border-border","border-collapse","border-current","border-l-4","border-muted-foreground/30","border-red-200","border-sidebar","border-t","bottom-2","bottom-4","break-all","cursor-pointer","dark:bg-[var(--shiki-dark-bg,var(--sdm-bg,inherit)]","dark:bg-[var(--shiki-dark-bg,var(--sdm-tbg))]","dark:text-[var(--shiki-dark,var(--sdm-c,inherit))]","disabled:cursor-not-allowed","disabled:opacity-50","divide-border","divide-y","duration-150","duration-200","ease-out","fixed","flex","flex-1","flex-col","font-medium","font-mono","font-semibold","gap-1","gap-2","gap-4","group","group-hover:block","group-hover:opacity-100","h-4","h-8","h-[46px]","h-auto","h-full","hidden","hover:bg-background","hover:bg-muted","hover:bg-muted/40","hover:bg-primary/90","hover:text-foreground","inline-block","inset-0","italic","items-center","justify-between","justify-center","justify-end","left-2","left-4","list-decimal","list-disc","list-inside","lowercase","max-h-32","max-w-full","max-w-md","mb-2","min-h-28","min-h-[200px]","min-w-[120px]","ml-1","mt-1","mt-2","mt-6","mx-4","my-4","my-6","opacity-0","origin-center","overflow-hidden","overflow-x-auto","overflow-y-auto","overscroll-y-auto","p-1","p-1.5","p-2","p-3","p-4","p-6","pl-4","pointer-events-auto","pointer-events-none","px-1.5","px-3","px-4","py-0.5","py-1","py-2","relative","right-0","right-2","right-4","rounded","rounded-full","rounded-lg","rounded-md","rounded-xl","shadow-lg","shadow-sm","shrink-0","size-4","size-full","space-x-2","space-y-2","space-y-4","sticky","table-fixed","supports-[backdrop-filter]:backdrop-blur","supports-[backdrop-filter]:backdrop-blur-sm","supports-[backdrop-filter]:bg-background/70","supports-[backdrop-filter]:bg-sidebar/70","text-2xl","text-3xl","text-[var(--sdm-c,inherit)]","text-base","text-left","text-lg","text-muted-foreground","text-primary","text-primary-foreground","text-red-600","text-red-700","text-red-800","text-sm","text-xl","text-xs","top-2","top-4","top-full","transition-all","transition-colors","transition-transform","w-4","w-8","w-full","whitespace-normal","whitespace-nowrap","wrap-anywhere","z-10","z-50"];function n(e){let r=[...t];return `@source inline("${e?`${e}:{${r.join(",")}}`:`{${r.join(",")}}`}");`}export{t as STREAMDOWN_CLASSES,n as getSourceInline};
+var t=["-mt-10","[&>p]:inline","[&>p:last-child]:mb-0","[&>svg]:inline-block","[&_svg]:h-auto","[&_svg]:w-auto","[counter-increment:line_0]","[counter-reset:line]","[li_&]:pl-6","absolute","animate-spin","appearance-none","backdrop-blur-sm","before:[counter-increment:line]","before:content-[counter(line)]","before:font-mono","before:inline-block","before:mr-4","before:select-none","before:text-[13px]","before:text-muted-foreground/50","before:text-right","before:w-6","bg-[var(--sdm-bg,inherit]","bg-[var(--sdm-tbg)]","bg-background","bg-background/50","bg-background/80","bg-background/90","bg-background/95","bg-black/10","bg-muted","bg-muted/40","bg-muted/80","bg-primary","bg-red-100","bg-red-50","bg-sidebar","bg-sidebar/80","block","border","border-b","border-b-2","border-border","border-collapse","border-current","border-l-4","border-muted-foreground/30","border-red-200","border-sidebar","border-t","bottom-2","bottom-4","break-all","cursor-pointer","dark:bg-[var(--shiki-dark-bg,var(--sdm-bg,inherit)]","dark:bg-[var(--shiki-dark-bg,var(--sdm-tbg))]","dark:text-[var(--shiki-dark,var(--sdm-c,inherit))]","disabled:cursor-not-allowed","disabled:opacity-50","divide-border","divide-y","duration-150","duration-200","ease-out","fixed","flex","flex-1","flex-col","font-medium","font-mono","font-semibold","gap-1","gap-2","gap-4","group","group-hover:block","group-hover:opacity-100","h-4","h-8","h-[46px]","h-auto","h-full","hidden","hover:bg-background","hover:bg-muted","hover:bg-muted/40","hover:bg-primary/90","hover:text-foreground","inline-block","inset-0","italic","items-center","justify-between","justify-center","justify-end","left-2","left-4","list-decimal","list-disc","list-inside","lowercase","max-h-32","max-w-full","max-w-md","mb-2","min-h-28","min-h-[200px]","min-w-[120px]","ml-1","mt-1","mt-2","mt-6","mx-4","my-4","my-6","opacity-0","origin-center","overflow-hidden","overflow-x-auto","overflow-y-auto","overscroll-y-auto","p-1","p-1.5","p-2","p-3","p-4","p-6","pl-4","pointer-events-auto","pointer-events-none","px-1.5","px-3","px-4","py-0.5","py-1","py-2","relative","right-0","right-2","right-4","rounded","rounded-full","rounded-lg","rounded-md","rounded-r-md","rounded-xl","shadow-lg","shadow-sm","shrink-0","size-4","size-full","space-x-2","space-y-2","space-y-4","sticky","table-fixed","supports-[backdrop-filter]:backdrop-blur","supports-[backdrop-filter]:backdrop-blur-sm","supports-[backdrop-filter]:bg-background/70","supports-[backdrop-filter]:bg-sidebar/70","text-2xl","text-3xl","text-[var(--sdm-c,inherit)]","text-base","text-left","text-lg","text-muted-foreground","text-primary","text-primary-foreground","text-red-600","text-red-700","text-red-800","text-sm","text-xl","text-xs","top-2","top-4","top-full","transition-all","transition-colors","transition-transform","w-4","w-8","w-full","whitespace-normal","whitespace-nowrap","wrap-anywhere","z-10","z-50"];function n(e){let r=[...t];return `@source inline("${e?`${e}:{${r.join(",")}}`:`{${r.join(",")}}`}");`}export{t as STREAMDOWN_CLASSES,n as getSourceInline};

package/dist/lib/translations-context.d.ts

@@ -0,0 +1,39 @@
+export interface StreamdownTranslations {
+    alertCaution: string;
+    alertImportant: string;
+    alertNote: string;
+    alertTip: string;
+    alertWarning: string;
+    close: string;
+    copied: string;
+    copyCode: string;
+    copyLink: string;
+    copyTable: string;
+    copyTableAsCsv: string;
+    copyTableAsMarkdown: string;
+    copyTableAsTsv: string;
+    downloadDiagram: string;
+    downloadDiagramAsMmd: string;
+    downloadDiagramAsPng: string;
+    downloadDiagramAsSvg: string;
+    downloadFile: string;
+    downloadImage: string;
+    downloadTable: string;
+    downloadTableAsCsv: string;
+    downloadTableAsMarkdown: string;
+    exitFullscreen: string;
+    externalLinkWarning: string;
+    imageNotAvailable: string;
+    mermaidFormatMmd: string;
+    mermaidFormatPng: string;
+    mermaidFormatSvg: string;
+    openExternalLink: string;
+    openLink: string;
+    tableFormatCsv: string;
+    tableFormatMarkdown: string;
+    tableFormatTsv: string;
+    viewFullscreen: string;
+}
+export declare const defaultTranslations: StreamdownTranslations;
+export declare const TranslationsContext: import("react").Context<StreamdownTranslations>;
+export declare const useTranslations: () => StreamdownTranslations;

package/dist/lib/utils.d.ts

@@ -0,0 +1,23 @@
+import { type ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;
+/**
+ * Resolve a max-height prop to a CSS length string.
+ * `undefined`, non-finite numbers, and `<= 0` disable the constraint.
+ */
+export declare const resolveMaxHeight: (maxHeight: number | string | undefined) => string | undefined;
+export type CnFunction = (...inputs: ClassValue[]) => string;
+/**
+ * Prepends a prefix to each Tailwind utility class in a class string.
+ * Used to support Tailwind v4's `prefix()` feature.
+ *
+ * @example
+ * prefixClasses("tw", "flex items-center") // "tw:flex tw:items-center"
+ * prefixClasses("tw", "dark:bg-red-500")   // "tw:dark:bg-red-500"
+ */
+export declare const prefixClasses: (prefix: string, classString: string) => string;
+/**
+ * Creates a prefix-aware `cn` function. When no prefix is provided,
+ * returns the standard `cn` with zero overhead.
+ */
+export declare const createCn: (prefix?: string) => CnFunction;
+export declare const save: (filename: string, content: string | Blob, mimeType: string) => void;

package/dist/mermaid-L7RAWDBU.js

@@ -0,0 +1,2 @@
+"use client";
+export{p as Mermaid}from'./chunk-NE4QKYRI.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lofcz/streamdown",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -24,7 +24,7 @@
   "homepage": "https://streamdown.ai",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lofcz/streamdown.git",
+    "url": "git+https://github.com/lofcz/streamdown-ng.git",
     "directory": "packages/streamdown"
   },
   "publishConfig": {
@@ -37,17 +37,20 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/hast": "^3.0.4",
+    "@types/mdast": "^4.0.4",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "@types/unist": "^2.0.11",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.15",
     "jsdom": "^27.3.0",
+    "react-dom": "^19.2.3",
     "react-markdown": "^10.1.0",
     "rehype-parse": "^9.0.1",
     "rehype-stringify": "^10.0.1",
     "shiki": "^3.19.0",
     "tsup": "^8.5.1",
+    "typescript": "^7.0.2",
     "vitest": "^4.0.15",
     "@streamdown/math": "npm:@lofcz/streamdown-math@1.0.3",
     "@streamdown/cjk": "npm:@lofcz/streamdown-cjk@1.0.3",
@@ -61,7 +64,7 @@
     "clsx": "^2.1.1",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "html-url-attributes": "^3.0.1",
-    "marked": "^17.0.1",
+    "marked": "^18.0.9",
     "rehype-harden": "^1.1.8",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
@@ -75,7 +78,7 @@
     "unist-util-visit-parents": "^6.0.0"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "node scripts/build.mjs",
     "postbuild": "node scripts/postbuild.js",
     "test": "vitest run",
     "test:ui": "vitest --ui run",

package/styles.css

@@ -108,3 +108,31 @@
     color: hsl(0 84% 60%);
   }
 }
+
+/*
+ * The caret has nowhere sensible to sit after a code block or a table, so it is
+ * suppressed while one of those trails the stream. Expressing that in CSS rather
+ * than in the container's class list keeps the container's style constant for the
+ * life of the stream: a container whose class or custom property changes per token
+ * invalidates style for the whole document subtree, which on a large document costs
+ * tens of milliseconds of recalculation per token.
+ *
+ * The second selector covers per-block direction, which wraps each block in a
+ * display:contents element.
+ */
+[data-streamdown="container"]
+  > :last-child:is(
+    [data-streamdown="code-block"][data-incomplete],
+    [data-streamdown="mermaid-block"][data-incomplete],
+    [data-streamdown="table-wrapper"]
+  )::after,
+[data-streamdown="container"]
+  > :last-child:has(
+    > :is(
+        [data-streamdown="code-block"][data-incomplete],
+        [data-streamdown="mermaid-block"][data-incomplete],
+        [data-streamdown="table-wrapper"]
+      ):last-child
+  )::after {
+  content: none;
+}