@lobehub/ui 3.4.2 → 3.4.3

package/es/hooks/useMarkdown/useMarkdownComponents.mjs

@@ -0,0 +1,105 @@
+'use client';
+
+import Hotkey_default from "../../Hotkey/Hotkey.mjs";
+import { CodeBlock } from "../../Markdown/components/CodeBlock.mjs";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import Image_default from "../../mdx/mdxComponents/Image.mjs";
+import Link_default from "../../mdx/mdxComponents/Link.mjs";
+import Section_default from "../../mdx/mdxComponents/Section.mjs";
+import Video_default from "../../mdx/mdxComponents/Video.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/hooks/useMarkdown/useMarkdownComponents.tsx
+const useMarkdownComponents = () => {
+	const { components, animated, citations, componentProps, enableMermaid, fullFeaturedCodeBlock, showFootnotes } = useMarkdownContext();
+	const memoA = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Link_default, {
+		citations,
+		...props,
+		...componentProps?.a
+	}), [citations, componentProps?.a]);
+	const memoImg = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Image_default, {
+		...props,
+		...componentProps?.img
+	}), [componentProps?.img]);
+	const memoVideo = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Video_default, {
+		...props,
+		...componentProps?.video
+	}), [componentProps?.video]);
+	const memoSection = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(Section_default, {
+		showFootnotes,
+		...props
+	}), [showFootnotes]);
+	const memoKbd = useCallback(({ children }) => /* @__PURE__ */ jsx(Hotkey_default, {
+		keys: children,
+		style: { display: "inline-flex" }
+	}), []);
+	const memoBr = useCallback(() => /* @__PURE__ */ jsx("br", {}), []);
+	const memeP = useCallback(({ style, children, className }) => {
+		if (typeof children === "object" && ["img", "video"].includes(children?.props?.node?.tagName)) return children;
+		return /* @__PURE__ */ jsx("p", {
+			className,
+			style,
+			children
+		});
+	}, []);
+	const highlightTheme = useMemo(() => componentProps?.highlight?.theme, [JSON.stringify(componentProps?.highlight?.theme)]);
+	const mermaidTheme = useMemo(() => componentProps?.mermaid?.theme, [JSON.stringify(componentProps?.mermaid?.theme)]);
+	const stableComponentProps = useMemo(() => {
+		if (!componentProps) return;
+		return {
+			highlight: componentProps.highlight ? {
+				...componentProps.highlight,
+				theme: highlightTheme
+			} : void 0,
+			mermaid: componentProps.mermaid ? {
+				...componentProps.mermaid,
+				theme: mermaidTheme
+			} : void 0
+		};
+	}, [highlightTheme, mermaidTheme]);
+	const memoPre = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx(CodeBlock, {
+		animated,
+		enableMermaid,
+		fullFeatured: fullFeaturedCodeBlock,
+		...stableComponentProps,
+		...componentProps?.pre,
+		...props
+	}), [
+		animated,
+		enableMermaid,
+		fullFeaturedCodeBlock,
+		stableComponentProps,
+		componentProps?.pre
+	]);
+	const memoColorPreview = useCallback(({ node, ...props }) => /* @__PURE__ */ jsx("code", { ...props }), []);
+	const memoComponents = useMemo(() => ({
+		a: memoA,
+		br: memoBr,
+		colorPreview: memoColorPreview,
+		img: memoImg,
+		kbd: memoKbd,
+		p: memeP,
+		pre: memoPre,
+		section: memoSection,
+		video: memoVideo
+	}), [
+		memoA,
+		memoBr,
+		memoImg,
+		memoVideo,
+		memoPre,
+		memoSection,
+		memeP,
+		memoColorPreview,
+		memoKbd
+	]);
+	return useMemo(() => ({
+		...memoComponents,
+		...components
+	}), [memoComponents, components]);
+};
+
+//#endregion
+export { useMarkdownComponents };
+//# sourceMappingURL=useMarkdownComponents.mjs.map

package/es/hooks/useMarkdown/useMarkdownComponents.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownComponents.mjs","names":["Link","Image","Video","Section","Hotkey"],"sources":["../../../src/hooks/useMarkdown/useMarkdownComponents.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo } from 'react';\nimport type { Components } from 'react-markdown';\n\nimport Hotkey from '@/Hotkey';\nimport { CodeBlock } from '@/Markdown/components/CodeBlock';\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport Image from '@/mdx/mdxComponents/Image';\nimport Link from '@/mdx/mdxComponents/Link';\nimport Section from '@/mdx/mdxComponents/Section';\nimport Video from '@/mdx/mdxComponents/Video';\n\nexport const useMarkdownComponents = (): Components => {\n  const {\n    components,\n    animated,\n    citations,\n    componentProps,\n    enableMermaid,\n    fullFeaturedCodeBlock,\n    showFootnotes,\n  } = useMarkdownContext();\n\n  const memoA = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => <Link citations={citations} {...props} {...componentProps?.a} />,\n    [citations, componentProps?.a],\n  );\n\n  const memoImg = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => <Image {...props} {...componentProps?.img} />,\n    [componentProps?.img],\n  );\n\n  const memoVideo = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => <Video {...props} {...componentProps?.video} />,\n    [componentProps?.video],\n  );\n\n  const memoSection = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => <Section showFootnotes={showFootnotes} {...props} />,\n    [showFootnotes],\n  );\n\n  const memoKbd = useCallback(\n    ({ children }: any) => <Hotkey keys={children} style={{ display: 'inline-flex' }} />,\n    [],\n  );\n\n  const memoBr = useCallback(() => <br />, []);\n\n  const memeP = useCallback(({ style, children, className }: any) => {\n    const skipWrapperTags = ['img', 'video'];\n    if (typeof children === 'object' && skipWrapperTags.includes(children?.props?.node?.tagName)) {\n      return children;\n    }\n    return (\n      <p className={className} style={style}>\n        {children}\n      </p>\n    );\n  }, []);\n\n  // Stable references for theme objects to prevent unnecessary re-renders\n  const highlightTheme = useMemo(\n    () => componentProps?.highlight?.theme,\n    [JSON.stringify(componentProps?.highlight?.theme)],\n  );\n\n  const mermaidTheme = useMemo(\n    () => componentProps?.mermaid?.theme,\n    [JSON.stringify(componentProps?.mermaid?.theme)],\n  );\n\n  // Create stable component props reference\n  const stableComponentProps = useMemo(() => {\n    if (!componentProps) return;\n\n    return {\n      highlight: componentProps.highlight\n        ? { ...componentProps.highlight, theme: highlightTheme }\n        : undefined,\n      mermaid: componentProps.mermaid\n        ? { ...componentProps.mermaid, theme: mermaidTheme }\n        : undefined,\n    };\n  }, [highlightTheme, mermaidTheme]);\n\n  const memoPre = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => (\n      <CodeBlock\n        animated={animated}\n        enableMermaid={enableMermaid}\n        fullFeatured={fullFeaturedCodeBlock}\n        {...stableComponentProps}\n        {...componentProps?.pre}\n        {...props}\n      />\n    ),\n    [animated, enableMermaid, fullFeaturedCodeBlock, stableComponentProps, componentProps?.pre],\n  );\n\n  const memoColorPreview = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    ({ node, ...props }: any) => <code {...props} />,\n    [],\n  );\n\n  const memoComponents = useMemo(\n    () => ({\n      a: memoA,\n      br: memoBr,\n      colorPreview: memoColorPreview,\n      img: memoImg,\n      kbd: memoKbd,\n      p: memeP,\n      pre: memoPre,\n      section: memoSection,\n      video: memoVideo,\n    }),\n    [memoA, memoBr, memoImg, memoVideo, memoPre, memoSection, memeP, memoColorPreview, memoKbd],\n  );\n\n  return useMemo(\n    () => ({\n      ...memoComponents,\n      ...components,\n    }),\n    [memoComponents, components],\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAa,8BAA0C;CACrD,MAAM,EACJ,YACA,UACA,WACA,gBACA,eACA,uBACA,kBACE,oBAAoB;CAExB,MAAM,QAAQ,aAEX,EAAE,MAAM,GAAG,YAAiB,oBAACA;EAAgB;EAAW,GAAI;EAAO,GAAI,gBAAgB;GAAK,EAC7F,CAAC,WAAW,gBAAgB,EAAE,CAC/B;CAED,MAAM,UAAU,aAEb,EAAE,MAAM,GAAG,YAAiB,oBAACC;EAAM,GAAI;EAAO,GAAI,gBAAgB;GAAO,EAC1E,CAAC,gBAAgB,IAAI,CACtB;CAED,MAAM,YAAY,aAEf,EAAE,MAAM,GAAG,YAAiB,oBAACC;EAAM,GAAI;EAAO,GAAI,gBAAgB;GAAS,EAC5E,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAM,cAAc,aAEjB,EAAE,MAAM,GAAG,YAAiB,oBAACC;EAAuB;EAAe,GAAI;GAAS,EACjF,CAAC,cAAc,CAChB;CAED,MAAM,UAAU,aACb,EAAE,eAAoB,oBAACC;EAAO,MAAM;EAAU,OAAO,EAAE,SAAS,eAAe;GAAI,EACpF,EAAE,CACH;CAED,MAAM,SAAS,kBAAkB,oBAAC,SAAK,EAAE,EAAE,CAAC;CAE5C,MAAM,QAAQ,aAAa,EAAE,OAAO,UAAU,gBAAqB;AAEjE,MAAI,OAAO,aAAa,YADA,CAAC,OAAO,QAAQ,CACY,SAAS,UAAU,OAAO,MAAM,QAAQ,CAC1F,QAAO;AAET,SACE,oBAAC;GAAa;GAAkB;GAC7B;IACC;IAEL,EAAE,CAAC;CAGN,MAAM,iBAAiB,cACf,gBAAgB,WAAW,OACjC,CAAC,KAAK,UAAU,gBAAgB,WAAW,MAAM,CAAC,CACnD;CAED,MAAM,eAAe,cACb,gBAAgB,SAAS,OAC/B,CAAC,KAAK,UAAU,gBAAgB,SAAS,MAAM,CAAC,CACjD;CAGD,MAAM,uBAAuB,cAAc;AACzC,MAAI,CAAC,eAAgB;AAErB,SAAO;GACL,WAAW,eAAe,YACtB;IAAE,GAAG,eAAe;IAAW,OAAO;IAAgB,GACtD;GACJ,SAAS,eAAe,UACpB;IAAE,GAAG,eAAe;IAAS,OAAO;IAAc,GAClD;GACL;IACA,CAAC,gBAAgB,aAAa,CAAC;CAElC,MAAM,UAAU,aAEb,EAAE,MAAM,GAAG,YACV,oBAAC;EACW;EACK;EACf,cAAc;EACd,GAAI;EACJ,GAAI,gBAAgB;EACpB,GAAI;GACJ,EAEJ;EAAC;EAAU;EAAe;EAAuB;EAAsB,gBAAgB;EAAI,CAC5F;CAED,MAAM,mBAAmB,aAEtB,EAAE,MAAM,GAAG,YAAiB,oBAAC,UAAK,GAAI,QAAS,EAChD,EAAE,CACH;CAED,MAAM,iBAAiB,eACd;EACL,GAAG;EACH,IAAI;EACJ,cAAc;EACd,KAAK;EACL,KAAK;EACL,GAAG;EACH,KAAK;EACL,SAAS;EACT,OAAO;EACR,GACD;EAAC;EAAO;EAAQ;EAAS;EAAW;EAAS;EAAa;EAAO;EAAkB;EAAQ,CAC5F;AAED,QAAO,eACE;EACL,GAAG;EACH,GAAG;EACJ,GACD,CAAC,gBAAgB,WAAW,CAC7B"}

package/es/hooks/useMarkdown/useMarkdownContent.mjs

@@ -0,0 +1,49 @@
+'use client';
+
+import { isLastFormulaRenderable } from "./latex.mjs";
+import { addToCache, contentCache, preprocessMarkdownContent } from "./utils.mjs";
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { useMemo, useRef, useState } from "react";
+
+//#region src/hooks/useMarkdown/useMarkdownContent.ts
+const useMarkdownContent = (children) => {
+	const { animated, enableLatex = true, enableCustomFootnotes, citations } = useMarkdownContext();
+	const [validContent, setValidContent] = useState("");
+	const prevProcessedContent = useRef("");
+	const citationsLength = citations?.length || 0;
+	const cacheKey = useMemo(() => `${children}|${enableLatex ? 1 : 0}|${enableCustomFootnotes ? 1 : 0}|${citationsLength}`, [
+		children,
+		enableLatex,
+		enableCustomFootnotes,
+		citationsLength
+	]);
+	return useMemo(() => {
+		if (contentCache.has(cacheKey)) return contentCache.get(cacheKey);
+		let processedContent = preprocessMarkdownContent(children, {
+			citationsLength,
+			enableCustomFootnotes,
+			enableLatex
+		});
+		if (animated && enableLatex) {
+			if (!isLastFormulaRenderable(processedContent) && validContent) processedContent = validContent;
+		}
+		if (processedContent !== prevProcessedContent.current) {
+			setValidContent(processedContent);
+			prevProcessedContent.current = processedContent;
+		}
+		addToCache(cacheKey, processedContent);
+		return processedContent;
+	}, [
+		cacheKey,
+		children,
+		enableLatex,
+		enableCustomFootnotes,
+		citationsLength,
+		animated,
+		validContent
+	]);
+};
+
+//#endregion
+export { useMarkdownContent };
+//# sourceMappingURL=useMarkdownContent.mjs.map

package/es/hooks/useMarkdown/useMarkdownContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownContent.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownContent.ts"],"sourcesContent":["'use client';\n\nimport { useMemo, useRef, useState } from 'react';\n\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\n\nimport { isLastFormulaRenderable } from './latex';\nimport { addToCache, contentCache, preprocessMarkdownContent } from './utils';\n\nexport const useMarkdownContent = (children: string): string | undefined => {\n  const { animated, enableLatex = true, enableCustomFootnotes, citations } = useMarkdownContext();\n  const [validContent, setValidContent] = useState<string>('');\n  const prevProcessedContent = useRef<string>('');\n\n  const citationsLength = citations?.length || 0;\n\n  // Calculate cache key with fewer string concatenations and better performance\n  const cacheKey = useMemo(\n    () => `${children}|${enableLatex ? 1 : 0}|${enableCustomFootnotes ? 1 : 0}|${citationsLength}`,\n    [children, enableLatex, enableCustomFootnotes, citationsLength],\n  );\n\n  // Process content and use cache to avoid repeated calculations\n  return useMemo(() => {\n    // Try to get from cache first for best performance\n    if (contentCache.has(cacheKey)) {\n      return contentCache.get(cacheKey);\n    }\n\n    // Process new content only if needed\n    let processedContent = preprocessMarkdownContent(children, {\n      citationsLength,\n      enableCustomFootnotes,\n      enableLatex,\n    });\n\n    // Special handling for LaTeX content when animated\n    if (animated && enableLatex) {\n      const isRenderable = isLastFormulaRenderable(processedContent);\n      if (!isRenderable && validContent) {\n        processedContent = validContent;\n      }\n    }\n\n    // Only update state if content changed (prevents unnecessary re-renders)\n    if (processedContent !== prevProcessedContent.current) {\n      setValidContent(processedContent);\n      prevProcessedContent.current = processedContent;\n    }\n\n    // Cache the processed result\n    addToCache(cacheKey, processedContent);\n    return processedContent;\n  }, [\n    cacheKey,\n    children,\n    enableLatex,\n    enableCustomFootnotes,\n    citationsLength,\n    animated,\n    validContent,\n  ]);\n};\n"],"mappings":";;;;;;;;AASA,MAAa,sBAAsB,aAAyC;CAC1E,MAAM,EAAE,UAAU,cAAc,MAAM,uBAAuB,cAAc,oBAAoB;CAC/F,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;CAC5D,MAAM,uBAAuB,OAAe,GAAG;CAE/C,MAAM,kBAAkB,WAAW,UAAU;CAG7C,MAAM,WAAW,cACT,GAAG,SAAS,GAAG,cAAc,IAAI,EAAE,GAAG,wBAAwB,IAAI,EAAE,GAAG,mBAC7E;EAAC;EAAU;EAAa;EAAuB;EAAgB,CAChE;AAGD,QAAO,cAAc;AAEnB,MAAI,aAAa,IAAI,SAAS,CAC5B,QAAO,aAAa,IAAI,SAAS;EAInC,IAAI,mBAAmB,0BAA0B,UAAU;GACzD;GACA;GACA;GACD,CAAC;AAGF,MAAI,YAAY,aAEd;OAAI,CADiB,wBAAwB,iBAAiB,IACzC,aACnB,oBAAmB;;AAKvB,MAAI,qBAAqB,qBAAqB,SAAS;AACrD,mBAAgB,iBAAiB;AACjC,wBAAqB,UAAU;;AAIjC,aAAW,UAAU,iBAAiB;AACtC,SAAO;IACN;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC"}

package/es/hooks/useMarkdown/useMarkdownRehypePlugins.mjs

@@ -0,0 +1,42 @@
+'use client';
+
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { rehypeCustomFootnotes } from "../../Markdown/plugins/rehypeCustomFootnotes.mjs";
+import { rehypeKatexDir } from "../../Markdown/plugins/rehypeKatexDir.mjs";
+import { rehypeStreamAnimated } from "../../Markdown/plugins/rehypeStreamAnimated.mjs";
+import { useMemo } from "react";
+import { rehypeGithubAlerts } from "rehype-github-alerts";
+import rehypeKatex from "rehype-katex";
+import rehypeRaw from "rehype-raw";
+
+//#region src/hooks/useMarkdown/useMarkdownRehypePlugins.ts
+const useMarkdownRehypePlugins = () => {
+	const { animated, enableLatex, enableCustomFootnotes, enableGithubAlert, allowHtml, rehypePlugins = [], rehypePluginsAhead = [] } = useMarkdownContext();
+	const memoPlugins = useMemo(() => [
+		allowHtml && rehypeRaw,
+		enableGithubAlert && rehypeGithubAlerts,
+		enableLatex && rehypeKatex,
+		enableLatex && rehypeKatexDir,
+		enableCustomFootnotes && rehypeCustomFootnotes,
+		animated && rehypeStreamAnimated
+	].filter(Boolean), [
+		animated,
+		enableLatex,
+		enableGithubAlert,
+		enableCustomFootnotes,
+		allowHtml
+	]);
+	return useMemo(() => [
+		...rehypePluginsAhead,
+		...memoPlugins,
+		...rehypePlugins
+	], [
+		rehypePlugins,
+		memoPlugins,
+		rehypePluginsAhead
+	]);
+};
+
+//#endregion
+export { useMarkdownRehypePlugins };
+//# sourceMappingURL=useMarkdownRehypePlugins.mjs.map

package/es/hooks/useMarkdown/useMarkdownRehypePlugins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownRehypePlugins.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownRehypePlugins.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { rehypeGithubAlerts } from 'rehype-github-alerts';\nimport rehypeKatex from 'rehype-katex';\nimport rehypeRaw from 'rehype-raw';\nimport type { Pluggable } from 'unified';\n\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeCustomFootnotes } from '@/Markdown/plugins/rehypeCustomFootnotes';\nimport { rehypeKatexDir } from '@/Markdown/plugins/rehypeKatexDir';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\n\nexport const useMarkdownRehypePlugins = (): Pluggable[] => {\n  const {\n    animated,\n    enableLatex,\n    enableCustomFootnotes,\n    enableGithubAlert,\n    allowHtml,\n    rehypePlugins = [],\n    rehypePluginsAhead = [],\n  } = useMarkdownContext();\n\n  const memoPlugins = useMemo(\n    () =>\n      [\n        allowHtml && rehypeRaw,\n        enableGithubAlert && rehypeGithubAlerts,\n        enableLatex && rehypeKatex,\n        enableLatex && rehypeKatexDir,\n        enableCustomFootnotes && rehypeCustomFootnotes,\n        animated && rehypeStreamAnimated,\n      ].filter(Boolean) as Pluggable[],\n    [animated, enableLatex, enableGithubAlert, enableCustomFootnotes, allowHtml],\n  );\n\n  return useMemo(\n    () => [...rehypePluginsAhead, ...memoPlugins, ...rehypePlugins],\n    [rehypePlugins, memoPlugins, rehypePluginsAhead],\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAa,iCAA8C;CACzD,MAAM,EACJ,UACA,aACA,uBACA,mBACA,WACA,gBAAgB,EAAE,EAClB,qBAAqB,EAAE,KACrB,oBAAoB;CAExB,MAAM,cAAc,cAEhB;EACE,aAAa;EACb,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,yBAAyB;EACzB,YAAY;EACb,CAAC,OAAO,QAAQ,EACnB;EAAC;EAAU;EAAa;EAAmB;EAAuB;EAAU,CAC7E;AAED,QAAO,cACC;EAAC,GAAG;EAAoB,GAAG;EAAa,GAAG;EAAc,EAC/D;EAAC;EAAe;EAAa;EAAmB,CACjD"}

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.mjs

@@ -0,0 +1,46 @@
+'use client';
+
+import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider.mjs";
+import { remarkBr } from "../../Markdown/plugins/remarkBr.mjs";
+import { remarkCustomFootnotes } from "../../Markdown/plugins/remarkCustomFootnotes.mjs";
+import { remarkGfmPlus } from "../../Markdown/plugins/remarkGfmPlus.mjs";
+import { remarkVideo } from "../../Markdown/plugins/remarkVideo.mjs";
+import { useMemo } from "react";
+import remarkBreaks from "remark-breaks";
+import remarkCjkFriendly from "remark-cjk-friendly";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+
+//#region src/hooks/useMarkdown/useMarkdownRemarkPlugins.ts
+const useMarkdownRemarkPlugins = () => {
+	const { enableLatex, enableCustomFootnotes, remarkPlugins = [], remarkPluginsAhead = [], variant, allowHtml } = useMarkdownContext();
+	const isChatMode = variant === "chat";
+	const memoPlugins = useMemo(() => [
+		remarkCjkFriendly,
+		enableLatex && remarkMath,
+		[remarkGfm, { singleTilde: false }],
+		!allowHtml && remarkBr,
+		!allowHtml && remarkGfmPlus,
+		!allowHtml && remarkVideo,
+		enableCustomFootnotes && remarkCustomFootnotes,
+		isChatMode && remarkBreaks
+	].filter(Boolean), [
+		allowHtml,
+		isChatMode,
+		enableLatex,
+		enableCustomFootnotes
+	]);
+	return useMemo(() => [
+		...remarkPluginsAhead,
+		...memoPlugins,
+		...remarkPlugins
+	], [
+		remarkPlugins,
+		memoPlugins,
+		remarkPluginsAhead
+	]);
+};
+
+//#endregion
+export { useMarkdownRemarkPlugins };
+//# sourceMappingURL=useMarkdownRemarkPlugins.mjs.map

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownRemarkPlugins.mjs","names":[],"sources":["../../../src/hooks/useMarkdown/useMarkdownRemarkPlugins.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport remarkBreaks from 'remark-breaks';\nimport remarkCjkFriendly from 'remark-cjk-friendly';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\nimport type { Pluggable } from 'unified';\n\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { remarkBr } from '@/Markdown/plugins/remarkBr';\nimport { remarkCustomFootnotes } from '@/Markdown/plugins/remarkCustomFootnotes';\nimport { remarkGfmPlus } from '@/Markdown/plugins/remarkGfmPlus';\nimport { remarkVideo } from '@/Markdown/plugins/remarkVideo';\n\nexport const useMarkdownRemarkPlugins = (): Pluggable[] => {\n  const {\n    enableLatex,\n    enableCustomFootnotes,\n    remarkPlugins = [],\n    remarkPluginsAhead = [],\n    variant,\n    allowHtml,\n  } = useMarkdownContext();\n\n  const isChatMode = variant === 'chat';\n\n  const memoPlugins = useMemo(\n    () =>\n      [\n        remarkCjkFriendly,\n        // Parse math before GFM so that '|' inside $...$ isn't treated as a table separator\n        enableLatex && remarkMath,\n        [remarkGfm, { singleTilde: false }],\n        !allowHtml && remarkBr,\n        !allowHtml && remarkGfmPlus,\n        !allowHtml && remarkVideo,\n        enableCustomFootnotes && remarkCustomFootnotes,\n        isChatMode && remarkBreaks,\n      ].filter(Boolean) as Pluggable[],\n    [allowHtml, isChatMode, enableLatex, enableCustomFootnotes],\n  );\n\n  return useMemo(\n    () => [...remarkPluginsAhead, ...memoPlugins, ...remarkPlugins],\n    [remarkPlugins, memoPlugins, remarkPluginsAhead],\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAa,iCAA8C;CACzD,MAAM,EACJ,aACA,uBACA,gBAAgB,EAAE,EAClB,qBAAqB,EAAE,EACvB,SACA,cACE,oBAAoB;CAExB,MAAM,aAAa,YAAY;CAE/B,MAAM,cAAc,cAEhB;EACE;EAEA,eAAe;EACf,CAAC,WAAW,EAAE,aAAa,OAAO,CAAC;EACnC,CAAC,aAAa;EACd,CAAC,aAAa;EACd,CAAC,aAAa;EACd,yBAAyB;EACzB,cAAc;EACf,CAAC,OAAO,QAAQ,EACnB;EAAC;EAAW;EAAY;EAAa;EAAsB,CAC5D;AAED,QAAO,cACC;EAAC,GAAG;EAAoB,GAAG;EAAa,GAAG;EAAc,EAC/D;EAAC;EAAe;EAAa;EAAmB,CACjD"}

package/es/hooks/useMarkdown/utils.d.mts

@@ -0,0 +1,18 @@
+//#region src/hooks/useMarkdown/utils.d.ts
+
+/**
+ * Preprocessing options for markdown content
+ */
+interface PreprocessOptions {
+  citationsLength?: number;
+  enableCustomFootnotes?: boolean;
+  enableLatex?: boolean;
+}
+declare const preprocessMarkdownContent: (str: string, {
+  enableCustomFootnotes,
+  enableLatex,
+  citationsLength
+}?: PreprocessOptions) => string;
+//#endregion
+export { preprocessMarkdownContent };
+//# sourceMappingURL=utils.d.mts.map

package/es/hooks/useMarkdown/utils.mjs

@@ -0,0 +1,83 @@
+import { preprocessLaTeX } from "./latex.mjs";
+
+//#region src/hooks/useMarkdown/utils.ts
+const CACHE_SIZE = 50;
+/**
+* Cache for storing processed content to avoid redundant processing
+*/
+const contentCache = /* @__PURE__ */ new Map();
+/**
+* Adds content to the cache with size limitation
+* Removes oldest entry if cache size limit is reached
+*
+* @param key The cache key
+* @param value The processed content to store
+*/
+const addToCache = (key, value) => {
+	if (contentCache.size >= CACHE_SIZE) {
+		const firstKey = contentCache.keys().next().value;
+		if (firstKey) contentCache.delete(firstKey);
+	}
+	contentCache.set(key, value);
+};
+/**
+* Transforms citation references in the format [n] to markdown links
+*
+* @param rawContent The markdown content with citation references
+* @param length The number of citations
+* @returns The content with citations transformed to markdown links
+*/
+const transformCitations = (rawContent, length = 0) => {
+	if (length === 0) return rawContent;
+	const citationIndices = Array.from({ length }).fill("").map((_, index) => index + 1);
+	const pattern = new RegExp(`\\[(${citationIndices.join("|")})\\]`, "g");
+	const matches = [];
+	let match;
+	while ((match = pattern.exec(rawContent)) !== null) matches.push({
+		id: match[1],
+		index: match.index,
+		length: match[0].length
+	});
+	const excludedRanges = [];
+	let latexBlockRegex = /\$\$([\S\s]*?)\$\$/g;
+	while ((match = latexBlockRegex.exec(rawContent)) !== null) excludedRanges.push({
+		end: match.index + match[0].length - 1,
+		start: match.index
+	});
+	let inlineLatexRegex = /\$([^$]*?)\$/g;
+	while ((match = inlineLatexRegex.exec(rawContent)) !== null) excludedRanges.push({
+		end: match.index + match[0].length - 1,
+		start: match.index
+	});
+	let codeBlockRegex = /```([\S\s]*?)```/g;
+	while ((match = codeBlockRegex.exec(rawContent)) !== null) excludedRanges.push({
+		end: match.index + match[0].length - 1,
+		start: match.index
+	});
+	let inlineCodeRegex = /`([^`]*?)`/g;
+	while ((match = inlineCodeRegex.exec(rawContent)) !== null) excludedRanges.push({
+		end: match.index + match[0].length - 1,
+		start: match.index
+	});
+	const validMatches = matches.filter((citation) => {
+		return !excludedRanges.some((range) => citation.index >= range.start && citation.index <= range.end);
+	});
+	let result = rawContent;
+	for (let i = validMatches.length - 1; i >= 0; i--) {
+		const citation = validMatches[i];
+		const before = result.slice(0, Math.max(0, citation.index));
+		const after = result.slice(Math.max(0, citation.index + citation.length));
+		result = before + `[#citation-${citation.id}](citation-${citation.id})` + after;
+	}
+	return result.replaceAll("][", "] [");
+};
+const preprocessMarkdownContent = (str, { enableCustomFootnotes, enableLatex, citationsLength } = {}) => {
+	let content = str;
+	if (enableLatex) content = preprocessLaTeX(content);
+	if (enableCustomFootnotes) content = transformCitations(content, citationsLength);
+	return content;
+};
+
+//#endregion
+export { addToCache, contentCache, preprocessMarkdownContent };
+//# sourceMappingURL=utils.mjs.map

package/es/hooks/useMarkdown/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":["matches: { id: string; index: number; length: number }[]","excludedRanges: { end: number; start: number }[]"],"sources":["../../../src/hooks/useMarkdown/utils.ts"],"sourcesContent":["import { preprocessLaTeX } from './latex';\n\n// Cache configuration\nconst CACHE_SIZE = 50;\n\n/**\n * Cache for storing processed content to avoid redundant processing\n */\nexport const contentCache = new Map<string, string>();\n\n/**\n * Adds content to the cache with size limitation\n * Removes oldest entry if cache size limit is reached\n *\n * @param key The cache key\n * @param value The processed content to store\n */\nexport const addToCache = (key: string, value: string) => {\n  if (contentCache.size >= CACHE_SIZE) {\n    // Remove the oldest cache entry\n    const firstKey = contentCache.keys().next().value;\n    if (firstKey) contentCache.delete(firstKey);\n  }\n  contentCache.set(key, value);\n};\n\n/**\n * Transforms citation references in the format [n] to markdown links\n *\n * @param rawContent The markdown content with citation references\n * @param length The number of citations\n * @returns The content with citations transformed to markdown links\n */\nexport const transformCitations = (rawContent: string, length: number = 0) => {\n  if (length === 0) return rawContent;\n\n  // 生成引用索引\n  const citationIndices = Array.from({ length })\n    .fill('')\n    .map((_, index) => index + 1);\n\n  // 匹配所有潜在的引用\n  const pattern = new RegExp(`\\\\[(${citationIndices.join('|')})\\\\]`, 'g');\n  const matches: { id: string; index: number; length: number }[] = [];\n\n  let match;\n  while ((match = pattern.exec(rawContent)) !== null) {\n    matches.push({\n      id: match[1],\n      index: match.index,\n      length: match[0].length,\n    });\n  }\n\n  // 识别所有需要排除的区域\n  const excludedRanges: { end: number; start: number }[] = [];\n\n  // 查找LaTeX块 $$...$$\n  let latexBlockRegex = /\\$\\$([\\S\\s]*?)\\$\\$/g;\n  while ((match = latexBlockRegex.exec(rawContent)) !== null) {\n    excludedRanges.push({\n      end: match.index + match[0].length - 1,\n      start: match.index,\n    });\n  }\n\n  // 查找行内LaTeX $...$\n  let inlineLatexRegex = /\\$([^$]*?)\\$/g;\n  while ((match = inlineLatexRegex.exec(rawContent)) !== null) {\n    excludedRanges.push({\n      end: match.index + match[0].length - 1,\n      start: match.index,\n    });\n  }\n\n  // 查找代码块 ```...```\n  let codeBlockRegex = /```([\\S\\s]*?)```/g;\n  while ((match = codeBlockRegex.exec(rawContent)) !== null) {\n    excludedRanges.push({\n      end: match.index + match[0].length - 1,\n      start: match.index,\n    });\n  }\n\n  // 查找行内代码 `...`\n  let inlineCodeRegex = /`([^`]*?)`/g;\n  while ((match = inlineCodeRegex.exec(rawContent)) !== null) {\n    excludedRanges.push({\n      end: match.index + match[0].length - 1,\n      start: match.index,\n    });\n  }\n\n  // 过滤掉在排除区域内的引用\n  const validMatches = matches.filter((citation) => {\n    return !excludedRanges.some(\n      (range) => citation.index >= range.start && citation.index <= range.end,\n    );\n  });\n\n  // 从后向前替换，避免索引变化问题\n  let result = rawContent;\n  for (let i = validMatches.length - 1; i >= 0; i--) {\n    const citation = validMatches[i];\n    const before = result.slice(0, Math.max(0, citation.index));\n    const after = result.slice(Math.max(0, citation.index + citation.length));\n    result = before + `[#citation-${citation.id}](citation-${citation.id})` + after;\n  }\n\n  // 处理连续引用\n  return result.replaceAll('][', '] [');\n};\n\n/**\n * Preprocessing options for markdown content\n */\ninterface PreprocessOptions {\n  citationsLength?: number;\n  enableCustomFootnotes?: boolean;\n  enableLatex?: boolean;\n}\n\nexport const preprocessMarkdownContent = (\n  str: string,\n  { enableCustomFootnotes, enableLatex, citationsLength }: PreprocessOptions = {},\n) => {\n  let content = str;\n\n  // Process LaTeX expressions\n  if (enableLatex) {\n    content = preprocessLaTeX(content);\n  }\n\n  // Process custom footnotes/citations\n  if (enableCustomFootnotes) {\n    content = transformCitations(content, citationsLength);\n  }\n\n  return content;\n};\n"],"mappings":";;;AAGA,MAAM,aAAa;;;;AAKnB,MAAa,+BAAe,IAAI,KAAqB;;;;;;;;AASrD,MAAa,cAAc,KAAa,UAAkB;AACxD,KAAI,aAAa,QAAQ,YAAY;EAEnC,MAAM,WAAW,aAAa,MAAM,CAAC,MAAM,CAAC;AAC5C,MAAI,SAAU,cAAa,OAAO,SAAS;;AAE7C,cAAa,IAAI,KAAK,MAAM;;;;;;;;;AAU9B,MAAa,sBAAsB,YAAoB,SAAiB,MAAM;AAC5E,KAAI,WAAW,EAAG,QAAO;CAGzB,MAAM,kBAAkB,MAAM,KAAK,EAAE,QAAQ,CAAC,CAC3C,KAAK,GAAG,CACR,KAAK,GAAG,UAAU,QAAQ,EAAE;CAG/B,MAAM,UAAU,IAAI,OAAO,OAAO,gBAAgB,KAAK,IAAI,CAAC,OAAO,IAAI;CACvE,MAAMA,UAA2D,EAAE;CAEnE,IAAI;AACJ,SAAQ,QAAQ,QAAQ,KAAK,WAAW,MAAM,KAC5C,SAAQ,KAAK;EACX,IAAI,MAAM;EACV,OAAO,MAAM;EACb,QAAQ,MAAM,GAAG;EAClB,CAAC;CAIJ,MAAMC,iBAAmD,EAAE;CAG3D,IAAI,kBAAkB;AACtB,SAAQ,QAAQ,gBAAgB,KAAK,WAAW,MAAM,KACpD,gBAAe,KAAK;EAClB,KAAK,MAAM,QAAQ,MAAM,GAAG,SAAS;EACrC,OAAO,MAAM;EACd,CAAC;CAIJ,IAAI,mBAAmB;AACvB,SAAQ,QAAQ,iBAAiB,KAAK,WAAW,MAAM,KACrD,gBAAe,KAAK;EAClB,KAAK,MAAM,QAAQ,MAAM,GAAG,SAAS;EACrC,OAAO,MAAM;EACd,CAAC;CAIJ,IAAI,iBAAiB;AACrB,SAAQ,QAAQ,eAAe,KAAK,WAAW,MAAM,KACnD,gBAAe,KAAK;EAClB,KAAK,MAAM,QAAQ,MAAM,GAAG,SAAS;EACrC,OAAO,MAAM;EACd,CAAC;CAIJ,IAAI,kBAAkB;AACtB,SAAQ,QAAQ,gBAAgB,KAAK,WAAW,MAAM,KACpD,gBAAe,KAAK;EAClB,KAAK,MAAM,QAAQ,MAAM,GAAG,SAAS;EACrC,OAAO,MAAM;EACd,CAAC;CAIJ,MAAM,eAAe,QAAQ,QAAQ,aAAa;AAChD,SAAO,CAAC,eAAe,MACpB,UAAU,SAAS,SAAS,MAAM,SAAS,SAAS,SAAS,MAAM,IACrE;GACD;CAGF,IAAI,SAAS;AACb,MAAK,IAAI,IAAI,aAAa,SAAS,GAAG,KAAK,GAAG,KAAK;EACjD,MAAM,WAAW,aAAa;EAC9B,MAAM,SAAS,OAAO,MAAM,GAAG,KAAK,IAAI,GAAG,SAAS,MAAM,CAAC;EAC3D,MAAM,QAAQ,OAAO,MAAM,KAAK,IAAI,GAAG,SAAS,QAAQ,SAAS,OAAO,CAAC;AACzE,WAAS,SAAS,cAAc,SAAS,GAAG,aAAa,SAAS,GAAG,KAAK;;AAI5E,QAAO,OAAO,WAAW,MAAM,MAAM;;AAYvC,MAAa,6BACX,KACA,EAAE,uBAAuB,aAAa,oBAAuC,EAAE,KAC5E;CACH,IAAI,UAAU;AAGd,KAAI,YACF,WAAU,gBAAgB,QAAQ;AAIpC,KAAI,sBACF,WAAU,mBAAmB,SAAS,gBAAgB;AAGxD,QAAO"}

package/es/hooks/useMermaid.mjs

@@ -0,0 +1,87 @@
+'use client';
+
+import { useMemo, useState } from "react";
+import { useTheme } from "antd-style";
+import useSWR from "swr";
+import { Md5 } from "ts-md5";
+
+//#region src/hooks/useMermaid.ts
+const MD5_LENGTH_THRESHOLD = 1e4;
+const loadMermaid = () => {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	return import("mermaid").then((mod) => mod.default);
+};
+const mermaidPromise = loadMermaid();
+/**
+* 验证并处理 Mermaid 图表内容
+*/
+const useMermaid = (content, { id, theme: customTheme }) => {
+	const theme = useTheme();
+	const [validContent, setValidContent] = useState("");
+	const mermaidConfig = useMemo(() => ({
+		fontFamily: theme.fontFamilyCode,
+		gantt: { useWidth: 1920 },
+		securityLevel: "loose",
+		startOnLoad: false,
+		theme: customTheme || (theme.isDarkMode ? "dark" : "neutral"),
+		themeVariables: customTheme ? void 0 : {
+			errorBkgColor: theme.colorTextDescription,
+			errorTextColor: theme.colorTextDescription,
+			fontFamily: theme.fontFamily,
+			lineColor: theme.colorTextSecondary,
+			mainBkg: theme.colorBgContainer,
+			noteBkgColor: theme.colorInfoBg,
+			noteTextColor: theme.colorInfoText,
+			pie1: theme.geekblue,
+			pie2: theme.colorWarning,
+			pie3: theme.colorSuccess,
+			pie4: theme.colorError,
+			primaryBorderColor: theme.colorBorder,
+			primaryColor: theme.colorBgContainer,
+			primaryTextColor: theme.colorText,
+			secondaryBorderColor: theme.colorInfoBorder,
+			secondaryColor: theme.colorInfoBg,
+			secondaryTextColor: theme.colorInfoText,
+			tertiaryBorderColor: theme.colorSuccessBorder,
+			tertiaryColor: theme.colorSuccessBg,
+			tertiaryTextColor: theme.colorSuccessText,
+			textColor: theme.colorText
+		}
+	}), [theme.isDarkMode, customTheme]);
+	return useSWR(useMemo(() => {
+		const hash = content.length < MD5_LENGTH_THRESHOLD ? content : Md5.hashStr(content);
+		return [
+			id,
+			customTheme || (theme.isDarkMode ? "d" : "l"),
+			hash
+		].filter(Boolean).join("-");
+	}, [
+		content,
+		id,
+		theme.isDarkMode,
+		customTheme
+	]), async () => {
+		try {
+			const mermaidInstance = await mermaidPromise;
+			if (!mermaidInstance) return content;
+			if (await mermaidInstance.parse(content)) {
+				mermaidInstance.initialize(mermaidConfig);
+				const { svg } = await mermaidInstance.render(id, content);
+				setValidContent(svg);
+				return svg;
+			} else throw new Error("Mermaid 语法无效");
+		} catch (error) {
+			if (!validContent) console.error("Mermaid 解析错误:", error);
+			return validContent || "";
+		}
+	}, {
+		dedupingInterval: 3e3,
+		errorRetryCount: 2,
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false
+	});
+};
+
+//#endregion
+export { useMermaid };
+//# sourceMappingURL=useMermaid.mjs.map

package/es/hooks/useMermaid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMermaid.mjs","names":["mermaidConfig: MermaidConfig"],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport type { MermaidConfig } from 'mermaid/dist/config.type';\nimport { useMemo, useState } from 'react';\nimport useSWR, { SWRResponse } from 'swr';\nimport { Md5 } from 'ts-md5';\n\n// 缓存已验证的图表内容\nconst MD5_LENGTH_THRESHOLD = 10_000;\n\n// 懒加载 mermaid 实例\nconst loadMermaid = () => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n  return import('mermaid').then((mod) => mod.default);\n};\nconst mermaidPromise = loadMermaid();\n\n/**\n * 验证并处理 Mermaid 图表内容\n */\nexport const useMermaid = (\n  content: string,\n  {\n    id,\n    theme: customTheme,\n  }: {\n    id: string;\n    theme?: MermaidConfig['theme'];\n  },\n): SWRResponse<string, Error> => {\n  const theme = useTheme();\n  // 用于存储最近一次有效的内容\n  const [validContent, setValidContent] = useState<string>('');\n\n  // 提取主题相关配置到 useMemo 中\n  const mermaidConfig: MermaidConfig = useMemo(\n    () => ({\n      fontFamily: theme.fontFamilyCode,\n      gantt: {\n        useWidth: 1920,\n      },\n      securityLevel: 'loose',\n      startOnLoad: false,\n      theme: customTheme || (theme.isDarkMode ? 'dark' : 'neutral'),\n      themeVariables: customTheme\n        ? undefined\n        : {\n            errorBkgColor: theme.colorTextDescription,\n            errorTextColor: theme.colorTextDescription,\n            fontFamily: theme.fontFamily,\n            lineColor: theme.colorTextSecondary,\n            mainBkg: theme.colorBgContainer,\n            noteBkgColor: theme.colorInfoBg,\n            noteTextColor: theme.colorInfoText,\n            pie1: theme.geekblue,\n            pie2: theme.colorWarning,\n            pie3: theme.colorSuccess,\n            pie4: theme.colorError,\n            primaryBorderColor: theme.colorBorder,\n            primaryColor: theme.colorBgContainer,\n            primaryTextColor: theme.colorText,\n            secondaryBorderColor: theme.colorInfoBorder,\n            secondaryColor: theme.colorInfoBg,\n            secondaryTextColor: theme.colorInfoText,\n            tertiaryBorderColor: theme.colorSuccessBorder,\n            tertiaryColor: theme.colorSuccessBg,\n            tertiaryTextColor: theme.colorSuccessText,\n            textColor: theme.colorText,\n          },\n    }),\n    [theme.isDarkMode, customTheme],\n  );\n\n  // 为长内容生成哈希键\n  const cacheKey = useMemo((): string => {\n    const hash = content.length < MD5_LENGTH_THRESHOLD ? content : Md5.hashStr(content);\n    return [id, customTheme || (theme.isDarkMode ? 'd' : 'l'), hash].filter(Boolean).join('-');\n  }, [content, id, theme.isDarkMode, customTheme]);\n\n  return useSWR(\n    cacheKey,\n    async (): Promise<string> => {\n      // 检查缓存中是否已验证过\n      try {\n        const mermaidInstance = await mermaidPromise;\n        if (!mermaidInstance) return content;\n\n        // 验证语法\n        const isValid = await mermaidInstance.parse(content);\n\n        if (isValid) {\n          // 更新有效内容状态\n          mermaidInstance.initialize(mermaidConfig);\n          const { svg } = await mermaidInstance.render(id, content);\n          setValidContent(svg);\n          // 缓存验证结果\n          return svg;\n        } else {\n          throw new Error('Mermaid 语法无效');\n        }\n      } catch (error) {\n        if (!validContent) console.error('Mermaid 解析错误:', error);\n        // 返回最近一次有效的内容，或空字符串\n        return validContent || '';\n      }\n    },\n    {\n      dedupingInterval: 3000,\n      errorRetryCount: 2,\n      revalidateOnFocus: false,\n      revalidateOnReconnect: false,\n    },\n  );\n};\n"],"mappings":";;;;;;;;AASA,MAAM,uBAAuB;AAG7B,MAAM,oBAAoB;AACxB,KAAI,OAAO,WAAW,YAAa,QAAO,QAAQ,QAAQ,KAAK;AAC/D,QAAO,OAAO,WAAW,MAAM,QAAQ,IAAI,QAAQ;;AAErD,MAAM,iBAAiB,aAAa;;;;AAKpC,MAAa,cACX,SACA,EACE,IACA,OAAO,kBAKsB;CAC/B,MAAM,QAAQ,UAAU;CAExB,MAAM,CAAC,cAAc,mBAAmB,SAAiB,GAAG;CAG5D,MAAMA,gBAA+B,eAC5B;EACL,YAAY,MAAM;EAClB,OAAO,EACL,UAAU,MACX;EACD,eAAe;EACf,aAAa;EACb,OAAO,gBAAgB,MAAM,aAAa,SAAS;EACnD,gBAAgB,cACZ,SACA;GACE,eAAe,MAAM;GACrB,gBAAgB,MAAM;GACtB,YAAY,MAAM;GAClB,WAAW,MAAM;GACjB,SAAS,MAAM;GACf,cAAc,MAAM;GACpB,eAAe,MAAM;GACrB,MAAM,MAAM;GACZ,MAAM,MAAM;GACZ,MAAM,MAAM;GACZ,MAAM,MAAM;GACZ,oBAAoB,MAAM;GAC1B,cAAc,MAAM;GACpB,kBAAkB,MAAM;GACxB,sBAAsB,MAAM;GAC5B,gBAAgB,MAAM;GACtB,oBAAoB,MAAM;GAC1B,qBAAqB,MAAM;GAC3B,eAAe,MAAM;GACrB,mBAAmB,MAAM;GACzB,WAAW,MAAM;GAClB;EACN,GACD,CAAC,MAAM,YAAY,YAAY,CAChC;AAQD,QAAO,OALU,cAAsB;EACrC,MAAM,OAAO,QAAQ,SAAS,uBAAuB,UAAU,IAAI,QAAQ,QAAQ;AACnF,SAAO;GAAC;GAAI,gBAAgB,MAAM,aAAa,MAAM;GAAM;GAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IACzF;EAAC;EAAS;EAAI,MAAM;EAAY;EAAY,CAAC,EAI9C,YAA6B;AAE3B,MAAI;GACF,MAAM,kBAAkB,MAAM;AAC9B,OAAI,CAAC,gBAAiB,QAAO;AAK7B,OAFgB,MAAM,gBAAgB,MAAM,QAAQ,EAEvC;AAEX,oBAAgB,WAAW,cAAc;IACzC,MAAM,EAAE,QAAQ,MAAM,gBAAgB,OAAO,IAAI,QAAQ;AACzD,oBAAgB,IAAI;AAEpB,WAAO;SAEP,OAAM,IAAI,MAAM,eAAe;WAE1B,OAAO;AACd,OAAI,CAAC,aAAc,SAAQ,MAAM,iBAAiB,MAAM;AAExD,UAAO,gBAAgB;;IAG3B;EACE,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACnB,uBAAuB;EACxB,CACF"}

package/es/icons/Auth0/components/Avatar.d.mts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { IconAvatarProps } from "@lobehub/icons";
+
+//#region src/icons/Auth0/components/Avatar.d.ts
+type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: FC<AvatarProps>;
+//#endregion
+export { Avatar };
+//# sourceMappingURL=Avatar.d.mts.map

package/es/icons/Auth0/components/Avatar.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+import { COLOR_PRIMARY, TITLE } from "../style.mjs";
+import Mono_default from "./Mono.mjs";
+import { jsx } from "react/jsx-runtime";
+import { IconAvatar } from "@lobehub/icons";
+
+//#region src/icons/Auth0/components/Avatar.tsx
+const Avatar = ({ background, ...rest }) => {
+	return /* @__PURE__ */ jsx(IconAvatar, {
+		Icon: Mono_default,
+		"aria-label": TITLE,
+		background: background || COLOR_PRIMARY,
+		color: "#000",
+		...rest
+	});
+};
+var Avatar_default = Avatar;
+
+//#endregion
+export { Avatar_default as default };
+//# sourceMappingURL=Avatar.mjs.map

package/es/icons/Auth0/components/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Avatar: FC<AvatarProps>","Mono"],"sources":["../../../../src/icons/Auth0/components/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { IconAvatar, type IconAvatarProps } from '@lobehub/icons';\nimport { type FC } from 'react';\n\nimport { COLOR_PRIMARY, TITLE } from '../style';\nimport Mono from './Mono';\n\nexport type AvatarProps = Omit<IconAvatarProps, 'Icon'>;\n\nconst Avatar: FC<AvatarProps> = ({ background, ...rest }) => {\n  return (\n    <IconAvatar\n      Icon={Mono}\n      aria-label={TITLE}\n      background={background || COLOR_PRIMARY}\n      color={'#000'}\n      {...rest}\n    />\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;AAUA,MAAMA,UAA2B,EAAE,YAAY,GAAG,WAAW;AAC3D,QACE,oBAAC;EACC,MAAMC;EACN,cAAY;EACZ,YAAY,cAAc;EAC1B,OAAO;EACP,GAAI;GACJ;;AAIN,qBAAe"}

package/es/icons/Auth0/components/Mono.d.mts

@@ -0,0 +1,7 @@
+import { IconType } from "@lobehub/icons";
+
+//#region src/icons/Auth0/components/Mono.d.ts
+declare const Icon: IconType;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Mono.d.mts.map

package/es/icons/Auth0/components/Mono.mjs

@@ -0,0 +1,29 @@
+'use client';
+
+import { TITLE } from "../style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/icons/Auth0/components/Mono.tsx
+const Icon = memo(({ size = "1em", style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		height: size,
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			...style
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("title", { children: TITLE }), /* @__PURE__ */ jsx("path", { d: "M3.264 10.418c3.928-.648 7.008-3.9 7.653-7.834l.216-1.891c.054-.3-.15-.72-.529-.69-2.968.232-5.769 1.213-7.327 1.85A2.058 2.058 0 002 3.76v6.169c0 .365.328.644.688.586l.576-.094v-.003zM12.812 2.584c.647 3.934 3.726 7.186 7.652 7.835l.577.094c.36.06.688-.219.688-.586v-6.17c0-.836-.504-1.588-1.278-1.905-1.56-.64-4.358-1.619-7.326-1.85-.382-.03-.577.392-.532.689l.216 1.89.003.003zM20.461 12.146c-5.368 1.06-7.86 4.635-7.86 11.4 0 .34.336.576.62.387 2.468-1.668 7.9-6.021 8.46-11.467.021-.684-.834-.362-1.22-.32zM3.266 12.146c5.369 1.06 7.86 4.635 7.86 11.4 0 .34-.336.576-.618.387-2.47-1.668-7.902-6.021-8.461-11.467-.021-.684.834-.362 1.22-.32z" })]
+	});
+});
+var Mono_default = Icon;
+
+//#endregion
+export { Mono_default as default };
+//# sourceMappingURL=Mono.mjs.map

package/es/icons/Auth0/components/Mono.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.mjs","names":["Icon: IconType"],"sources":["../../../../src/icons/Auth0/components/Mono.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      <path d=\"M3.264 10.418c3.928-.648 7.008-3.9 7.653-7.834l.216-1.891c.054-.3-.15-.72-.529-.69-2.968.232-5.769 1.213-7.327 1.85A2.058 2.058 0 002 3.76v6.169c0 .365.328.644.688.586l.576-.094v-.003zM12.812 2.584c.647 3.934 3.726 7.186 7.652 7.835l.577.094c.36.06.688-.219.688-.586v-6.17c0-.836-.504-1.588-1.278-1.905-1.56-.64-4.358-1.619-7.326-1.85-.382-.03-.577.392-.532.689l.216 1.89.003.003zM20.461 12.146c-5.368 1.06-7.86 4.635-7.86 11.4 0 .34.336.576.62.387 2.468-1.668 7.9-6.021 8.46-11.467.021-.684-.834-.362-1.22-.32zM3.266 12.146c5.369 1.06 7.86 4.635 7.86 11.4 0 .34-.336.576-.618.387-2.47-1.668-7.902-6.021-8.461-11.467-.021-.684.834-.362 1.22-.32z\" />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;;;AAOA,MAAMA,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;AAChE,QACE,qBAAC;EACC,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;aAEJ,oBAAC,qBAAO,QAAc,EACtB,oBAAC,UAAK,GAAE,0oBAA0oB;GAC9oB;EAER;AAEF,mBAAe"}

package/es/icons/Auth0/index.d.mts

@@ -0,0 +1,13 @@
+import { Avatar } from "./components/Avatar.mjs";
+import { Icon } from "./components/Mono.mjs";
+
+//#region src/icons/Auth0/index.d.ts
+type CompoundedIcon = typeof Icon & {
+  Avatar: typeof Avatar;
+  colorPrimary: string;
+  title: string;
+};
+declare const Icons: CompoundedIcon;
+//#endregion
+export { CompoundedIcon, Icons };
+//# sourceMappingURL=index.d.mts.map

package/es/icons/Auth0/index.mjs

@@ -0,0 +1,16 @@
+'use client';
+
+import { COLOR_PRIMARY, TITLE } from "./style.mjs";
+import Mono_default from "./components/Mono.mjs";
+import Avatar_default from "./components/Avatar.mjs";
+
+//#region src/icons/Auth0/index.ts
+const Icons = Mono_default;
+Icons.Avatar = Avatar_default;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+var Auth0_default = Icons;
+
+//#endregion
+export { Auth0_default as default };
+//# sourceMappingURL=index.mjs.map

package/es/icons/Auth0/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Mono","Avatar"],"sources":["../../../src/icons/Auth0/index.ts"],"sourcesContent":["'use client';\n\nimport Avatar from './components/Avatar';\nimport Mono from './components/Mono';\nimport { COLOR_PRIMARY, TITLE } from './style';\n\nexport type CompoundedIcon = typeof Mono & {\n  Avatar: typeof Avatar;\n\n  colorPrimary: string;\n  title: string;\n};\n\nconst Icons = Mono as CompoundedIcon;\nIcons.Avatar = Avatar;\nIcons.colorPrimary = COLOR_PRIMARY;\nIcons.title = TITLE;\nexport default Icons;\n"],"mappings":";;;;;;;AAaA,MAAM,QAAQA;AACd,MAAM,SAASC;AACf,MAAM,eAAe;AACrB,MAAM,QAAQ;AACd,oBAAe"}

package/es/icons/Auth0/style.mjs

@@ -0,0 +1,7 @@
+//#region src/icons/Auth0/style.ts
+const TITLE = "Auth0";
+const COLOR_PRIMARY = "#fff";
+
+//#endregion
+export { COLOR_PRIMARY, TITLE };
+//# sourceMappingURL=style.mjs.map

package/es/icons/Auth0/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/icons/Auth0/style.ts"],"sourcesContent":["export const TITLE = 'Auth0';\nexport const COLOR_PRIMARY = '#fff';\n"],"mappings":";AAAA,MAAa,QAAQ;AACrB,MAAa,gBAAgB"}

package/es/icons/Authelia/components/Avatar.d.mts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { IconAvatarProps } from "@lobehub/icons";
+
+//#region src/icons/Authelia/components/Avatar.d.ts
+type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: FC<AvatarProps>;
+//#endregion
+export { Avatar };
+//# sourceMappingURL=Avatar.d.mts.map