@uipath/apollo-wind 2.72.2 → 2.73.0

package/dist/components/ui/index.d.ts

@@ -26,6 +26,7 @@ export * from './data-table';
 export * from './date-picker';
 export * from './datetime-picker';
 export * from './dialog';
+export * from './disclosure-tree';
 export * from './drawer';
 export * from './dropdown-menu';
 export * from './dropzone-overlay';

package/dist/components/ui/index.js

@@ -29,6 +29,7 @@ export * from "./data-table.js";
 export * from "./date-picker.js";
 export * from "./datetime-picker.js";
 export * from "./dialog.js";
+export * from "./disclosure-tree.js";
 export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./dropzone-overlay.js";

package/dist/components/ui/markdown.cjs

@@ -55,9 +55,99 @@ function hastText(node) {
 function languageOf(node) {
     const className = node.properties?.className;
     const classes = Array.isArray(className) ? className.map(String) : [];
-    return classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+    const fromClass = classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+    const dataLanguage = node.properties?.dataLanguage;
+    return fromClass ?? ('string' == typeof dataLanguage ? dataLanguage : void 0);
 }
 const opensInNewTab = (href)=>!!href && !/^(#|mailto:|tel:)/i.test(href);
+const MATH_FENCE_LANGUAGES = new Set([
+    'math',
+    'latex',
+    'tex'
+]);
+const OPENING_FENCE = /^[ \t]*(`{3,}|~{3,}|\${2,})/;
+const CLOSING_FENCE = /^( *)(`{3,}|~{3,}|\${2,})[ \t]*$/;
+const QUOTE_MARKERS = /^(?:[ \t]*>[ ]?)*/;
+function unquote(line) {
+    const markers = QUOTE_MARKERS.exec(line)?.[0] ?? '';
+    const rest = line.slice(markers.length).replace(/\t/g, '    ');
+    return {
+        depth: markers.split('>').length - 1,
+        rest
+    };
+}
+function hasClosingFence(node, source) {
+    const start = node.position?.start.offset;
+    const end = node.position?.end.offset;
+    if (void 0 === start || void 0 === end) return true;
+    const lines = source.slice(start, end).split(/\r?\n|\r/);
+    const open = OPENING_FENCE.exec(lines[0])?.[1];
+    if (!open || lines.length < 2) return false;
+    const lineStart = Math.max(source.lastIndexOf('\n', start - 1), source.lastIndexOf('\r', start - 1)) + 1;
+    const container = unquote(source.slice(lineStart, start));
+    const last = unquote(lines[lines.length - 1]);
+    const [, indent = '', close = ''] = CLOSING_FENCE.exec(last.rest) ?? [];
+    return last.depth === container.depth && indent.length <= container.rest.length + 3 && close[0] === open[0] && close.length >= open.length;
+}
+const isMathFence = (node)=>'code' === node.type && MATH_FENCE_LANGUAGES.has(node.lang?.toLowerCase() ?? '');
+function displayMath(node) {
+    const value = node.value ?? '';
+    return {
+        type: 'math',
+        value,
+        position: node.position,
+        data: {
+            hName: 'pre',
+            hChildren: [
+                {
+                    type: 'element',
+                    tagName: 'code',
+                    properties: {
+                        className: [
+                            'language-math',
+                            'math-display'
+                        ]
+                    },
+                    children: [
+                        {
+                            type: 'text',
+                            value
+                        }
+                    ]
+                }
+            ]
+        }
+    };
+}
+function pendingMath(node) {
+    const value = 'math' === node.type ? [
+        node.meta,
+        node.value
+    ].filter(Boolean).join('\n') : node.value;
+    return {
+        type: 'code',
+        lang: null,
+        value: value ?? '',
+        position: node.position,
+        data: {
+            hProperties: {
+                dataLanguage: 'code' === node.type ? node.lang : 'math'
+            }
+        }
+    };
+}
+function remarkMathBlocks() {
+    const visit = (node, source)=>{
+        node.children?.forEach((child, index, children)=>{
+            const fence = isMathFence(child);
+            if (!fence && 'math' !== child.type) return void visit(child, source);
+            if (hasClosingFence(child, source)) {
+                if (fence) children[index] = displayMath(child);
+            } else children[index] = pendingMath(child);
+        });
+    };
+    return (tree, file)=>visit(tree, String(file.value ?? ''));
+}
 const BR_TAG = /^<br\s*\/?>$/i;
 function remarkHtmlBreaks() {
     const visit = (node)=>{
@@ -140,6 +230,14 @@ function rehypeScopeFootnoteLabel(options) {
     };
     return (tree)=>visit(tree);
 }
+function rehypeKatexPerRun(options) {
+    return (...args)=>external_rehype_katex_default()({
+            ...options,
+            macros: {
+                ...options.macros
+            }
+        })(...args);
+}
 const DEFAULT_MARKDOWN_STRINGS = {
     ...external_code_block_cjs_namespaceObject.DEFAULT_CODE_BLOCK_STRINGS,
     footnotes: 'Footnotes',
@@ -235,7 +333,7 @@ function MarkdownInput({ node: _node, className, type, checked, ...rest }) {
     });
 }
 function MarkdownPre({ node, children, ...rest }) {
-    const { strings, codeWrap, renderCodeActions } = external_react_namespaceObject.useContext(MarkdownContext);
+    const { strings, codeWrap, renderCodeActions, renderCodeBlock } = external_react_namespaceObject.useContext(MarkdownContext);
     const codeNode = node?.children?.find((child)=>'element' === child.type && 'code' === child.tagName);
     if (!codeNode) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("pre", {
         ...rest,
@@ -245,37 +343,40 @@ function MarkdownPre({ node, children, ...rest }) {
         code: hastText(codeNode).replace(/\n$/, ''),
         language: languageOf(codeNode)
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_code_block_cjs_namespaceObject.CodeBlock, {
+    const props = {
         code: block.code,
         language: block.language,
         wrap: codeWrap,
         actions: renderCodeActions?.(block),
-        strings: strings
+        strings
+    };
+    return renderCodeBlock ? renderCodeBlock(block, props) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_code_block_cjs_namespaceObject.CodeBlock, {
+        ...props
     });
 }
 const BUILT_IN_COMPONENTS = {
     h1: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-            className: (0, index_cjs_namespaceObject.cn)('text-xl font-semibold tracking-tight', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-xl font-semibold tracking-tight in-data-[density=compact]:text-lg', className),
             ...rest
         }),
     h2: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
-            className: (0, index_cjs_namespaceObject.cn)('text-lg font-semibold tracking-tight', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-lg font-semibold tracking-tight in-data-[density=compact]:text-base', className),
             ...rest
         }),
     h3: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
-            className: (0, index_cjs_namespaceObject.cn)('text-base font-semibold', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-base font-semibold in-data-[density=compact]:text-sm', className),
             ...rest
         }),
     h4: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h4", {
-            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     h5: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
-            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     h6: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h6", {
-            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold text-muted-foreground', className),
+            className: (0, index_cjs_namespaceObject.cn)('text-sm font-semibold text-muted-foreground in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     p: ({ node: _node, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
@@ -283,20 +384,20 @@ const BUILT_IN_COMPONENTS = {
         }),
     a: MarkdownLink,
     ul: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
-            className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-1 pl-6', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
+            className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-1 pl-6 in-data-[density=compact]:gap-0.5', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
             ...rest
         }),
     ol: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
-            className: (0, index_cjs_namespaceObject.cn)('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground', className),
+            className: (0, index_cjs_namespaceObject.cn)('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground in-data-[density=compact]:gap-0.5', className),
             ...rest
         }),
     li: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
-            className: (0, index_cjs_namespaceObject.cn)('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6', className),
+            className: (0, index_cjs_namespaceObject.cn)('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6 in-data-[density=compact]:[&>p+p]:mt-1.5', className),
             ...rest
         }),
     input: MarkdownInput,
     blockquote: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("blockquote", {
-            className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground', className),
+            className: (0, index_cjs_namespaceObject.cn)('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground in-data-[density=compact]:gap-1.5', className),
             ...rest
         }),
     hr: ({ node: _node, className, ...rest })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
@@ -327,7 +428,7 @@ const BUILT_IN_COMPONENTS = {
         }),
     pre: MarkdownPre
 };
-const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, strings, className, ...props }, ref)=>{
+const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, renderCodeBlock, katexOptions, strings, className, ...props }, ref)=>{
     const context = external_react_namespaceObject.useMemo(()=>({
             strings: {
                 ...DEFAULT_MARKDOWN_STRINGS,
@@ -335,12 +436,14 @@ const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ chil
             },
             images,
             codeWrap,
-            renderCodeActions
+            renderCodeActions,
+            renderCodeBlock
         }), [
         strings,
         images,
         codeWrap,
-        renderCodeActions
+        renderCodeActions,
+        renderCodeBlock
     ]);
     const { footnotes, footnoteBack } = context.strings;
     const footnotePrefix = `markdown${external_react_namespaceObject.useId().replace(/[^\w-]/g, '')}-`;
@@ -358,6 +461,7 @@ const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ chil
                     singleDollarTextMath: false
                 }
             ],
+            remarkMathBlocks,
             remarkHtmlBreaks,
             ...remarkPlugins ?? []
         ], [
@@ -371,12 +475,13 @@ const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ chil
                 }
             ],
             [
-                external_rehype_katex_default(),
+                rehypeKatexPerRun,
                 {
+                    strict: katexOptions?.strict ?? 'ignore',
+                    macros: katexOptions?.macros,
                     output: 'mathml',
                     throwOnError: false,
-                    trust: false,
-                    strict: 'ignore'
+                    trust: false
                 }
             ],
             ...rehypePlugins ?? [],
@@ -386,7 +491,9 @@ const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ chil
         ], [
         rehypePlugins,
         streaming,
-        footnotePrefix
+        footnotePrefix,
+        katexOptions?.strict,
+        katexOptions?.macros
     ]);
     const remarkRehypeOptions = external_react_namespaceObject.useMemo(()=>({
             clobberPrefix: footnotePrefix,
@@ -402,7 +509,7 @@ const Markdown = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ chil
         "data-slot": "markdown",
         "data-streaming": streaming || void 0,
         "aria-busy": streaming || void 0,
-        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col gap-3 text-sm leading-relaxed break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:py-1', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col gap-(--markdown-gap,0.75rem) text-(length:--markdown-font-size,0.875rem) leading-(--markdown-leading,1.625) break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:overflow-y-hidden [&>.katex]:py-1 in-data-[density=compact]:[--markdown-gap:0.5rem] in-data-[density=compact]:[--markdown-font-size:0.75rem] in-data-[density=compact]:[--markdown-leading:1.5]', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MarkdownContext.Provider, {
             value: context,

package/dist/components/ui/markdown.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type Components, type Options } from 'react-markdown';
-import { type CodeBlockStrings } from './code-block';
+import { type CodeBlockProps, type CodeBlockStrings } from './code-block';
 export interface MarkdownStrings extends CodeBlockStrings {
     /** Heading of the generated footnotes section. */
     footnotes: string;
@@ -18,7 +18,7 @@ export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     /**
      * react-markdown renderers merged over the built-in ones. Use it with `remarkPlugins` to render
      * custom nodes such as citations or resource chips. `code` only styles inline code: fenced blocks
-     * render through `pre`, so override `pre` (or use `renderCodeActions`) to change them.
+     * render through `pre`, so use `renderCodeBlock` or `renderCodeActions` to change them.
      */
     components?: Components;
     /** Extra remark plugins, run after GFM and math. */
@@ -27,7 +27,8 @@ export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     rehypePlugins?: Options['rehypePlugins'];
     /**
      * The source is still arriving. Shows a caret after the last text and marks the region busy.
-     * Partial markdown is safe to pass: unclosed fences render as code and broken TeX as source.
+     * Partial markdown is safe to pass: an unclosed fence renders as code, and so does a math block
+     * without its closing line (still streaming or cut off) until it closes. Broken TeX shows as source.
      */
     streaming?: boolean;
     /**
@@ -42,12 +43,30 @@ export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     codeWrap?: boolean;
     /** Extra header actions for each fenced code block (preview, expand), placed before the copy. */
     renderCodeActions?: (block: MarkdownCodeBlock) => React.ReactNode;
+    /**
+     * Renders each fenced code block instead of the default `CodeBlock`. `props` are what Markdown
+     * would pass it (including the `renderCodeActions` actions), so `<CodeBlock {...props} body={...} />`
+     * changes one part. Return a component element to keep state per block, such as a preview toggle.
+     */
+    renderCodeBlock?: (block: MarkdownCodeBlock, props: CodeBlockProps) => React.ReactNode;
+    /** KaTeX options for math. Output stays MathML and `trust` stays off; these cannot be changed. */
+    katexOptions?: MarkdownKatexOptions;
     strings?: Partial<MarkdownStrings>;
 }
+export interface MarkdownKatexOptions {
+    /**
+     * KaTeX's handling of non-standard LaTeX. Defaults to `'ignore'`. rehype-katex renders a formula
+     * that fails strict mode again with strict mode off, so stricter values report through the
+     * unified file messages but do not change what renders.
+     */
+    strict?: boolean | 'ignore' | 'warn' | 'error';
+    /** Macros available to every formula, such as `{ '\\RR': '\\mathbb{R}' }`. */
+    macros?: Record<string, string>;
+}
 export interface MarkdownCodeBlock {
     /** The block's source without the trailing newline. */
     code: string;
-    /** The fence's info string as written, e.g. `ts` or `html`. */
+    /** The first word of the fence's info string as written (`ts`, `html`), or `math` for an open `$$` block. */
     language: string | undefined;
 }
 export type MarkdownImagePolicy = 'none' | 'same-origin' | 'all' | ((src: string) => boolean);

package/dist/components/ui/markdown.js

@@ -13,9 +13,99 @@ function hastText(node) {
 function languageOf(node) {
     const className = node.properties?.className;
     const classes = Array.isArray(className) ? className.map(String) : [];
-    return classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+    const fromClass = classes.find((name)=>name.startsWith('language-'))?.slice('language-'.length);
+    const dataLanguage = node.properties?.dataLanguage;
+    return fromClass ?? ('string' == typeof dataLanguage ? dataLanguage : void 0);
 }
 const opensInNewTab = (href)=>!!href && !/^(#|mailto:|tel:)/i.test(href);
+const MATH_FENCE_LANGUAGES = new Set([
+    'math',
+    'latex',
+    'tex'
+]);
+const OPENING_FENCE = /^[ \t]*(`{3,}|~{3,}|\${2,})/;
+const CLOSING_FENCE = /^( *)(`{3,}|~{3,}|\${2,})[ \t]*$/;
+const QUOTE_MARKERS = /^(?:[ \t]*>[ ]?)*/;
+function unquote(line) {
+    const markers = QUOTE_MARKERS.exec(line)?.[0] ?? '';
+    const rest = line.slice(markers.length).replace(/\t/g, '    ');
+    return {
+        depth: markers.split('>').length - 1,
+        rest
+    };
+}
+function hasClosingFence(node, source) {
+    const start = node.position?.start.offset;
+    const end = node.position?.end.offset;
+    if (void 0 === start || void 0 === end) return true;
+    const lines = source.slice(start, end).split(/\r?\n|\r/);
+    const open = OPENING_FENCE.exec(lines[0])?.[1];
+    if (!open || lines.length < 2) return false;
+    const lineStart = Math.max(source.lastIndexOf('\n', start - 1), source.lastIndexOf('\r', start - 1)) + 1;
+    const container = unquote(source.slice(lineStart, start));
+    const last = unquote(lines[lines.length - 1]);
+    const [, indent = '', close = ''] = CLOSING_FENCE.exec(last.rest) ?? [];
+    return last.depth === container.depth && indent.length <= container.rest.length + 3 && close[0] === open[0] && close.length >= open.length;
+}
+const isMathFence = (node)=>'code' === node.type && MATH_FENCE_LANGUAGES.has(node.lang?.toLowerCase() ?? '');
+function displayMath(node) {
+    const value = node.value ?? '';
+    return {
+        type: 'math',
+        value,
+        position: node.position,
+        data: {
+            hName: 'pre',
+            hChildren: [
+                {
+                    type: 'element',
+                    tagName: 'code',
+                    properties: {
+                        className: [
+                            'language-math',
+                            'math-display'
+                        ]
+                    },
+                    children: [
+                        {
+                            type: 'text',
+                            value
+                        }
+                    ]
+                }
+            ]
+        }
+    };
+}
+function pendingMath(node) {
+    const value = 'math' === node.type ? [
+        node.meta,
+        node.value
+    ].filter(Boolean).join('\n') : node.value;
+    return {
+        type: 'code',
+        lang: null,
+        value: value ?? '',
+        position: node.position,
+        data: {
+            hProperties: {
+                dataLanguage: 'code' === node.type ? node.lang : 'math'
+            }
+        }
+    };
+}
+function remarkMathBlocks() {
+    const visit = (node, source)=>{
+        node.children?.forEach((child, index, children)=>{
+            const fence = isMathFence(child);
+            if (!fence && 'math' !== child.type) return void visit(child, source);
+            if (hasClosingFence(child, source)) {
+                if (fence) children[index] = displayMath(child);
+            } else children[index] = pendingMath(child);
+        });
+    };
+    return (tree, file)=>visit(tree, String(file.value ?? ''));
+}
 const BR_TAG = /^<br\s*\/?>$/i;
 function remarkHtmlBreaks() {
     const visit = (node)=>{
@@ -98,6 +188,14 @@ function rehypeScopeFootnoteLabel(options) {
     };
     return (tree)=>visit(tree);
 }
+function rehypeKatexPerRun(options) {
+    return (...args)=>rehype_katex({
+            ...options,
+            macros: {
+                ...options.macros
+            }
+        })(...args);
+}
 const DEFAULT_MARKDOWN_STRINGS = {
     ...DEFAULT_CODE_BLOCK_STRINGS,
     footnotes: 'Footnotes',
@@ -193,7 +291,7 @@ function MarkdownInput({ node: _node, className, type, checked, ...rest }) {
     });
 }
 function MarkdownPre({ node, children, ...rest }) {
-    const { strings, codeWrap, renderCodeActions } = useContext(MarkdownContext);
+    const { strings, codeWrap, renderCodeActions, renderCodeBlock } = useContext(MarkdownContext);
     const codeNode = node?.children?.find((child)=>'element' === child.type && 'code' === child.tagName);
     if (!codeNode) return /*#__PURE__*/ jsx("pre", {
         ...rest,
@@ -203,37 +301,40 @@ function MarkdownPre({ node, children, ...rest }) {
         code: hastText(codeNode).replace(/\n$/, ''),
         language: languageOf(codeNode)
     };
-    return /*#__PURE__*/ jsx(CodeBlock, {
+    const props = {
         code: block.code,
         language: block.language,
         wrap: codeWrap,
         actions: renderCodeActions?.(block),
-        strings: strings
+        strings
+    };
+    return renderCodeBlock ? renderCodeBlock(block, props) : /*#__PURE__*/ jsx(CodeBlock, {
+        ...props
     });
 }
 const BUILT_IN_COMPONENTS = {
     h1: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h1", {
-            className: cn('text-xl font-semibold tracking-tight', className),
+            className: cn('text-xl font-semibold tracking-tight in-data-[density=compact]:text-lg', className),
             ...rest
         }),
     h2: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h2", {
-            className: cn('text-lg font-semibold tracking-tight', className),
+            className: cn('text-lg font-semibold tracking-tight in-data-[density=compact]:text-base', className),
             ...rest
         }),
     h3: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h3", {
-            className: cn('text-base font-semibold', className),
+            className: cn('text-base font-semibold in-data-[density=compact]:text-sm', className),
             ...rest
         }),
     h4: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h4", {
-            className: cn('text-sm font-semibold', className),
+            className: cn('text-sm font-semibold in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     h5: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h5", {
-            className: cn('text-sm font-semibold', className),
+            className: cn('text-sm font-semibold in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     h6: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("h6", {
-            className: cn('text-sm font-semibold text-muted-foreground', className),
+            className: cn('text-sm font-semibold text-muted-foreground in-data-[density=compact]:text-xs', className),
             ...rest
         }),
     p: ({ node: _node, ...rest })=>/*#__PURE__*/ jsx("p", {
@@ -241,20 +342,20 @@ const BUILT_IN_COMPONENTS = {
         }),
     a: MarkdownLink,
     ul: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ul", {
-            className: cn('flex flex-col gap-1 pl-6', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
+            className: cn('flex flex-col gap-1 pl-6 in-data-[density=compact]:gap-0.5', className?.includes('contains-task-list') ? 'list-none pl-1' : 'list-disc', 'marker:text-muted-foreground', className),
             ...rest
         }),
     ol: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("ol", {
-            className: cn('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground', className),
+            className: cn('flex list-decimal flex-col gap-1 pl-6 marker:text-muted-foreground in-data-[density=compact]:gap-0.5', className),
             ...rest
         }),
     li: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("li", {
-            className: cn('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6', className),
+            className: cn('pl-1 [&>ol]:mt-1 [&>p+p]:mt-2 [&>ul]:mt-1 [&>ul.contains-task-list]:pl-6 in-data-[density=compact]:[&>p+p]:mt-1.5', className),
             ...rest
         }),
     input: MarkdownInput,
     blockquote: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("blockquote", {
-            className: cn('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground', className),
+            className: cn('flex flex-col gap-2 border-l-2 border-border pl-4 text-muted-foreground in-data-[density=compact]:gap-1.5', className),
             ...rest
         }),
     hr: ({ node: _node, className, ...rest })=>/*#__PURE__*/ jsx("hr", {
@@ -285,7 +386,7 @@ const BUILT_IN_COMPONENTS = {
         }),
     pre: MarkdownPre
 };
-const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, strings, className, ...props }, ref)=>{
+const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins, rehypePlugins, streaming = false, images = 'none', codeWrap = false, renderCodeActions, renderCodeBlock, katexOptions, strings, className, ...props }, ref)=>{
     const context = useMemo(()=>({
             strings: {
                 ...DEFAULT_MARKDOWN_STRINGS,
@@ -293,12 +394,14 @@ const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins
             },
             images,
             codeWrap,
-            renderCodeActions
+            renderCodeActions,
+            renderCodeBlock
         }), [
         strings,
         images,
         codeWrap,
-        renderCodeActions
+        renderCodeActions,
+        renderCodeBlock
     ]);
     const { footnotes, footnoteBack } = context.strings;
     const footnotePrefix = `markdown${useId().replace(/[^\w-]/g, '')}-`;
@@ -316,6 +419,7 @@ const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins
                     singleDollarTextMath: false
                 }
             ],
+            remarkMathBlocks,
             remarkHtmlBreaks,
             ...remarkPlugins ?? []
         ], [
@@ -329,12 +433,13 @@ const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins
                 }
             ],
             [
-                rehype_katex,
+                rehypeKatexPerRun,
                 {
+                    strict: katexOptions?.strict ?? 'ignore',
+                    macros: katexOptions?.macros,
                     output: 'mathml',
                     throwOnError: false,
-                    trust: false,
-                    strict: 'ignore'
+                    trust: false
                 }
             ],
             ...rehypePlugins ?? [],
@@ -344,7 +449,9 @@ const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins
         ], [
         rehypePlugins,
         streaming,
-        footnotePrefix
+        footnotePrefix,
+        katexOptions?.strict,
+        katexOptions?.macros
     ]);
     const remarkRehypeOptions = useMemo(()=>({
             clobberPrefix: footnotePrefix,
@@ -360,7 +467,7 @@ const Markdown = /*#__PURE__*/ forwardRef(({ children, components, remarkPlugins
         "data-slot": "markdown",
         "data-streaming": streaming || void 0,
         "aria-busy": streaming || void 0,
-        className: cn('flex min-w-0 flex-col gap-3 text-sm leading-relaxed break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:py-1', className),
+        className: cn('flex min-w-0 flex-col gap-(--markdown-gap,0.75rem) text-(length:--markdown-font-size,0.875rem) leading-(--markdown-leading,1.625) break-words text-foreground [&_math]:text-[1.15em] [&>.katex]:overflow-x-auto [&>.katex]:overflow-y-hidden [&>.katex]:py-1 in-data-[density=compact]:[--markdown-gap:0.5rem] in-data-[density=compact]:[--markdown-font-size:0.75rem] in-data-[density=compact]:[--markdown-leading:1.5]', className),
         ...props,
         children: /*#__PURE__*/ jsx(MarkdownContext.Provider, {
             value: context,

package/dist/components/ui/message-actions.cjs

@@ -53,7 +53,7 @@ const DEFAULT_MESSAGE_ACTIONS_STRINGS = {
     ...DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS,
     label: 'Message actions'
 };
-const messageActionsVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-fit max-w-full items-center gap-0.5 px-2', {
+const messageActionsVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex w-fit max-w-full items-center gap-0.5 px-2 in-data-[density=compact]:[&_[data-slot=message-action]]:size-5 in-data-[density=compact]:[&_[data-slot=message-action]]:min-w-5 in-data-[density=compact]:[&_[data-slot=message-actions-overflow]]:size-5 in-data-[density=compact]:[&_[data-slot=message-action]_svg]:size-3.5 in-data-[density=compact]:[&_[data-slot=message-actions-overflow]_svg]:size-3.5', {
     variants: {
         visibility: {
             always: '',

package/dist/components/ui/message-actions.d.ts

@@ -14,6 +14,9 @@ import { TooltipContent } from './tooltip';
  *
  * The parts use Radix tooltips, which throw without a `TooltipProvider`. `MessageActions` provides
  * one, so render them inside it or under your own provider.
+ *
+ * Compact density (Wind's own; Material's action bar does not change): inside an ancestor with
+ * `data-density="compact"` the bar's controls drop from 24px to 20px with 14px icons.
  */
 export interface MessageActionItem {
     id: string;

package/dist/components/ui/message-actions.js

@@ -16,7 +16,7 @@ const DEFAULT_MESSAGE_ACTIONS_STRINGS = {
     ...DEFAULT_MESSAGE_ACTIONS_OVERFLOW_STRINGS,
     label: 'Message actions'
 };
-const messageActionsVariants = cva('flex w-fit max-w-full items-center gap-0.5 px-2', {
+const messageActionsVariants = cva('flex w-fit max-w-full items-center gap-0.5 px-2 in-data-[density=compact]:[&_[data-slot=message-action]]:size-5 in-data-[density=compact]:[&_[data-slot=message-action]]:min-w-5 in-data-[density=compact]:[&_[data-slot=message-actions-overflow]]:size-5 in-data-[density=compact]:[&_[data-slot=message-action]_svg]:size-3.5 in-data-[density=compact]:[&_[data-slot=message-actions-overflow]_svg]:size-3.5', {
     variants: {
         visibility: {
             always: '',