@lobehub/ui 5.1.1 → 5.2.1

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react155 from "react";
+import * as react147 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react155.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react147.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/InputPassword.d.mts

@@ -1,8 +1,8 @@
 import { InputPasswordProps } from "./type.mjs";
-import * as react156 from "react";
+import * as react148 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react156.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react148.NamedExoticComponent<InputPasswordProps>;
 //#endregion
 export { InputPassword };
 //# sourceMappingURL=InputPassword.d.mts.map

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react157 from "react";
+import * as react146 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react157.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react146.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.d.mts.map

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react26 from "react";
+import * as react23 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react26.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react23.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react27 from "react";
+import * as react24 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react27.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react24.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutMain.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react28 from "react";
+import * as react25 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react28.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react25.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutSidebar.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarProps } from "../type.mjs";
-import * as react29 from "react";
+import * as react26 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react29.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react26.NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
 export { LayoutSidebar };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react30 from "react";
+import * as react27 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react30.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react27.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react31 from "react";
+import * as react28 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react31.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react28.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react25 from "react";
+import * as react31 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react25.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react31.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react24 from "react";
+import * as react21 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react24.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react21.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs

@@ -4,45 +4,129 @@ import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownCompon
 import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
 import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
 import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRemarkPlugins.mjs";
+import { rehypeStreamAnimated } from "../plugins/rehypeStreamAnimated.mjs";
 import { styles } from "./style.mjs";
-import { createElement, memo, useId, useMemo } from "react";
+import { useStreamQueue } from "./useStreamQueue.mjs";
+import { createElement, memo, useEffect, useId, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import Markdown from "react-markdown";
 import { marked } from "marked";
 import remend from "remend";
 
 //#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
-const parseMarkdownIntoBlocks = (markdown) => {
-	return marked.lexer(markdown).map((token) => token.raw);
+const STREAM_CHAR_DELAY = 15;
+function countChars(text) {
+	return [...text].length;
+}
+const isRecord = (value) => typeof value === "object" && value !== null;
+const isDeepEqualValue = (a, b) => {
+	if (a === b) return true;
+	if (Array.isArray(a) || Array.isArray(b)) {
+		if (!Array.isArray(a) || !Array.isArray(b)) return false;
+		if (a.length !== b.length) return false;
+		for (let i = 0; i < a.length; i++) if (!isDeepEqualValue(a[i], b[i])) return false;
+		return true;
+	}
+	if (!isRecord(a) || !isRecord(b)) return false;
+	const keysA = Object.keys(a);
+	const keysB = Object.keys(b);
+	if (keysA.length !== keysB.length) return false;
+	for (const key of keysA) if (!isDeepEqualValue(a[key], b[key])) return false;
+	return true;
+};
+const isSamePlugin = (prevPlugin, nextPlugin) => {
+	const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];
+	const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];
+	if (prevTuple.length !== nextTuple.length) return false;
+	if (prevTuple[0] !== nextTuple[0]) return false;
+	return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));
+};
+const isSamePlugins = (prevPlugins, nextPlugins) => {
+	if (prevPlugins === nextPlugins) return true;
+	if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;
+	if (prevPlugins.length !== nextPlugins.length) return false;
+	for (let i = 0; i < prevPlugins.length; i++) if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;
+	return true;
+};
+const useStablePlugins = (plugins) => {
+	const stableRef = useRef(plugins);
+	if (!isSamePlugins(stableRef.current, plugins)) stableRef.current = plugins;
+	return stableRef.current;
 };
 const StreamdownBlock = memo(({ children, ...rest }) => {
 	return /* @__PURE__ */ jsx(Markdown, {
 		...rest,
 		children
 	});
-}, (prevProps, nextProps) => prevProps.children === nextProps.children);
+}, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components && isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) && isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins));
 StreamdownBlock.displayName = "StreamdownBlock";
 const StreamdownRender = memo(({ children, ...rest }) => {
 	const escapedContent = useMarkdownContent(children || "");
 	const components = useMarkdownComponents();
-	const rehypePluginsList = useMarkdownRehypePlugins();
-	const remarkPluginsList = useMarkdownRemarkPlugins();
+	const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());
+	const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());
 	const generatedId = useId();
 	const processedContent = useMemo(() => {
 		return remend(typeof escapedContent === "string" ? escapedContent : "");
 	}, [escapedContent]);
-	const blocks = useMemo(() => parseMarkdownIntoBlocks(processedContent), [processedContent]);
+	const blocks = useMemo(() => {
+		const tokens = marked.lexer(processedContent);
+		let offset = 0;
+		return tokens.map((token) => {
+			const block = {
+				content: token.raw,
+				startOffset: offset
+			};
+			offset += token.raw.length;
+			return block;
+		});
+	}, [processedContent]);
+	const { getBlockState, charDelay } = useStreamQueue(blocks);
+	const staggerPlugins = useMemo(() => [...baseRehypePlugins, [rehypeStreamAnimated, {
+		baseCharCount: 0,
+		charDelay
+	}]], [baseRehypePlugins, charDelay]);
+	const revealedPlugins = useMemo(() => [...baseRehypePlugins, [rehypeStreamAnimated, { revealed: true }]], [baseRehypePlugins]);
+	const prevCharCountRef = useRef(0);
+	const prevStreamOffsetRef = useRef(-1);
+	useEffect(() => {
+		const tailIdx = blocks.length - 1;
+		if (tailIdx >= 0) {
+			const tail = blocks[tailIdx];
+			if (tail.startOffset !== prevStreamOffsetRef.current) {
+				prevStreamOffsetRef.current = tail.startOffset;
+				prevCharCountRef.current = 0;
+			}
+			prevCharCountRef.current = countChars(tail.content);
+		} else {
+			prevCharCountRef.current = 0;
+			prevStreamOffsetRef.current = -1;
+		}
+	}, [blocks]);
 	return /* @__PURE__ */ jsx("div", {
 		className: styles.animated,
-		children: blocks.map((block, index) => /* @__PURE__ */ createElement(StreamdownBlock, {
-			...rest,
-			components,
-			key: `${generatedId}-block_${index}`,
-			rehypePlugins: rehypePluginsList,
-			remarkPlugins: remarkPluginsList
-		}, block))
+		children: blocks.map((block, index) => {
+			const state = getBlockState(index);
+			if (state === "queued") return null;
+			let plugins;
+			if (state === "streaming") {
+				const baseCharCount = block.startOffset === prevStreamOffsetRef.current ? prevCharCountRef.current : 0;
+				plugins = [...baseRehypePlugins, [rehypeStreamAnimated, {
+					baseCharCount,
+					charDelay: STREAM_CHAR_DELAY
+				}]];
+			} else if (state === "animating") plugins = staggerPlugins;
+			else plugins = revealedPlugins;
+			return /* @__PURE__ */ createElement(StreamdownBlock, {
+				...rest,
+				components,
+				key: `${generatedId}-${block.startOffset}`,
+				rehypePlugins: plugins,
+				remarkPlugins
+			}, block.content);
+		})
 	});
-}, (prevProps, nextProps) => prevProps.children === nextProps.children);
+});
 StreamdownRender.displayName = "StreamdownRender";
 var StreamdownRender_default = StreamdownRender;
 

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport { memo, useId, useMemo } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\n\nimport { styles } from './style';\n\nconst parseMarkdownIntoBlocks = (markdown: string): string[] => {\n  const tokens = marked.lexer(markdown);\n  return tokens.map((token) => token.raw);\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(\n  ({ children, ...rest }) => {\n    const escapedContent = useMarkdownContent(children || '');\n    const components = useMarkdownComponents();\n    const rehypePluginsList = useMarkdownRehypePlugins();\n    const remarkPluginsList = useMarkdownRemarkPlugins();\n    const generatedId = useId();\n    const processedContent = useMemo(() => {\n      const content = typeof escapedContent === 'string' ? escapedContent : '';\n      return remend(content);\n    }, [escapedContent]);\n\n    const blocks = useMemo(() => parseMarkdownIntoBlocks(processedContent), [processedContent]);\n\n    return (\n      <div className={styles.animated}>\n        {blocks.map((block, index) => (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            key={`${generatedId}-block_${index}`}\n            rehypePlugins={rehypePluginsList}\n            remarkPlugins={remarkPluginsList}\n          >\n            {block}\n          </StreamdownBlock>\n        ))}\n      </div>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,2BAA2B,aAA+B;AAE9D,QADe,OAAO,MAAM,SAAS,CACvB,KAAK,UAAU,MAAM,IAAI;;AAGzC,MAAM,kBAAkB,MACrB,EAAE,UAAU,GAAG,WAAW;AACzB,QAAO,oBAAC;EAAS,GAAI;EAAO;GAAoB;IAEjD,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AAED,gBAAgB,cAAc;AAE9B,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,cAAc,OAAO;CAC3B,MAAM,mBAAmB,cAAc;AAErC,SAAO,OADS,OAAO,mBAAmB,WAAW,iBAAiB,GAChD;IACrB,CAAC,eAAe,CAAC;CAEpB,MAAM,SAAS,cAAc,wBAAwB,iBAAiB,EAAE,CAAC,iBAAiB,CAAC;AAE3F,QACE,oBAAC;EAAI,WAAW,OAAO;YACpB,OAAO,KAAK,OAAO,UAClB,8BAAC;GACC,GAAI;GACQ;GACZ,KAAK,GAAG,YAAY,SAAS;GAC7B,eAAe;GACf,eAAe;KAEd,MACe,CAClB;GACE;IAGT,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D;AACD,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"StreamdownRender.mjs","names":["blocks: BlockInfo[]","staggerPlugins: Pluggable[]","revealedPlugins: Pluggable[]","plugins: Pluggable[]"],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport { memo, useEffect, useId, useMemo, useRef } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\nimport type { Pluggable, PluggableList } from 'unified';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\n\nimport { styles } from './style';\nimport { type BlockInfo, useStreamQueue } from './useStreamQueue';\n\nconst STREAM_CHAR_DELAY = 15;\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null;\n\nconst isDeepEqualValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b)) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) {\n      if (!isDeepEqualValue(a[i], b[i])) return false;\n    }\n    return true;\n  }\n\n  if (!isRecord(a) || !isRecord(b)) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!isDeepEqualValue(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\n\n  if (prevTuple.length !== nextTuple.length) return false;\n  if (prevTuple[0] !== nextTuple[0]) return false;\n\n  return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));\n};\n\nconst isSamePlugins = (\n  prevPlugins?: PluggableList | null,\n  nextPlugins?: PluggableList | null,\n): boolean => {\n  if (prevPlugins === nextPlugins) return true;\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\n  if (prevPlugins.length !== nextPlugins.length) return false;\n\n  for (let i = 0; i < prevPlugins.length; i++) {\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\n  }\n\n  return true;\n};\n\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\n  const stableRef = useRef<PluggableList>(plugins);\n\n  if (!isSamePlugins(stableRef.current, plugins)) {\n    stableRef.current = plugins;\n  }\n\n  return stableRef.current;\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components &&\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\n  const escapedContent = useMarkdownContent(children || '');\n  const components = useMarkdownComponents();\n  const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\n  const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\n  const generatedId = useId();\n\n  const processedContent = useMemo(() => {\n    const content = typeof escapedContent === 'string' ? escapedContent : '';\n    return remend(content);\n  }, [escapedContent]);\n\n  const blocks: BlockInfo[] = useMemo(() => {\n    const tokens = marked.lexer(processedContent);\n    let offset = 0;\n    return tokens.map((token) => {\n      const block = { content: token.raw, startOffset: offset };\n      offset += token.raw.length;\n      return block;\n    });\n  }, [processedContent]);\n\n  const { getBlockState, charDelay } = useStreamQueue(blocks);\n\n  const staggerPlugins: Pluggable[] = useMemo(\n    () => [...baseRehypePlugins, [rehypeStreamAnimated, { baseCharCount: 0, charDelay }]],\n    [baseRehypePlugins, charDelay],\n  );\n\n  const revealedPlugins: Pluggable[] = useMemo(\n    () => [...baseRehypePlugins, [rehypeStreamAnimated, { revealed: true }]],\n    [baseRehypePlugins],\n  );\n\n  // prevCharCount tracks the PREVIOUS render's streaming char count.\n  // Updated in useEffect (after render) to avoid stale reads during\n  // synchronous re-renders (e.g. useLayoutEffect auto-reveal).\n  const prevCharCountRef = useRef(0);\n  const prevStreamOffsetRef = useRef(-1);\n\n  useEffect(() => {\n    const tailIdx = blocks.length - 1;\n    if (tailIdx >= 0) {\n      const tail = blocks[tailIdx];\n      if (tail.startOffset !== prevStreamOffsetRef.current) {\n        prevStreamOffsetRef.current = tail.startOffset;\n        prevCharCountRef.current = 0;\n      }\n      prevCharCountRef.current = countChars(tail.content);\n    } else {\n      prevCharCountRef.current = 0;\n      prevStreamOffsetRef.current = -1;\n    }\n  }, [blocks]);\n\n  return (\n    <div className={styles.animated}>\n      {blocks.map((block, index) => {\n        const state = getBlockState(index);\n        if (state === 'queued') return null;\n\n        let plugins: Pluggable[];\n        if (state === 'streaming') {\n          const baseCharCount =\n            block.startOffset === prevStreamOffsetRef.current ? prevCharCountRef.current : 0;\n          plugins = [\n            ...baseRehypePlugins,\n            [rehypeStreamAnimated, { baseCharCount, charDelay: STREAM_CHAR_DELAY }],\n          ];\n        } else if (state === 'animating') {\n          plugins = staggerPlugins;\n        } else {\n          plugins = revealedPlugins;\n        }\n\n        return (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            key={`${generatedId}-${block.startOffset}`}\n            rehypePlugins={plugins}\n            remarkPlugins={remarkPlugins}\n          >\n            {block.content}\n          </StreamdownBlock>\n        );\n      })}\n    </div>\n  );\n});\n\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":"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"}

package/es/Markdown/SyntaxMarkdown/style.mjs

@@ -4,15 +4,20 @@ import { createStaticStyles } from "antd-style";
 //#region src/Markdown/SyntaxMarkdown/style.ts
 const styles = createStaticStyles(({ css: css$1 }) => {
 	return { animated: css$1`
-      .animate-fade-in,
-      .katex-html > .base,
-      span.line > span,
-      code:not(:has(span.line)) {
+      .stream-char {
+        opacity: 0;
+
+        animation-name: ${fadeIn};
+        animation-duration: 150ms;
+        animation-timing-function: ease-out;
+        animation-fill-mode: forwards;
+      }
+
+      .stream-char-revealed {
         opacity: 1;
-        animation: ${fadeIn} 1s ease-in-out;
+        animation: none;
       }
 
-      /* 只对 .base 级别的 span 应用流式动画，不要穿透到内部 */
       .katex-display .katex-html span {
         mask: none !important;
         animation: none !important;

package/es/Markdown/SyntaxMarkdown/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    animated: css`\n      .animate-fade-in,\n      .katex-html > .base,\n      span.line > span,\n      code:not(:has(span.line)) {\n        opacity: 1;\n        animation: ${fadeIn} 1s ease-in-out;\n      }\n\n      /* 只对 .base 级别的 span 应用流式动画，不要穿透到内部 */\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,UAAU,KAAG;;;;;;qBAMI,OAAO;;;;;;;;OASzB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { fadeIn } from '@/styles/animations';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    animated: css`\n      .stream-char {\n        opacity: 0;\n\n        animation-name: ${fadeIn};\n        animation-duration: 150ms;\n        animation-timing-function: ease-out;\n        animation-fill-mode: forwards;\n      }\n\n      .stream-char-revealed {\n        opacity: 1;\n        animation: none;\n      }\n\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,UAAU,KAAG;;;;0BAIS,OAAO;;;;;;;;;;;;;;;OAgB9B;EACD"}

package/es/Markdown/SyntaxMarkdown/useStreamQueue.mjs

@@ -0,0 +1,89 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/Markdown/SyntaxMarkdown/useStreamQueue.ts
+const BASE_DELAY = 20;
+const ACCELERATION_FACTOR = .3;
+const MAX_BLOCK_DURATION = 3e3;
+const FADE_DURATION = 150;
+function countChars(text) {
+	return [...text].length;
+}
+function computeCharDelay(queueLength, charCount) {
+	let delay = BASE_DELAY / (1 + queueLength * ACCELERATION_FACTOR);
+	delay = Math.min(delay, MAX_BLOCK_DURATION / Math.max(charCount, 1));
+	return delay;
+}
+function useStreamQueue(blocks) {
+	const [revealedCount, setRevealedCount] = useState(0);
+	const timerRef = useRef(null);
+	const prevBlocksLenRef = useRef(0);
+	const minRevealedRef = useRef(0);
+	if (blocks.length === 0 && prevBlocksLenRef.current !== 0) minRevealedRef.current = 0;
+	if (blocks.length > prevBlocksLenRef.current && prevBlocksLenRef.current > 0) {
+		const prevTail = prevBlocksLenRef.current - 1;
+		minRevealedRef.current = Math.max(minRevealedRef.current, prevTail + 1);
+	}
+	prevBlocksLenRef.current = blocks.length;
+	useEffect(() => {
+		if (blocks.length === 0) {
+			setRevealedCount(0);
+			minRevealedRef.current = 0;
+			if (timerRef.current) {
+				clearTimeout(timerRef.current);
+				timerRef.current = null;
+			}
+		}
+	}, [blocks.length]);
+	const effectiveRevealedCount = Math.max(revealedCount, minRevealedRef.current);
+	const tailIndex = blocks.length - 1;
+	const getBlockState = useCallback((index) => {
+		if (index < effectiveRevealedCount) return "revealed";
+		if (index === effectiveRevealedCount && index < tailIndex) return "animating";
+		if (index === effectiveRevealedCount && index === tailIndex) return "streaming";
+		return "queued";
+	}, [effectiveRevealedCount, tailIndex]);
+	const queueLength = Math.max(0, tailIndex - effectiveRevealedCount - 1);
+	const animatingIndex = effectiveRevealedCount < tailIndex ? effectiveRevealedCount : -1;
+	const animatingCharCount = animatingIndex >= 0 ? countChars(blocks[animatingIndex]?.content ?? "") : 0;
+	const frozenRef = useRef({
+		delay: BASE_DELAY,
+		index: -1
+	});
+	if (animatingIndex >= 0 && animatingIndex !== frozenRef.current.index) frozenRef.current = {
+		delay: computeCharDelay(queueLength, animatingCharCount),
+		index: animatingIndex
+	};
+	const charDelay = animatingIndex >= 0 ? frozenRef.current.delay : BASE_DELAY;
+	const onAnimationDone = useCallback(() => {
+		setRevealedCount(effectiveRevealedCount + 1);
+	}, [effectiveRevealedCount]);
+	useEffect(() => {
+		if (timerRef.current) {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		}
+		if (animatingIndex < 0) return;
+		const totalTime = Math.max(0, (animatingCharCount - 1) * charDelay) + FADE_DURATION;
+		timerRef.current = setTimeout(onAnimationDone, totalTime);
+		return () => {
+			if (timerRef.current) {
+				clearTimeout(timerRef.current);
+				timerRef.current = null;
+			}
+		};
+	}, [
+		animatingIndex,
+		animatingCharCount,
+		charDelay,
+		onAnimationDone
+	]);
+	return {
+		charDelay,
+		getBlockState,
+		queueLength
+	};
+}
+
+//#endregion
+export { useStreamQueue };
+//# sourceMappingURL=useStreamQueue.mjs.map

package/es/Markdown/SyntaxMarkdown/useStreamQueue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStreamQueue.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/useStreamQueue.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface BlockInfo {\n  content: string;\n  startOffset: number;\n}\n\nexport type BlockState = 'revealed' | 'animating' | 'streaming' | 'queued';\n\nconst BASE_DELAY = 20;\nconst ACCELERATION_FACTOR = 0.3;\nconst MAX_BLOCK_DURATION = 3000;\nconst FADE_DURATION = 150;\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nfunction computeCharDelay(queueLength: number, charCount: number): number {\n  const acceleration = 1 + queueLength * ACCELERATION_FACTOR;\n  let delay = BASE_DELAY / acceleration;\n  delay = Math.min(delay, MAX_BLOCK_DURATION / Math.max(charCount, 1));\n  return delay;\n}\n\nexport interface UseStreamQueueReturn {\n  charDelay: number;\n  getBlockState: (index: number) => BlockState;\n  queueLength: number;\n}\n\nexport function useStreamQueue(blocks: BlockInfo[]): UseStreamQueueReturn {\n  const [revealedCount, setRevealedCount] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const prevBlocksLenRef = useRef(0);\n  const minRevealedRef = useRef(0);\n\n  // Synchronous auto-reveal during render.\n  // When blocks grow, the previous tail (streaming block) is instantly\n  // promoted to revealed — its chars are already visible via stream-mode\n  // animation. This runs during render (not in effect) so there is NO\n  // intermediate frame where the old streaming block enters 'animating'\n  // state and gets stagger plugins that would restart its animations.\n  if (blocks.length === 0 && prevBlocksLenRef.current !== 0) {\n    minRevealedRef.current = 0;\n  }\n  if (blocks.length > prevBlocksLenRef.current && prevBlocksLenRef.current > 0) {\n    const prevTail = prevBlocksLenRef.current - 1;\n    minRevealedRef.current = Math.max(minRevealedRef.current, prevTail + 1);\n  }\n  prevBlocksLenRef.current = blocks.length;\n\n  // State reset when stream restarts (blocks empty)\n  useEffect(() => {\n    if (blocks.length === 0) {\n      setRevealedCount(0);\n      minRevealedRef.current = 0;\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    }\n  }, [blocks.length]);\n\n  const effectiveRevealedCount = Math.max(revealedCount, minRevealedRef.current);\n  const tailIndex = blocks.length - 1;\n\n  const getBlockState = useCallback(\n    (index: number): BlockState => {\n      if (index < effectiveRevealedCount) return 'revealed';\n      if (index === effectiveRevealedCount && index < tailIndex) return 'animating';\n      if (index === effectiveRevealedCount && index === tailIndex) return 'streaming';\n      return 'queued';\n    },\n    [effectiveRevealedCount, tailIndex],\n  );\n\n  const queueLength = Math.max(0, tailIndex - effectiveRevealedCount - 1);\n\n  const animatingIndex = effectiveRevealedCount < tailIndex ? effectiveRevealedCount : -1;\n  const animatingCharCount =\n    animatingIndex >= 0 ? countChars(blocks[animatingIndex]?.content ?? '') : 0;\n\n  // Freeze charDelay when a new block starts animating\n  const frozenRef = useRef({ delay: BASE_DELAY, index: -1 });\n  if (animatingIndex >= 0 && animatingIndex !== frozenRef.current.index) {\n    frozenRef.current = {\n      delay: computeCharDelay(queueLength, animatingCharCount),\n      index: animatingIndex,\n    };\n  }\n  const charDelay = animatingIndex >= 0 ? frozenRef.current.delay : BASE_DELAY;\n\n  const onAnimationDone = useCallback(() => {\n    setRevealedCount(effectiveRevealedCount + 1);\n  }, [effectiveRevealedCount]);\n\n  useEffect(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n\n    if (animatingIndex < 0) return;\n\n    const totalTime = Math.max(0, (animatingCharCount - 1) * charDelay) + FADE_DURATION;\n    timerRef.current = setTimeout(onAnimationDone, totalTime);\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [animatingIndex, animatingCharCount, charDelay, onAnimationDone]);\n\n  return { charDelay, getBlockState, queueLength };\n}\n"],"mappings":";;;AASA,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AAEtB,SAAS,WAAW,MAAsB;AACxC,QAAO,CAAC,GAAG,KAAK,CAAC;;AAGnB,SAAS,iBAAiB,aAAqB,WAA2B;CAExE,IAAI,QAAQ,cADS,IAAI,cAAc;AAEvC,SAAQ,KAAK,IAAI,OAAO,qBAAqB,KAAK,IAAI,WAAW,EAAE,CAAC;AACpE,QAAO;;AAST,SAAgB,eAAe,QAA2C;CACxE,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,WAAW,OAA6C,KAAK;CACnE,MAAM,mBAAmB,OAAO,EAAE;CAClC,MAAM,iBAAiB,OAAO,EAAE;AAQhC,KAAI,OAAO,WAAW,KAAK,iBAAiB,YAAY,EACtD,gBAAe,UAAU;AAE3B,KAAI,OAAO,SAAS,iBAAiB,WAAW,iBAAiB,UAAU,GAAG;EAC5E,MAAM,WAAW,iBAAiB,UAAU;AAC5C,iBAAe,UAAU,KAAK,IAAI,eAAe,SAAS,WAAW,EAAE;;AAEzE,kBAAiB,UAAU,OAAO;AAGlC,iBAAgB;AACd,MAAI,OAAO,WAAW,GAAG;AACvB,oBAAiB,EAAE;AACnB,kBAAe,UAAU;AACzB,OAAI,SAAS,SAAS;AACpB,iBAAa,SAAS,QAAQ;AAC9B,aAAS,UAAU;;;IAGtB,CAAC,OAAO,OAAO,CAAC;CAEnB,MAAM,yBAAyB,KAAK,IAAI,eAAe,eAAe,QAAQ;CAC9E,MAAM,YAAY,OAAO,SAAS;CAElC,MAAM,gBAAgB,aACnB,UAA8B;AAC7B,MAAI,QAAQ,uBAAwB,QAAO;AAC3C,MAAI,UAAU,0BAA0B,QAAQ,UAAW,QAAO;AAClE,MAAI,UAAU,0BAA0B,UAAU,UAAW,QAAO;AACpE,SAAO;IAET,CAAC,wBAAwB,UAAU,CACpC;CAED,MAAM,cAAc,KAAK,IAAI,GAAG,YAAY,yBAAyB,EAAE;CAEvE,MAAM,iBAAiB,yBAAyB,YAAY,yBAAyB;CACrF,MAAM,qBACJ,kBAAkB,IAAI,WAAW,OAAO,iBAAiB,WAAW,GAAG,GAAG;CAG5E,MAAM,YAAY,OAAO;EAAE,OAAO;EAAY,OAAO;EAAI,CAAC;AAC1D,KAAI,kBAAkB,KAAK,mBAAmB,UAAU,QAAQ,MAC9D,WAAU,UAAU;EAClB,OAAO,iBAAiB,aAAa,mBAAmB;EACxD,OAAO;EACR;CAEH,MAAM,YAAY,kBAAkB,IAAI,UAAU,QAAQ,QAAQ;CAElE,MAAM,kBAAkB,kBAAkB;AACxC,mBAAiB,yBAAyB,EAAE;IAC3C,CAAC,uBAAuB,CAAC;AAE5B,iBAAgB;AACd,MAAI,SAAS,SAAS;AACpB,gBAAa,SAAS,QAAQ;AAC9B,YAAS,UAAU;;AAGrB,MAAI,iBAAiB,EAAG;EAExB,MAAM,YAAY,KAAK,IAAI,IAAI,qBAAqB,KAAK,UAAU,GAAG;AACtE,WAAS,UAAU,WAAW,iBAAiB,UAAU;AAEzD,eAAa;AACX,OAAI,SAAS,SAAS;AACpB,iBAAa,SAAS,QAAQ;AAC9B,aAAS,UAAU;;;IAGtB;EAAC;EAAgB;EAAoB;EAAW;EAAgB,CAAC;AAEpE,QAAO;EAAE;EAAW;EAAe;EAAa"}

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react23 from "react";
+import * as react20 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react23.NamedExoticComponent<TypographyProps>;
+declare const Typography: react20.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react77 from "react";
+import * as react66 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react77.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react66.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/plugins/rehypeStreamAnimated.d.mts

@@ -1,7 +1,12 @@
 import { Root } from "hast";
 
 //#region src/Markdown/plugins/rehypeStreamAnimated.d.ts
-declare const rehypeStreamAnimated: () => (tree: Root) => void;
+interface StreamAnimatedOptions {
+  baseCharCount?: number;
+  charDelay?: number;
+  revealed?: boolean;
+}
+declare const rehypeStreamAnimated: (options?: StreamAnimatedOptions) => (tree: Root) => void;
 //#endregion
 export { rehypeStreamAnimated };
 //# sourceMappingURL=rehypeStreamAnimated.d.mts.map

package/es/Markdown/plugins/rehypeStreamAnimated.mjs

@@ -1,34 +1,65 @@
 import { visit } from "../../node_modules/unist-util-visit/lib/index.mjs";
 
 //#region src/Markdown/plugins/rehypeStreamAnimated.ts
-const rehypeStreamAnimated = () => {
+const BLOCK_TAGS = new Set([
+	"p",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"li"
+]);
+const SKIP_TAGS = new Set([
+	"pre",
+	"code",
+	"table",
+	"svg"
+]);
+function hasClass(node, cls) {
+	const cn = node.properties?.className;
+	if (Array.isArray(cn)) return cn.some((c) => String(c).includes(cls));
+	if (typeof cn === "string") return cn.includes(cls);
+	return false;
+}
+const rehypeStreamAnimated = (options = {}) => {
+	const { charDelay = 20, baseCharCount = 0, revealed = false } = options;
 	return (tree) => {
-		visit(tree, "element", ((node) => {
-			if ([
-				"p",
-				"h1",
-				"h2",
-				"h3",
-				"h4",
-				"h5",
-				"h6",
-				"li",
-				"strong"
-			].includes(node.tagName) && node.children) {
-				const newChildren = [];
-				for (const child of node.children) if (child.type === "text") [...new Intl.Segmenter("zh", { granularity: "word" }).segment(child.value)].map((segment) => segment.segment).filter(Boolean).forEach((word) => {
-					newChildren.push({
-						children: [{
-							type: "text",
-							value: word
-						}],
-						properties: { className: "animate-fade-in" },
-						tagName: "span",
-						type: "element"
-					});
+		let globalCharIndex = 0;
+		const shouldSkip = (node) => {
+			return SKIP_TAGS.has(node.tagName) || hasClass(node, "katex");
+		};
+		const wrapText = (node) => {
+			const newChildren = [];
+			for (const child of node.children) if (child.type === "text") for (const char of child.value) {
+				const properties = { className: revealed ? "stream-char stream-char-revealed" : "stream-char" };
+				if (!revealed) {
+					const delay = Math.max(0, globalCharIndex - baseCharCount) * charDelay;
+					if (delay > 0) properties.style = `animation-delay:${delay}ms`;
+				}
+				newChildren.push({
+					children: [{
+						type: "text",
+						value: char
+					}],
+					properties,
+					tagName: "span",
+					type: "element"
 				});
-				else newChildren.push(child);
-				node.children = newChildren;
+				globalCharIndex++;
+			}
+			else if (child.type === "element") {
+				if (!shouldSkip(child)) wrapText(child);
+				newChildren.push(child);
+			} else newChildren.push(child);
+			node.children = newChildren;
+		};
+		visit(tree, "element", ((node) => {
+			if (shouldSkip(node)) return "skip";
+			if (BLOCK_TAGS.has(node.tagName)) {
+				wrapText(node);
+				return "skip";
 			}
 		}));
 	};

package/es/Markdown/plugins/rehypeStreamAnimated.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeStreamAnimated.mjs","names":["newChildren: Array<ElementContent>"],"sources":["../../../src/Markdown/plugins/rehypeStreamAnimated.ts"],"sourcesContent":["// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n// SPDX-License-Identifier: MIT\nimport { type Element, type ElementContent, type Root } from 'hast';\nimport { type BuildVisitor } from 'unist-util-visit';\nimport { visit } from 'unist-util-visit';\n\nexport const rehypeStreamAnimated = () => {\n  return (tree: Root) => {\n    visit(tree, 'element', ((node: Element) => {\n      if (\n        ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) &&\n        node.children\n      ) {\n        const newChildren: Array<ElementContent> = [];\n        for (const child of node.children) {\n          if (child.type === 'text') {\n            const segmenter = new Intl.Segmenter('zh', { granularity: 'word' });\n            const segments = segmenter.segment(child.value);\n            const words = [...segments].map((segment) => segment.segment).filter(Boolean);\n            words.forEach((word: string) => {\n              newChildren.push({\n                children: [{ type: 'text', value: word }],\n                properties: {\n                  className: 'animate-fade-in',\n                },\n                tagName: 'span',\n                type: 'element',\n              });\n            });\n          } else {\n            newChildren.push(child);\n          }\n        }\n        node.children = newChildren;\n      }\n    }) as BuildVisitor<Root, 'element'>);\n  };\n};\n"],"mappings":";;;AAMA,MAAa,6BAA6B;AACxC,SAAQ,SAAe;AACrB,QAAM,MAAM,aAAa,SAAkB;AACzC,OACE;IAAC;IAAK;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAM;IAAS,CAAC,SAAS,KAAK,QAAQ,IAChF,KAAK,UACL;IACA,MAAMA,cAAqC,EAAE;AAC7C,SAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,OAIjB,CADc,CAAC,GAFG,IAAI,KAAK,UAAU,MAAM,EAAE,aAAa,QAAQ,CAAC,CACxC,QAAQ,MAAM,MAAM,CACpB,CAAC,KAAK,YAAY,QAAQ,QAAQ,CAAC,OAAO,QAAQ,CACvE,SAAS,SAAiB;AAC9B,iBAAY,KAAK;MACf,UAAU,CAAC;OAAE,MAAM;OAAQ,OAAO;OAAM,CAAC;MACzC,YAAY,EACV,WAAW,mBACZ;MACD,SAAS;MACT,MAAM;MACP,CAAC;MACF;QAEF,aAAY,KAAK,MAAM;AAG3B,SAAK,WAAW;;KAEgB"}
+{"version":3,"file":"rehypeStreamAnimated.mjs","names":["newChildren: ElementContent[]","properties: Record<string, any>"],"sources":["../../../src/Markdown/plugins/rehypeStreamAnimated.ts"],"sourcesContent":["import { type Element, type ElementContent, type Root } from 'hast';\nimport { type BuildVisitor } from 'unist-util-visit';\nimport { visit } from 'unist-util-visit';\n\nexport interface StreamAnimatedOptions {\n  baseCharCount?: number;\n  charDelay?: number;\n  revealed?: boolean;\n}\n\nconst BLOCK_TAGS = new Set(['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li']);\nconst SKIP_TAGS = new Set(['pre', 'code', 'table', 'svg']);\n\nfunction hasClass(node: Element, cls: string): boolean {\n  const cn = node.properties?.className;\n  if (Array.isArray(cn)) return cn.some((c) => String(c).includes(cls));\n  if (typeof cn === 'string') return cn.includes(cls);\n  return false;\n}\n\nexport const rehypeStreamAnimated = (options: StreamAnimatedOptions = {}) => {\n  const { charDelay = 20, baseCharCount = 0, revealed = false } = options;\n\n  return (tree: Root) => {\n    let globalCharIndex = 0;\n\n    const shouldSkip = (node: Element): boolean => {\n      return SKIP_TAGS.has(node.tagName) || hasClass(node, 'katex');\n    };\n\n    const wrapText = (node: Element) => {\n      const newChildren: ElementContent[] = [];\n      for (const child of node.children) {\n        if (child.type === 'text') {\n          for (const char of child.value) {\n            const properties: Record<string, any> = {\n              className: revealed ? 'stream-char stream-char-revealed' : 'stream-char',\n            };\n            if (!revealed) {\n              const relativeIndex = Math.max(0, globalCharIndex - baseCharCount);\n              const delay = relativeIndex * charDelay;\n              if (delay > 0) {\n                properties.style = `animation-delay:${delay}ms`;\n              }\n            }\n            newChildren.push({\n              children: [{ type: 'text', value: char }],\n              properties,\n              tagName: 'span',\n              type: 'element',\n            });\n            globalCharIndex++;\n          }\n        } else if (child.type === 'element') {\n          if (!shouldSkip(child)) {\n            wrapText(child);\n          }\n          newChildren.push(child);\n        } else {\n          newChildren.push(child);\n        }\n      }\n      node.children = newChildren;\n    };\n\n    visit(tree, 'element', ((node: Element) => {\n      if (shouldSkip(node)) return 'skip';\n      if (BLOCK_TAGS.has(node.tagName)) {\n        wrapText(node);\n        return 'skip';\n      }\n    }) as BuildVisitor<Root, 'element'>);\n  };\n};\n"],"mappings":";;;AAUA,MAAM,aAAa,IAAI,IAAI;CAAC;CAAK;CAAM;CAAM;CAAM;CAAM;CAAM;CAAM;CAAK,CAAC;AAC3E,MAAM,YAAY,IAAI,IAAI;CAAC;CAAO;CAAQ;CAAS;CAAM,CAAC;AAE1D,SAAS,SAAS,MAAe,KAAsB;CACrD,MAAM,KAAK,KAAK,YAAY;AAC5B,KAAI,MAAM,QAAQ,GAAG,CAAE,QAAO,GAAG,MAAM,MAAM,OAAO,EAAE,CAAC,SAAS,IAAI,CAAC;AACrE,KAAI,OAAO,OAAO,SAAU,QAAO,GAAG,SAAS,IAAI;AACnD,QAAO;;AAGT,MAAa,wBAAwB,UAAiC,EAAE,KAAK;CAC3E,MAAM,EAAE,YAAY,IAAI,gBAAgB,GAAG,WAAW,UAAU;AAEhE,SAAQ,SAAe;EACrB,IAAI,kBAAkB;EAEtB,MAAM,cAAc,SAA2B;AAC7C,UAAO,UAAU,IAAI,KAAK,QAAQ,IAAI,SAAS,MAAM,QAAQ;;EAG/D,MAAM,YAAY,SAAkB;GAClC,MAAMA,cAAgC,EAAE;AACxC,QAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,OACjB,MAAK,MAAM,QAAQ,MAAM,OAAO;IAC9B,MAAMC,aAAkC,EACtC,WAAW,WAAW,qCAAqC,eAC5D;AACD,QAAI,CAAC,UAAU;KAEb,MAAM,QADgB,KAAK,IAAI,GAAG,kBAAkB,cAAc,GACpC;AAC9B,SAAI,QAAQ,EACV,YAAW,QAAQ,mBAAmB,MAAM;;AAGhD,gBAAY,KAAK;KACf,UAAU,CAAC;MAAE,MAAM;MAAQ,OAAO;MAAM,CAAC;KACzC;KACA,SAAS;KACT,MAAM;KACP,CAAC;AACF;;YAEO,MAAM,SAAS,WAAW;AACnC,QAAI,CAAC,WAAW,MAAM,CACpB,UAAS,MAAM;AAEjB,gBAAY,KAAK,MAAM;SAEvB,aAAY,KAAK,MAAM;AAG3B,QAAK,WAAW;;AAGlB,QAAM,MAAM,aAAa,SAAkB;AACzC,OAAI,WAAW,KAAK,CAAE,QAAO;AAC7B,OAAI,WAAW,IAAI,KAAK,QAAQ,EAAE;AAChC,aAAS,KAAK;AACd,WAAO;;KAEyB"}

package/es/MaskShadow/MaskShadow.d.mts

@@ -1,8 +1,8 @@
 import { MaskShadowProps } from "./type.mjs";
-import * as react32 from "react";
+import * as react79 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react32.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react79.NamedExoticComponent<MaskShadowProps>;
 //#endregion
 export { MaskShadow };
 //# sourceMappingURL=MaskShadow.d.mts.map