@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/code-block/code-block.js

@@ -1,183 +1,267 @@
-import { cn as e, isStorybookTestEnv as t } from "../../../../lib/utils.js";
-import { Button as n } from "../button/button.js";
-import { highlightCode as r } from "../../../../lib/highlight-code.js";
-import { createContext as i, forwardRef as a, useContext as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { IconCheck as u, IconCopy as d, IconDownload as f, IconSelector as p } from "@tabler/icons-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/code-block/code-block.tsx
-var g = i({
-	code: "",
-	copyText: "",
-	isCollapsed: !1,
-	setIsCollapsed: () => void 0,
-	lineCount: 0
-}), _ = (e) => e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;"), v = 14, y = 8e3, b = 400, x = 16384, S = 1;
-function C(e) {
-	let t = e.split("\n"), n = !1, r = t.slice(0, v).join("\n");
-	t.length > v && (n = !0), r.length > y && (r = r.slice(0, y), n = !0);
-	let i = r.length === 0 ? " " : r;
-	return n ? `${i}\n…` : i;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @eslint-react/dom/no-dangerously-set-innerhtml */ import { createContext, forwardRef, useContext, useEffect, useMemo, useState } from "react";
+import { IconCheck, IconCopy, IconDownload, IconSelector } from "@tabler/icons-react";
+import { highlightCode } from "../../../../lib/highlight-code.js";
+import { cn, isStorybookTestEnv } from "../../../../lib/utils.js";
+import { Button } from "../button/button.js";
+const CodeBlockContext = /*#__PURE__*/ createContext({
+    code: '',
+    copyText: '',
+    isCollapsed: false,
+    setIsCollapsed: ()=>undefined,
+    lineCount: 0
+});
+const escapeHtml = (value)=>value.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#39;');
+/** Collapsed "large" preview: only this much is committed to the DOM (plain text, no Shiki spans). */ const PREVIEW_MAX_LINES = 14;
+const PREVIEW_MAX_CHARS = 8_000;
+/** Beyond this size we do not run Shiki in expanded mode (plain &lt;pre&gt; only). */ const MAX_LINES_FULL_SHIKI = 400;
+const MAX_CHARS_FULL_SHIKI = 16_384;
+const CODE_BLOCK_COLLAPSIBLE_MIN_LINES = 1;
+export function getCollapsedPreviewDisplay(code) {
+    const lines = code.split('\n');
+    let truncated = false;
+    let slice = lines.slice(0, PREVIEW_MAX_LINES).join('\n');
+    if (lines.length > PREVIEW_MAX_LINES) {
+        truncated = true;
+    }
+    if (slice.length > PREVIEW_MAX_CHARS) {
+        slice = slice.slice(0, PREVIEW_MAX_CHARS);
+        truncated = true;
+    }
+    const body = slice.length === 0 ? ' ' : slice;
+    return truncated ? `${body}\n…` : body;
 }
-function w(e) {
-	return e.split("\n").length > v || e.length > y;
+export function isContentLargerThanPreview(code) {
+    return code.split('\n').length > PREVIEW_MAX_LINES || code.length > PREVIEW_MAX_CHARS;
 }
-function T(e, t) {
-	return t > b || e.length > x;
+export function shouldUsePlainTextInsteadOfShiki(code, lineCount) {
+    return lineCount > MAX_LINES_FULL_SHIKI || code.length > MAX_CHARS_FULL_SHIKI;
 }
-function E(e) {
-	return `<pre><code>${_(e)}</code></pre>`;
+export function plainPreMarkup(code) {
+    return `<pre><code>${escapeHtml(code)}</code></pre>`;
 }
-var D = "min(60vh, 32rem)", O = "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-secondary-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto", k = "hidden dark:block [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-secondary-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto", A = a(({ code: n, copyText: i, language: a, showLineNumbers: o = !1, collapsed: u = !1, className: d, children: f, style: p, ...v }, y) => {
-	let [b, x] = l(""), [A, j] = l(""), [M, N] = l(u), P = n.length === 0 ? " " : n, F = n.split("\n").length, I = M && F > S, L = i ?? n, R = c(() => t ? `<pre><code>${_(P)}</code></pre>` : "", [P]);
-	s(() => {
-		if (t) return;
-		let e = !1, n = (t) => {
-			if (!e) {
-				let e = E(t);
-				x(e), j(e);
-			}
-		};
-		if (M && w(P)) {
-			let t = C(P);
-			return r(t, a, o).then(([t, n]) => {
-				e || (x(t), j(n));
-			}).catch((e) => {
-				console.error("Failed to highlight code:", e), n(t);
-			}), () => {
-				e = !0;
-			};
-		}
-		return !M && T(P, F) ? (queueMicrotask(() => {
-			n(P);
-		}), () => {
-			e = !0;
-		}) : (r(P, a, o).then(([t, n]) => {
-			e || (x(t), j(n));
-		}).catch((e) => {
-			console.error("Failed to highlight code:", e), n(P);
-		}), () => {
-			e = !0;
-		});
-	}, [
-		P,
-		a,
-		o,
-		M,
-		F
-	]);
-	let z = c(() => ({
-		code: n,
-		copyText: L,
-		isCollapsed: M,
-		setIsCollapsed: N,
-		lineCount: F
-	}), [
-		n,
-		L,
-		M,
-		F
-	]), B = /* @__PURE__ */ h("div", {
-		className: "relative",
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: e(O, I && "max-h-26 overflow-y-hidden"),
-				dangerouslySetInnerHTML: { __html: t ? R : b }
-			}),
-			/* @__PURE__ */ m("div", {
-				className: e(k, I && "max-h-26 overflow-y-hidden"),
-				dangerouslySetInnerHTML: { __html: t ? R : A }
-			}),
-			I && /* @__PURE__ */ m("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 h-3/4 bg-linear-to-b from-transparent via-card-background/70 to-card-background" })
-		]
-	}), V = f == null ? null : /* @__PURE__ */ m("div", {
-		"data-slot": "code-block-actions",
-		className: e("pointer-events-none absolute top-5 right-5 z-20 flex items-center gap-1 bg-transparent p-0 shadow-none ring-0 outline-none", "opacity-0 transition-opacity", "group-hover/code-block:pointer-events-auto group-hover/code-block:opacity-100", "group-focus-within/code-block:pointer-events-auto group-focus-within/code-block:opacity-100", t && "pointer-events-auto opacity-100"),
-		children: f
-	});
-	return /* @__PURE__ */ m(g.Provider, {
-		value: z,
-		children: /* @__PURE__ */ h("div", {
-			ref: y,
-			"data-slot": "code-block",
-			className: e("group/code-block relative w-full rounded-xl bg-background text-foreground", I ? "overflow-hidden" : "flex min-h-0 max-h-[min(60vh,_32rem)] flex-col overflow-hidden", d),
-			style: {
-				...I ? {} : {
-					maxHeight: D,
-					minHeight: 0
-				},
-				...p
-			},
-			...v,
-			children: [/* @__PURE__ */ m("div", {
-				className: e("relative min-h-0 bg-card-background", !I && "min-h-0 flex-1 overflow-x-auto overflow-y-auto [scrollbar-gutter:stable]"),
-				children: B
-			}), V]
-		})
-	});
+const CODE_BLOCK_EXPANDED_MAX_HEIGHT_CSS = 'min(60vh, 32rem)';
+const codeHtmlInnerClassName = 'dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-medium-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto';
+const codeHtmlInnerDarkClassName = 'hidden dark:block [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-medium-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto';
+const CodeBlock = /*#__PURE__*/ forwardRef(({ code, copyText, language, showLineNumbers = false, collapsed = false, className, children, style: styleFromProps, ...props }, ref)=>{
+    const [html, setHtml] = useState('');
+    const [darkHtml, setDarkHtml] = useState('');
+    const [isCollapsed, setIsCollapsed] = useState(collapsed);
+    const codeForRender = code.length === 0 ? ' ' : code;
+    const lineCount = code.split('\n').length;
+    const isCollapsible = lineCount > CODE_BLOCK_COLLAPSIBLE_MIN_LINES;
+    const showCollapsedChrome = isCollapsed && isCollapsible;
+    const textToCopy = copyText ?? code;
+    const storybookMarkup = useMemo(()=>isStorybookTestEnv ? `<pre><code>${escapeHtml(codeForRender)}</code></pre>` : '', [
+        codeForRender
+    ]);
+    useEffect(()=>{
+        if (isStorybookTestEnv) return;
+        let isCancelled = false;
+        const applyPlain = (source)=>{
+            if (!isCancelled) {
+                const markup = plainPreMarkup(source);
+                setHtml(markup);
+                setDarkHtml(markup);
+            }
+        };
+        // Collapsed + large: Shiki only on the truncated preview source (not the full blob).
+        if (isCollapsed && isContentLargerThanPreview(codeForRender)) {
+            const previewSource = getCollapsedPreviewDisplay(codeForRender);
+            highlightCode(previewSource, language, showLineNumbers).then(([light, dark])=>{
+                if (!isCancelled) {
+                    setHtml(light);
+                    setDarkHtml(dark);
+                }
+            }).catch((error)=>{
+                console.error('Failed to highlight code:', error);
+                applyPlain(previewSource);
+            });
+            return ()=>{
+                isCancelled = true;
+            };
+        }
+        // Expanded + very large: full plain text (no tokenized spans).
+        if (!isCollapsed && shouldUsePlainTextInsteadOfShiki(codeForRender, lineCount)) {
+            queueMicrotask(()=>{
+                applyPlain(codeForRender);
+            });
+            return ()=>{
+                isCancelled = true;
+            };
+        }
+        highlightCode(codeForRender, language, showLineNumbers).then(([light, dark])=>{
+            if (!isCancelled) {
+                setHtml(light);
+                setDarkHtml(dark);
+            }
+        }).catch((error)=>{
+            console.error('Failed to highlight code:', error);
+            applyPlain(codeForRender);
+        });
+        return ()=>{
+            isCancelled = true;
+        };
+    }, [
+        codeForRender,
+        language,
+        showLineNumbers,
+        isCollapsed,
+        lineCount
+    ]);
+    const contextValue = useMemo(()=>({
+            code,
+            copyText: textToCopy,
+            isCollapsed,
+            setIsCollapsed,
+            lineCount
+        }), [
+        code,
+        textToCopy,
+        isCollapsed,
+        lineCount
+    ]);
+    const codeBody = /*#__PURE__*/ _jsxs("div", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: cn(codeHtmlInnerClassName, showCollapsedChrome && 'max-h-26 overflow-y-hidden'),
+                dangerouslySetInnerHTML: {
+                    __html: isStorybookTestEnv ? storybookMarkup : html
+                }
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: cn(codeHtmlInnerDarkClassName, showCollapsedChrome && 'max-h-26 overflow-y-hidden'),
+                dangerouslySetInnerHTML: {
+                    __html: isStorybookTestEnv ? storybookMarkup : darkHtml
+                }
+            }),
+            showCollapsedChrome && /*#__PURE__*/ _jsx("div", {
+                className: "pointer-events-none absolute bottom-0 left-0 right-0 h-3/4 bg-linear-to-b from-transparent via-card-background/70 to-card-background"
+            })
+        ]
+    });
+    const actions = children != null ? /*#__PURE__*/ _jsx("div", {
+        "data-slot": "code-block-actions",
+        className: cn(/* Sibling of scroll inner: pinned while code scrolls; even inset from top/right (scrollbar gutter on inner) */ 'pointer-events-none absolute top-5 right-5 z-20 flex items-center gap-1 bg-transparent p-0 shadow-none ring-0 outline-none', 'opacity-0 transition-opacity', 'group-hover/code-block:pointer-events-auto group-hover/code-block:opacity-100', 'group-focus-within/code-block:pointer-events-auto group-focus-within/code-block:opacity-100', isStorybookTestEnv && 'pointer-events-auto opacity-100'),
+        children: children
+    }) : null;
+    return /*#__PURE__*/ _jsx(CodeBlockContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ _jsxs("div", {
+            ref: ref,
+            "data-slot": "code-block",
+            className: cn('group/code-block relative w-full rounded-xl bg-card-background text-medium-foreground', showCollapsedChrome ? 'overflow-hidden' : /* Expanded: flex + clip so actions overlay without a reserved top row */ 'flex min-h-0 max-h-[min(60vh,_32rem)] flex-col overflow-hidden', className),
+            style: {
+                ...!showCollapsedChrome ? {
+                    maxHeight: CODE_BLOCK_EXPANDED_MAX_HEIGHT_CSS,
+                    minHeight: 0
+                } : {},
+                ...styleFromProps
+            },
+            ...props,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn(/* Match <pre> card tone so transparent actions are not over root bg-background */ 'relative min-h-0 bg-card-background', !showCollapsedChrome && 'min-h-0 flex-1 overflow-x-auto overflow-y-auto [scrollbar-gutter:stable]'),
+                    children: codeBody
+                }),
+                actions
+            ]
+        })
+    });
 });
-A.displayName = "CodeBlock";
-var j = a(({ onCopy: t, onError: r, timeout: i = 2e3, children: a, className: s, ...c }, f) => {
-	let [p, h] = l(!1), { copyText: _ } = o(g), v = async () => {
-		if (typeof window > "u" || !navigator?.clipboard?.writeText) {
-			r?.(/* @__PURE__ */ Error("Clipboard API not available"));
-			return;
-		}
-		try {
-			await navigator.clipboard.writeText(_), h(!0), t?.(), setTimeout(() => h(!1), i);
-		} catch (e) {
-			console.warn("Clipboard write failed:", e), r?.(e instanceof Error ? e : /* @__PURE__ */ Error("Clipboard write failed"));
-		}
-	}, y = p ? u : d;
-	return /* @__PURE__ */ m(n, {
-		ref: f,
-		"data-slot": "code-block-copy-button",
-		className: e("shrink-0", s),
-		onClick: v,
-		size: "icon-sm",
-		variant: "secondary",
-		...c,
-		children: a ?? /* @__PURE__ */ m(y, { size: 14 })
-	});
+CodeBlock.displayName = 'CodeBlock';
+const CodeBlockCopyButton = /*#__PURE__*/ forwardRef(({ onCopy, onError, timeout = 2000, children, className, ...props }, ref)=>{
+    const [isCopied, setIsCopied] = useState(false);
+    const { copyText } = useContext(CodeBlockContext);
+    const copyToClipboard = async ()=>{
+        if (typeof window === 'undefined' || !navigator?.clipboard?.writeText) {
+            onError?.(new Error('Clipboard API not available'));
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(copyText);
+            setIsCopied(true);
+            onCopy?.();
+            setTimeout(()=>setIsCopied(false), timeout);
+        } catch (error) {
+            console.warn('Clipboard write failed:', error);
+            onError?.(error instanceof Error ? error : new Error('Clipboard write failed'));
+        }
+    };
+    const Icon = isCopied ? IconCheck : IconCopy;
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "code-block-copy-button",
+        className: cn('shrink-0', className),
+        onClick: copyToClipboard,
+        size: "icon-sm",
+        variant: "secondary",
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsx(Icon, {
+            size: 14
+        })
+    });
 });
-j.displayName = "CodeBlockCopyButton";
-var M = a(({ children: t, className: r, ...i }, a) => {
-	let { isCollapsed: s, setIsCollapsed: c, lineCount: l } = o(g);
-	return l <= S ? null : /* @__PURE__ */ m(n, {
-		ref: a,
-		"data-slot": "code-block-collapse-button",
-		className: e("shrink-0", r),
-		onClick: () => c(!s),
-		size: "icon-sm",
-		variant: "secondary",
-		...i,
-		children: t ?? /* @__PURE__ */ m(p, { size: 14 })
-	});
+CodeBlockCopyButton.displayName = 'CodeBlockCopyButton';
+const CodeBlockCollapseButton = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>{
+    const { isCollapsed, setIsCollapsed, lineCount } = useContext(CodeBlockContext);
+    if (lineCount <= CODE_BLOCK_COLLAPSIBLE_MIN_LINES) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "code-block-collapse-button",
+        className: cn('shrink-0', className),
+        onClick: ()=>setIsCollapsed(!isCollapsed),
+        size: "icon-sm",
+        variant: "secondary",
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsx(IconSelector, {
+            size: 14
+        })
+    });
 });
-M.displayName = "CodeBlockCollapseButton";
-var N = a(({ fileName: t = "code.txt", mimeType: r = "text/plain;charset=utf-8", onDownload: i, onError: a, children: s, className: c, ...l }, u) => {
-	let { code: d } = o(g);
-	return /* @__PURE__ */ m(n, {
-		ref: u,
-		"data-slot": "code-block-download-button",
-		className: e("shrink-0", c),
-		onClick: () => {
-			if (typeof window > "u" || typeof document > "u") {
-				a?.(/* @__PURE__ */ Error("Download not available"));
-				return;
-			}
-			try {
-				let e = new Blob([d], { type: r }), n = URL.createObjectURL(e), a = document.createElement("a");
-				a.href = n, a.download = t, a.rel = "noopener", a.click(), URL.revokeObjectURL(n), i?.();
-			} catch (e) {
-				a?.(e instanceof Error ? e : /* @__PURE__ */ Error("Download failed"));
-			}
-		},
-		size: "icon-sm",
-		variant: "secondary",
-		...l,
-		children: s ?? /* @__PURE__ */ m(f, { size: 14 })
-	});
+CodeBlockCollapseButton.displayName = 'CodeBlockCollapseButton';
+const CodeBlockDownloadButton = /*#__PURE__*/ forwardRef(({ fileName = 'code.txt', mimeType = 'text/plain;charset=utf-8', onDownload, onError, children, className, ...props }, ref)=>{
+    const { code } = useContext(CodeBlockContext);
+    const download = ()=>{
+        if (typeof window === 'undefined' || typeof document === 'undefined') {
+            onError?.(new Error('Download not available'));
+            return;
+        }
+        try {
+            const blob = new Blob([
+                code
+            ], {
+                type: mimeType
+            });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = fileName;
+            a.rel = 'noopener';
+            a.click();
+            URL.revokeObjectURL(url);
+            onDownload?.();
+        } catch (error) {
+            onError?.(error instanceof Error ? error : new Error('Download failed'));
+        }
+    };
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        "data-slot": "code-block-download-button",
+        className: cn('shrink-0', className),
+        onClick: download,
+        size: "icon-sm",
+        variant: "secondary",
+        ...props,
+        children: children ?? /*#__PURE__*/ _jsx(IconDownload, {
+            size: 14
+        })
+    });
 });
-N.displayName = "CodeBlockDownloadButton";
-//#endregion
-export { A as CodeBlock, M as CodeBlockCollapseButton, j as CodeBlockCopyButton, N as CodeBlockDownloadButton, C as getCollapsedPreviewDisplay, w as isContentLargerThanPreview, E as plainPreMarkup, T as shouldUsePlainTextInsteadOfShiki };
+CodeBlockDownloadButton.displayName = 'CodeBlockDownloadButton';
+export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton };
+
+//# sourceMappingURL=code-block.js.map

package/dist/components/ui/core/code-block/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/code-block/code-block.tsx"],"sourcesContent":["/* eslint-disable @eslint-react/dom/no-dangerously-set-innerhtml */\nimport {\n  type ComponentProps,\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport {\n  IconCheck,\n  IconCopy,\n  IconDownload,\n  IconSelector,\n} from '@tabler/icons-react';\n\nimport {\n  highlightCode,\n  type CodeLanguage,\n} from '../../../../lib/highlight-code';\nimport { cn, isStorybookTestEnv } from '../../../../lib/utils';\nimport { Button } from '../button/button';\n\ntype CodeBlockProps = HTMLAttributes<HTMLDivElement> & {\n  code: string;\n  copyText?: string;\n  collapsed?: boolean;\n  language: CodeLanguage;\n  showLineNumbers?: boolean;\n};\n\ntype CodeBlockContextType = {\n  code: string;\n  copyText: string;\n  isCollapsed: boolean;\n  setIsCollapsed: (collapsed: boolean) => void;\n  lineCount: number;\n};\n\nconst CodeBlockContext = createContext<CodeBlockContextType>({\n  code: '',\n  copyText: '',\n  isCollapsed: false,\n  setIsCollapsed: () => undefined,\n  lineCount: 0,\n});\n\nconst escapeHtml = (value: string): string =>\n  value\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n\n/** Collapsed \"large\" preview: only this much is committed to the DOM (plain text, no Shiki spans). */\nconst PREVIEW_MAX_LINES = 14;\nconst PREVIEW_MAX_CHARS = 8_000;\n\n/** Beyond this size we do not run Shiki in expanded mode (plain &lt;pre&gt; only). */\nconst MAX_LINES_FULL_SHIKI = 400;\nconst MAX_CHARS_FULL_SHIKI = 16_384;\n\nconst CODE_BLOCK_COLLAPSIBLE_MIN_LINES = 1;\n\nexport function getCollapsedPreviewDisplay(code: string): string {\n  const lines = code.split('\\n');\n  let truncated = false;\n  let slice = lines.slice(0, PREVIEW_MAX_LINES).join('\\n');\n  if (lines.length > PREVIEW_MAX_LINES) {\n    truncated = true;\n  }\n  if (slice.length > PREVIEW_MAX_CHARS) {\n    slice = slice.slice(0, PREVIEW_MAX_CHARS);\n    truncated = true;\n  }\n  const body = slice.length === 0 ? ' ' : slice;\n  return truncated ? `${body}\\n…` : body;\n}\n\nexport function isContentLargerThanPreview(code: string): boolean {\n  return (\n    code.split('\\n').length > PREVIEW_MAX_LINES ||\n    code.length > PREVIEW_MAX_CHARS\n  );\n}\n\nexport function shouldUsePlainTextInsteadOfShiki(\n  code: string,\n  lineCount: number\n): boolean {\n  return lineCount > MAX_LINES_FULL_SHIKI || code.length > MAX_CHARS_FULL_SHIKI;\n}\n\nexport function plainPreMarkup(code: string): string {\n  return `<pre><code>${escapeHtml(code)}</code></pre>`;\n}\n\nconst CODE_BLOCK_EXPANDED_MAX_HEIGHT_CSS = 'min(60vh, 32rem)';\n\nconst codeHtmlInnerClassName =\n  'dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-medium-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto';\n\nconst codeHtmlInnerDarkClassName =\n  'hidden dark:block [&>pre]:m-0 [&>pre]:min-h-10 [&>pre]:bg-card-background [&>pre]:p-2 [&>pre]:text-medium-foreground [&>pre]:leading-[18px] [&>pre]:tracking-[-0.08px] [&>pre]:text-sm [&_code]:font-mono [&_code]:text-sm [&>pre]:overflow-x-auto';\n\nconst CodeBlock: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLDivElement> & {\n    code: string;\n    copyText?: string;\n    collapsed?: boolean;\n    language: CodeLanguage;\n    showLineNumbers?: boolean;\n  } & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, CodeBlockProps>(\n  (\n    {\n      code,\n      copyText,\n      language,\n      showLineNumbers = false,\n      collapsed = false,\n      className,\n      children,\n      style: styleFromProps,\n      ...props\n    },\n    ref\n  ) => {\n    const [html, setHtml] = useState<string>('');\n    const [darkHtml, setDarkHtml] = useState<string>('');\n    const [isCollapsed, setIsCollapsed] = useState(collapsed);\n\n    const codeForRender = code.length === 0 ? ' ' : code;\n    const lineCount = code.split('\\n').length;\n    const isCollapsible = lineCount > CODE_BLOCK_COLLAPSIBLE_MIN_LINES;\n    const showCollapsedChrome = isCollapsed && isCollapsible;\n    const textToCopy = copyText ?? code;\n\n    const storybookMarkup = useMemo(\n      () =>\n        isStorybookTestEnv\n          ? `<pre><code>${escapeHtml(codeForRender)}</code></pre>`\n          : '',\n      [codeForRender]\n    );\n\n    useEffect(() => {\n      if (isStorybookTestEnv) return;\n\n      let isCancelled = false;\n\n      const applyPlain = (source: string) => {\n        if (!isCancelled) {\n          const markup = plainPreMarkup(source);\n          setHtml(markup);\n          setDarkHtml(markup);\n        }\n      };\n\n      // Collapsed + large: Shiki only on the truncated preview source (not the full blob).\n      if (isCollapsed && isContentLargerThanPreview(codeForRender)) {\n        const previewSource = getCollapsedPreviewDisplay(codeForRender);\n        highlightCode(previewSource, language, showLineNumbers)\n          .then(([light, dark]) => {\n            if (!isCancelled) {\n              setHtml(light);\n              setDarkHtml(dark);\n            }\n          })\n          .catch((error: unknown) => {\n            console.error('Failed to highlight code:', error);\n            applyPlain(previewSource);\n          });\n        return () => {\n          isCancelled = true;\n        };\n      }\n\n      // Expanded + very large: full plain text (no tokenized spans).\n      if (\n        !isCollapsed &&\n        shouldUsePlainTextInsteadOfShiki(codeForRender, lineCount)\n      ) {\n        queueMicrotask(() => {\n          applyPlain(codeForRender);\n        });\n        return () => {\n          isCancelled = true;\n        };\n      }\n\n      highlightCode(codeForRender, language, showLineNumbers)\n        .then(([light, dark]) => {\n          if (!isCancelled) {\n            setHtml(light);\n            setDarkHtml(dark);\n          }\n        })\n        .catch((error: unknown) => {\n          console.error('Failed to highlight code:', error);\n          applyPlain(codeForRender);\n        });\n\n      return () => {\n        isCancelled = true;\n      };\n    }, [codeForRender, language, showLineNumbers, isCollapsed, lineCount]);\n\n    const contextValue = useMemo(\n      () => ({\n        code,\n        copyText: textToCopy,\n        isCollapsed,\n        setIsCollapsed,\n        lineCount,\n      }),\n      [code, textToCopy, isCollapsed, lineCount]\n    );\n\n    const codeBody = (\n      <div className=\"relative\">\n        <div\n          className={cn(\n            codeHtmlInnerClassName,\n            showCollapsedChrome && 'max-h-26 overflow-y-hidden'\n          )}\n          dangerouslySetInnerHTML={{\n            __html: isStorybookTestEnv ? storybookMarkup : html,\n          }}\n        />\n        <div\n          className={cn(\n            codeHtmlInnerDarkClassName,\n            showCollapsedChrome && 'max-h-26 overflow-y-hidden'\n          )}\n          dangerouslySetInnerHTML={{\n            __html: isStorybookTestEnv ? storybookMarkup : darkHtml,\n          }}\n        />\n        {showCollapsedChrome && (\n          <div className=\"pointer-events-none absolute bottom-0 left-0 right-0 h-3/4 bg-linear-to-b from-transparent via-card-background/70 to-card-background\" />\n        )}\n      </div>\n    );\n\n    const actions =\n      children != null ? (\n        <div\n          data-slot=\"code-block-actions\"\n          className={cn(\n            /* Sibling of scroll inner: pinned while code scrolls; even inset from top/right (scrollbar gutter on inner) */\n            'pointer-events-none absolute top-5 right-5 z-20 flex items-center gap-1 bg-transparent p-0 shadow-none ring-0 outline-none',\n            'opacity-0 transition-opacity',\n            'group-hover/code-block:pointer-events-auto group-hover/code-block:opacity-100',\n            'group-focus-within/code-block:pointer-events-auto group-focus-within/code-block:opacity-100',\n            isStorybookTestEnv && 'pointer-events-auto opacity-100'\n          )}\n        >\n          {children}\n        </div>\n      ) : null;\n\n    return (\n      <CodeBlockContext.Provider value={contextValue}>\n        <div\n          ref={ref}\n          data-slot=\"code-block\"\n          className={cn(\n            'group/code-block relative w-full rounded-xl bg-card-background text-medium-foreground',\n            showCollapsedChrome\n              ? 'overflow-hidden'\n              : /* Expanded: flex + clip so actions overlay without a reserved top row */\n                'flex min-h-0 max-h-[min(60vh,_32rem)] flex-col overflow-hidden',\n            className\n          )}\n          style={{\n            ...(!showCollapsedChrome\n              ? {\n                  maxHeight: CODE_BLOCK_EXPANDED_MAX_HEIGHT_CSS,\n                  minHeight: 0,\n                }\n              : {}),\n            ...styleFromProps,\n          }}\n          {...props}\n        >\n          <div\n            className={cn(\n              /* Match <pre> card tone so transparent actions are not over root bg-background */\n              'relative min-h-0 bg-card-background',\n              !showCollapsedChrome &&\n                'min-h-0 flex-1 overflow-x-auto overflow-y-auto [scrollbar-gutter:stable]'\n            )}\n          >\n            {codeBody}\n          </div>\n          {actions}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\nCodeBlock.displayName = 'CodeBlock';\n\ntype CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nconst CodeBlockCopyButton: ForwardRefExoticComponent<\n  Omit<CodeBlockCopyButtonProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, CodeBlockCopyButtonProps>(\n  ({ onCopy, onError, timeout = 2000, children, className, ...props }, ref) => {\n    const [isCopied, setIsCopied] = useState(false);\n    const { copyText } = useContext(CodeBlockContext);\n\n    const copyToClipboard = async () => {\n      if (typeof window === 'undefined' || !navigator?.clipboard?.writeText) {\n        onError?.(new Error('Clipboard API not available'));\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(copyText);\n        setIsCopied(true);\n        onCopy?.();\n        setTimeout(() => setIsCopied(false), timeout);\n      } catch (error: unknown) {\n        console.warn('Clipboard write failed:', error);\n        onError?.(\n          error instanceof Error ? error : new Error('Clipboard write failed')\n        );\n      }\n    };\n\n    const Icon = isCopied ? IconCheck : IconCopy;\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"code-block-copy-button\"\n        className={cn('shrink-0', className)}\n        onClick={copyToClipboard}\n        size=\"icon-sm\"\n        variant=\"secondary\"\n        {...props}\n      >\n        {children ?? <Icon size={14} />}\n      </Button>\n    );\n  }\n);\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n\ntype CodeBlockCollapseButtonProps = ComponentProps<typeof Button>;\n\nconst CodeBlockCollapseButton: ForwardRefExoticComponent<\n  Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, CodeBlockCollapseButtonProps>(\n  ({ children, className, ...props }, ref) => {\n    const { isCollapsed, setIsCollapsed, lineCount } =\n      useContext(CodeBlockContext);\n\n    if (lineCount <= CODE_BLOCK_COLLAPSIBLE_MIN_LINES) {\n      return null;\n    }\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"code-block-collapse-button\"\n        className={cn('shrink-0', className)}\n        onClick={() => setIsCollapsed(!isCollapsed)}\n        size=\"icon-sm\"\n        variant=\"secondary\"\n        {...props}\n      >\n        {children ?? <IconSelector size={14} />}\n      </Button>\n    );\n  }\n);\nCodeBlockCollapseButton.displayName = 'CodeBlockCollapseButton';\n\ntype CodeBlockDownloadButtonProps = ComponentProps<typeof Button> & {\n  fileName?: string;\n  mimeType?: string;\n  onDownload?: () => void;\n  onError?: (error: Error) => void;\n};\n\nconst CodeBlockDownloadButton: ForwardRefExoticComponent<\n  Omit<CodeBlockDownloadButtonProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, CodeBlockDownloadButtonProps>(\n  (\n    {\n      fileName = 'code.txt',\n      mimeType = 'text/plain;charset=utf-8',\n      onDownload,\n      onError,\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const { code } = useContext(CodeBlockContext);\n\n    const download = () => {\n      if (typeof window === 'undefined' || typeof document === 'undefined') {\n        onError?.(new Error('Download not available'));\n        return;\n      }\n\n      try {\n        const blob = new Blob([code], { type: mimeType });\n        const url = URL.createObjectURL(blob);\n\n        const a = document.createElement('a');\n        a.href = url;\n        a.download = fileName;\n        a.rel = 'noopener';\n        a.click();\n\n        URL.revokeObjectURL(url);\n        onDownload?.();\n      } catch (error: unknown) {\n        onError?.(\n          error instanceof Error ? error : new Error('Download failed')\n        );\n      }\n    };\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"code-block-download-button\"\n        className={cn('shrink-0', className)}\n        onClick={download}\n        size=\"icon-sm\"\n        variant=\"secondary\"\n        {...props}\n      >\n        {children ?? <IconDownload size={14} />}\n      </Button>\n    );\n  }\n);\nCodeBlockDownloadButton.displayName = 'CodeBlockDownloadButton';\n\nexport {\n  CodeBlock,\n  CodeBlockCollapseButton,\n  CodeBlockCopyButton,\n  CodeBlockDownloadButton,\n};\n"],"names":["createContext","forwardRef","useContext","useEffect","useMemo","useState","IconCheck","IconCopy","IconDownload","IconSelector","highlightCode","cn","isStorybookTestEnv","Button","CodeBlockContext","code","copyText","isCollapsed","setIsCollapsed","undefined","lineCount","escapeHtml","value","replaceAll","PREVIEW_MAX_LINES","PREVIEW_MAX_CHARS","MAX_LINES_FULL_SHIKI","MAX_CHARS_FULL_SHIKI","CODE_BLOCK_COLLAPSIBLE_MIN_LINES","getCollapsedPreviewDisplay","lines","split","truncated","slice","join","length","body","isContentLargerThanPreview","shouldUsePlainTextInsteadOfShiki","plainPreMarkup","CODE_BLOCK_EXPANDED_MAX_HEIGHT_CSS","codeHtmlInnerClassName","codeHtmlInnerDarkClassName","CodeBlock","language","showLineNumbers","collapsed","className","children","style","styleFromProps","props","ref","html","setHtml","darkHtml","setDarkHtml","codeForRender","isCollapsible","showCollapsedChrome","textToCopy","storybookMarkup","isCancelled","applyPlain","source","markup","previewSource","then","light","dark","catch","error","console","queueMicrotask","contextValue","codeBody","div","dangerouslySetInnerHTML","__html","actions","data-slot","Provider","maxHeight","minHeight","displayName","CodeBlockCopyButton","onCopy","onError","timeout","isCopied","setIsCopied","copyToClipboard","window","navigator","clipboard","writeText","Error","setTimeout","warn","Icon","onClick","size","variant","CodeBlockCollapseButton","CodeBlockDownloadButton","fileName","mimeType","onDownload","download","document","blob","Blob","type","url","URL","createObjectURL","a","createElement","href","rel","click","revokeObjectURL"],"mappings":"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"}

package/dist/components/ui/core/collapsible/collapsible.d.ts

@@ -1,6 +1,6 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from '@base-ui/react/collapsible';
-declare const Collapsible: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+import { type ForwardRefExoticComponent, type RefAttributes } from "react";
+import type { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "@base-ui/react/collapsible";
+declare const Collapsible: ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/core/collapsible/collapsible.js

@@ -1,30 +1,36 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Collapsible as r } from "@base-ui/react/collapsible";
-//#region libs/aura/src/components/ui/core/collapsible/collapsible.tsx
-var i = t(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Root, {
-	ref: a,
-	"data-slot": "collapsible",
-	className: e("w-full min-w-0 rounded-md box-border *:max-w-full", t),
-	...i
-}));
-i.displayName = "Collapsible";
-var a = t(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ n(r.Trigger, {
-	ref: o,
-	"data-slot": "collapsible-trigger",
-	className: e("group/collapsible-trigger rounded-lg text-sm font-medium leading-5 text-foreground overflow-hidden", t),
-	...a,
-	children: i
-}));
-a.displayName = "CollapsibleTrigger";
-var o = t(({ className: t, keepMounted: i = !0, ...a }, o) => /* @__PURE__ */ n(r.Panel, {
-	ref: o,
-	"data-slot": "collapsible-content",
-	className: e("hidden data-open:block border-none outline-none text-secondary-foreground text-sm font-normal leading-5 tracking-tight w-full min-w-0 overflow-x-hidden box-border *:max-w-full *:box-border", t),
-	keepMounted: i,
-	...a
-}));
-o.displayName = "CollapsibleContent";
-//#endregion
-export { i as Collapsible, o as CollapsibleContent, a as CollapsibleTrigger };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { cn, focusRing } from "../../../../lib/utils.js";
+const Collapsible = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.Root, {
+        ref: ref,
+        "data-slot": "collapsible",
+        className: cn('w-full min-w-0 rounded-md box-border *:max-w-full', className),
+        ...props
+    });
+});
+Collapsible.displayName = 'Collapsible';
+const CollapsibleTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.Trigger, {
+        ref: ref,
+        "data-slot": "collapsible-trigger",
+        className: cn('group/collapsible-trigger flex w-full items-center rounded-lg px-3 py-2 text-sm font-medium leading-5 text-base-foreground overflow-hidden transition-all outline-none', 'hover:bg-base-background-hover hover:text-base-foreground', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-base-foreground-disabled', 'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-base-foreground-disabled', 'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-base-foreground-disabled', focusRing, className),
+        ...props,
+        children: children
+    });
+});
+CollapsibleTrigger.displayName = 'CollapsibleTrigger';
+const CollapsibleContent = /*#__PURE__*/ forwardRef(({ className, keepMounted = true, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.Panel, {
+        ref: ref,
+        "data-slot": "collapsible-content",
+        className: cn('hidden data-open:block border-none outline-none text-muted-foreground text-sm font-normal leading-5 tracking-tight w-full min-w-0 overflow-x-hidden box-border *:max-w-full *:box-border', className),
+        keepMounted: keepMounted,
+        ...props
+    });
+});
+CollapsibleContent.displayName = 'CollapsibleContent';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible.js.map

package/dist/components/ui/core/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/collapsible/collapsible.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport type {\n  CollapsiblePanelProps,\n  CollapsibleRootProps,\n  CollapsibleTriggerProps,\n} from '@base-ui/react/collapsible';\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\nimport { cn, focusRing } from '../../../../lib/utils';\n\nconst Collapsible: ForwardRefExoticComponent<\n  Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<\n  ComponentRef<typeof CollapsiblePrimitive.Root>,\n  CollapsiblePrimitive.Root.Props\n>(({ className, ...props }, ref) => {\n  return (\n    <CollapsiblePrimitive.Root\n      ref={ref}\n      data-slot=\"collapsible\"\n      className={cn(\n        'w-full min-w-0 rounded-md box-border *:max-w-full',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nCollapsible.displayName = 'Collapsible';\n\nconst CollapsibleTrigger: ForwardRefExoticComponent<\n  Omit<CollapsibleTriggerProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<\n  ComponentRef<typeof CollapsiblePrimitive.Trigger>,\n  CollapsiblePrimitive.Trigger.Props\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      data-slot=\"collapsible-trigger\"\n      className={cn(\n        'group/collapsible-trigger flex w-full items-center rounded-lg px-3 py-2 text-sm font-medium leading-5 text-base-foreground overflow-hidden transition-all outline-none',\n        'hover:bg-base-background-hover hover:text-base-foreground',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-base-foreground-disabled',\n        'aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:text-base-foreground-disabled',\n        'data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:text-base-foreground-disabled',\n        focusRing,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  );\n});\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nconst CollapsibleContent: ForwardRefExoticComponent<\n  Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<\n  ComponentRef<typeof CollapsiblePrimitive.Panel>,\n  CollapsiblePrimitive.Panel.Props\n>(({ className, keepMounted = true, ...props }, ref) => {\n  return (\n    <CollapsiblePrimitive.Panel\n      ref={ref}\n      data-slot=\"collapsible-content\"\n      className={cn(\n        'hidden data-open:block border-none outline-none text-muted-foreground text-sm font-normal leading-5 tracking-tight w-full min-w-0 overflow-x-hidden box-border *:max-w-full *:box-border',\n        className\n      )}\n      keepMounted={keepMounted}\n      {...props}\n    />\n  );\n});\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["forwardRef","Collapsible","CollapsiblePrimitive","cn","focusRing","className","props","ref","Root","data-slot","displayName","CollapsibleTrigger","children","Trigger","CollapsibleContent","keepMounted","Panel"],"mappings":";AAAA,SAIEA,UAAU,QACL,QAAQ;AAOf,SAASC,eAAeC,oBAAoB,QAAQ,6BAA6B;AAEjF,SAASC,EAAE,EAAEC,SAAS,QAAQ,2BAAwB;AAEtD,MAAMH,4BAEFD,WAGF,CAAC,EAAEK,SAAS,EAAE,GAAGC,OAAO,EAAEC;IAC1B,qBACE,KAACL,qBAAqBM,IAAI;QACxBD,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GACT,qDACAE;QAED,GAAGC,KAAK;;AAGf;AACAL,YAAYS,WAAW,GAAG;AAE1B,MAAMC,mCAEFX,WAGF,CAAC,EAAEK,SAAS,EAAEO,QAAQ,EAAE,GAAGN,OAAO,EAAEC;IACpC,qBACE,KAACL,qBAAqBW,OAAO;QAC3BN,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GACT,0KACA,6DACA,mGACA,kHACA,wHACAC,WACAC;QAED,GAAGC,KAAK;kBAERM;;AAGP;AACAD,mBAAmBD,WAAW,GAAG;AAEjC,MAAMI,mCAEFd,WAGF,CAAC,EAAEK,SAAS,EAAEU,cAAc,IAAI,EAAE,GAAGT,OAAO,EAAEC;IAC9C,qBACE,KAACL,qBAAqBc,KAAK;QACzBT,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GACT,4LACAE;QAEFU,aAAaA;QACZ,GAAGT,KAAK;;AAGf;AACAQ,mBAAmBJ,WAAW,GAAG;AAEjC,SAAST,WAAW,EAAEa,kBAAkB,EAAEH,kBAAkB,GAAG"}