@lobehub/ui 5.23.5 → 5.24.0

package/es/hooks/useMermaid.mjs

@@ -1,133 +1,97 @@
 "use client";
-import { useEffect, useMemo, useState } from "react";
-import { useTheme } from "antd-style";
-import { Md5 } from "ts-md5";
+import { prepareInlineMermaidSvg } from "../Mermaid/SyntaxMermaid/prepareInlineSvg.mjs";
+import { createCdnMermaidConfig, renderWithCdnMermaid } from "./useMermaidCdn.mjs";
+import { useEffect, useId, useMemo, useState } from "react";
+import { useThemeMode } from "antd-style";
+import { THEMES, renderMermaidSVG } from "beautiful-mermaid";
 //#region src/hooks/useMermaid.ts
-const MD5_LENGTH_THRESHOLD = 1e4;
-const mermaidCache = /* @__PURE__ */ new Map();
-const MAX_CACHE_SIZE = 500;
-const cleanupCache = () => {
-	if (mermaidCache.size > MAX_CACHE_SIZE) {
-		const entriesToRemove = Math.floor(MAX_CACHE_SIZE * .2);
-		const keysToRemove = Array.from(mermaidCache.keys()).slice(0, entriesToRemove);
-		for (const key of keysToRemove) mermaidCache.delete(key);
-	}
-};
-let mermaidPromise = null;
-const loadMermaid = () => {
-	if (typeof window === "undefined") return Promise.resolve(null);
-	if (!mermaidPromise) mermaidPromise = import("mermaid").then((mod) => mod.default);
-	return mermaidPromise;
+/**
+* beautiful-mermaid emits these as CSS custom properties on the SVG root and
+* derives the rest with color-mix(), so pointing them at antd's variables lets
+* the diagram follow the theme through CSS alone — no token subscription, and
+* no re-render (or re-layout) when the appearance changes.
+*/
+const LOBE_THEME_OPTIONS = {
+	accent: "var(--ant-color-primary)",
+	bg: "var(--ant-color-bg-container)",
+	border: "var(--ant-color-border)",
+	fg: "var(--ant-color-text)",
+	line: "var(--ant-color-text-secondary)",
+	muted: "var(--ant-color-text-description)",
+	surface: "var(--ant-color-fill-tertiary)",
+	transparent: true
 };
-const createMermaidConfig = (theme, customTheme, securityLevel = "strict") => ({
-	fontFamily: theme.fontFamilyCode,
-	gantt: { useWidth: 1920 },
-	securityLevel,
-	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
-	}
-});
+const isNamedTheme = (theme) => !!theme && theme !== "lobe-theme" && theme in THEMES;
+const createMermaidOptions = (customTheme) => isNamedTheme(customTheme) ? THEMES[customTheme] : LOBE_THEME_OPTIONS;
 /**
-* 验证并处理 Mermaid 图表内容 - 优化版本（移除 SWR）
+* beautiful-mermaid covers six diagram types; anything else throws here and is
+* handed to the CDN-loaded upstream mermaid instead.
 */
-const useMermaid = (content, { id, theme: customTheme, securityLevel }) => {
-	const theme = useTheme();
-	const [data, setData] = useState("");
-	const mermaidConfig = useMemo(() => createMermaidConfig(theme, customTheme, securityLevel), [
-		theme.fontFamilyCode,
-		theme.isDarkMode,
-		theme.colorTextDescription,
-		theme.fontFamily,
-		theme.colorTextSecondary,
-		theme.colorBgContainer,
-		theme.colorInfoBg,
-		theme.colorInfoText,
-		theme.geekblue,
-		theme.colorWarning,
-		theme.colorSuccess,
-		theme.colorError,
-		theme.colorBorder,
-		theme.colorInfoBorder,
-		theme.colorSuccessBorder,
-		theme.colorSuccessBg,
-		theme.colorSuccessText,
-		theme.colorText,
-		customTheme,
-		securityLevel
-	]);
-	const cacheKey = useMemo(() => {
-		const hash = content.length < 1e4 ? content : Md5.hashStr(content);
-		return [
-			id,
-			customTheme || (theme.isDarkMode ? "d" : "l"),
-			hash
-		].filter(Boolean).join("-");
-	}, [
-		content,
-		id,
-		theme.isDarkMode,
-		customTheme
-	]);
+const renderMermaid = (content, scopeId, customTheme) => {
+	if (!content) return { svg: "" };
+	try {
+		return { svg: prepareInlineMermaidSvg(renderMermaidSVG(content, createMermaidOptions(customTheme)), scopeId) };
+	} catch {
+		return {
+			error: "unsupported",
+			svg: ""
+		};
+	}
+};
+const useCdnMermaidFallback = (content, { enabled, theme: customTheme }) => {
+	const { isDarkMode } = useThemeMode();
+	const reactId = useId();
+	const [result, setResult] = useState({ svg: "" });
 	useEffect(() => {
-		const cachedPromise = mermaidCache.get(cacheKey);
-		if (cachedPromise) {
-			cachedPromise.then((svg) => {
-				setData(svg);
-			}).catch(() => {});
+		if (!enabled || !content) {
+			setResult({ svg: "" });
 			return;
 		}
-		const renderPromise = (async () => {
-			try {
-				const mermaidInstance = await loadMermaid();
-				if (!mermaidInstance) return "";
-				if (await mermaidInstance.parse(content)) {
-					mermaidInstance.initialize(mermaidConfig);
-					const { svg } = await mermaidInstance.render(id, content);
-					return svg;
-				} else throw new Error("Mermaid 语法无效");
-			} catch (error_) {
-				console.error("Mermaid 解析错误:", error_);
-				return "";
-			}
-		})();
-		mermaidCache.set(cacheKey, renderPromise);
-		cleanupCache();
-		renderPromise.then((svg) => {
-			if (mermaidCache.get(cacheKey) === renderPromise) setData(svg);
+		let active = true;
+		setResult({
+			loading: true,
+			svg: ""
+		});
+		const config = createCdnMermaidConfig(isDarkMode, isNamedTheme(customTheme) ? customTheme : void 0);
+		renderWithCdnMermaid(content, `mermaid-cdn-${reactId.replaceAll(":", "")}`, config).then((svg) => {
+			if (!active) return;
+			setResult(svg ? { svg } : {
+				error: "Failed to render diagram",
+				svg: ""
+			});
 		}).catch(() => {
-			if (mermaidCache.get(cacheKey) === renderPromise) mermaidCache.delete(cacheKey);
+			if (active) setResult({
+				error: "Failed to render diagram",
+				svg: ""
+			});
 		});
+		return () => {
+			active = false;
+		};
 	}, [
-		cacheKey,
+		enabled,
 		content,
-		id,
-		mermaidConfig
+		isDarkMode,
+		customTheme,
+		reactId
+	]);
+	return result;
+};
+const useMermaid = (content, { theme: customTheme } = {}) => {
+	const reactId = useId();
+	const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(":", "")}`, [reactId]);
+	const primary = useMemo(() => renderMermaid(content, scopeId, customTheme), [
+		content,
+		scopeId,
+		customTheme
 	]);
-	return data;
+	const fallback = useCdnMermaidFallback(content, {
+		enabled: Boolean(primary.error),
+		theme: customTheme
+	});
+	return primary.error ? fallback : primary;
 };
 //#endregion
-export { MD5_LENGTH_THRESHOLD, createMermaidConfig, loadMermaid, useMermaid };
+export { createMermaidOptions, renderMermaid, useCdnMermaidFallback, useMermaid };
 
 //# sourceMappingURL=useMermaid.mjs.map

package/es/hooks/useMermaid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMermaid.mjs","names":[],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport type { MermaidConfig } from 'mermaid';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Md5 } from 'ts-md5';\n\n// 缓存已验证的图表内容\nexport const MD5_LENGTH_THRESHOLD = 10_000;\n\n// Application-level cache for rendered Mermaid SVG\n// Key: cacheKey string, Value: Promise<string>\nconst mermaidCache = new Map<string, Promise<string>>();\n\n// Maximum cache size to prevent memory leaks\nconst MAX_CACHE_SIZE = 500;\n\n// Clean up old cache entries when limit is reached\nconst cleanupCache = () => {\n  if (mermaidCache.size > MAX_CACHE_SIZE) {\n    // Remove oldest 20% of entries\n    const entriesToRemove = Math.floor(MAX_CACHE_SIZE * 0.2);\n    const keysToRemove = Array.from(mermaidCache.keys()).slice(0, entriesToRemove);\n    for (const key of keysToRemove) {\n      mermaidCache.delete(key);\n    }\n  }\n};\n\n// 懒加载 mermaid 实例\nlet mermaidPromise: Promise<typeof import('mermaid').default | null> | null = null;\n\nexport const loadMermaid = (): Promise<typeof import('mermaid').default | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n\n  if (!mermaidPromise) {\n    mermaidPromise = import('mermaid').then((mod) => mod.default);\n  }\n\n  return mermaidPromise;\n};\n\n// Helper to create mermaid config\nexport const createMermaidConfig = (\n  theme: ReturnType<typeof useTheme>,\n  customTheme?: MermaidConfig['theme'],\n  // SECURITY: Keep 'strict' as the default. Using 'loose' causes Mermaid to render\n  // node labels via innerHTML, enabling XSS when diagram content is user-controlled.\n  // Only pass 'loose' if your use case explicitly requires HTML labels and you control\n  // the diagram source entirely.\n  securityLevel: MermaidConfig['securityLevel'] = 'strict',\n): MermaidConfig => ({\n  fontFamily: theme.fontFamilyCode,\n  gantt: {\n    useWidth: 1920,\n  },\n  securityLevel,\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\n/**\n * 验证并处理 Mermaid 图表内容 - 优化版本（移除 SWR）\n */\nexport const useMermaid = (\n  content: string,\n  {\n    id,\n    theme: customTheme,\n    securityLevel,\n  }: {\n    id: string;\n    // SECURITY: Defaults to 'strict'. Set to 'loose' only when you fully control\n    // the diagram source and intentionally need HTML rendering in node labels.\n    securityLevel?: MermaidConfig['securityLevel'];\n    theme?: MermaidConfig['theme'];\n  },\n): string => {\n  const theme = useTheme();\n  const [data, setData] = useState<string>('');\n\n  // 提取主题相关配置到 useMemo 中 - 只依赖实际使用的 theme 属性\n  const mermaidConfig = useMemo(\n    () => createMermaidConfig(theme, customTheme, securityLevel),\n    [\n      theme.fontFamilyCode,\n      theme.isDarkMode,\n      theme.colorTextDescription,\n      theme.fontFamily,\n      theme.colorTextSecondary,\n      theme.colorBgContainer,\n      theme.colorInfoBg,\n      theme.colorInfoText,\n      theme.geekblue,\n      theme.colorWarning,\n      theme.colorSuccess,\n      theme.colorError,\n      theme.colorBorder,\n      theme.colorInfoBorder,\n      theme.colorSuccessBorder,\n      theme.colorSuccessBg,\n      theme.colorSuccessText,\n      theme.colorText,\n      customTheme,\n      securityLevel,\n    ],\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  useEffect(() => {\n    // Check cache first\n    const cachedPromise = mermaidCache.get(cacheKey);\n    if (cachedPromise) {\n      cachedPromise\n        .then((svg) => {\n          setData(svg);\n        })\n        .catch(() => {\n          // Silently handle errors, fallback will be handled in the promise\n        });\n      return;\n    }\n\n    // Create new promise for rendering\n    const renderPromise = (async (): Promise<string> => {\n      try {\n        const mermaidInstance = await loadMermaid();\n        if (!mermaidInstance) return '';\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          return svg;\n        } else {\n          throw new Error('Mermaid 语法无效');\n        }\n      } catch (error_) {\n        console.error('Mermaid 解析错误:', error_);\n        return '';\n      }\n    })();\n\n    // Cache the promise\n    mermaidCache.set(cacheKey, renderPromise);\n    cleanupCache();\n\n    // Handle promise result\n    renderPromise\n      .then((svg) => {\n        // Only update if this is still the current cache key\n        if (mermaidCache.get(cacheKey) === renderPromise) {\n          setData(svg);\n        }\n      })\n      .catch(() => {\n        // Remove failed promise from cache\n        if (mermaidCache.get(cacheKey) === renderPromise) {\n          mermaidCache.delete(cacheKey);\n        }\n      });\n  }, [cacheKey, content, id, mermaidConfig]);\n\n  return data;\n};\n"],"mappings":";;;;;AAQA,MAAa,uBAAuB;AAIpC,MAAM,+BAAe,IAAI,IAA6B;AAGtD,MAAM,iBAAiB;AAGvB,MAAM,qBAAqB;CACzB,IAAI,aAAa,OAAO,gBAAgB;EAEtC,MAAM,kBAAkB,KAAK,MAAM,iBAAiB,EAAG;EACvD,MAAM,eAAe,MAAM,KAAK,aAAa,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,eAAe;EAC7E,KAAK,MAAM,OAAO,cAChB,aAAa,OAAO,GAAG;CAE3B;AACF;AAGA,IAAI,iBAA0E;AAE9E,MAAa,oBAAsE;CACjF,IAAI,OAAO,WAAW,aAAa,OAAO,QAAQ,QAAQ,IAAI;CAE9D,IAAI,CAAC,gBACH,iBAAiB,OAAO,UAAU,CAAC,MAAM,QAAQ,IAAI,OAAO;CAG9D,OAAO;AACT;AAGA,MAAa,uBACX,OACA,aAKA,gBAAgD,cAC7B;CACnB,YAAY,MAAM;CAClB,OAAO,EACL,UAAU,KACZ;CACA;CACA,aAAa;CACb,OAAO,gBAAgB,MAAM,aAAa,SAAS;CACnD,gBAAgB,cACZ,KAAA,IACA;EACE,eAAe,MAAM;EACrB,gBAAgB,MAAM;EACtB,YAAY,MAAM;EAClB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,cAAc,MAAM;EACpB,eAAe,MAAM;EACrB,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,oBAAoB,MAAM;EAC1B,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB,sBAAsB,MAAM;EAC5B,gBAAgB,MAAM;EACtB,oBAAoB,MAAM;EAC1B,qBAAqB,MAAM;EAC3B,eAAe,MAAM;EACrB,mBAAmB,MAAM;EACzB,WAAW,MAAM;CACnB;AACN;;;;AAKA,MAAa,cACX,SACA,EACE,IACA,OAAO,aACP,oBAQS;CACX,MAAM,QAAQ,SAAS;CACvB,MAAM,CAAC,MAAM,WAAW,SAAiB,EAAE;CAG3C,MAAM,gBAAgB,cACd,oBAAoB,OAAO,aAAa,aAAa,GAC3D;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN;EACA;CACF,CACF;CAGA,MAAM,WAAW,cAAsB;EACrC,MAAM,OAAO,QAAQ,SAAA,MAAgC,UAAU,IAAI,QAAQ,OAAO;EAClF,OAAO;GAAC;GAAI,gBAAgB,MAAM,aAAa,MAAM;GAAM;EAAI,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CAC3F,GAAG;EAAC;EAAS;EAAI,MAAM;EAAY;CAAW,CAAC;CAE/C,gBAAgB;EAEd,MAAM,gBAAgB,aAAa,IAAI,QAAQ;EAC/C,IAAI,eAAe;GACjB,cACG,MAAM,QAAQ;IACb,QAAQ,GAAG;GACb,CAAC,CAAC,CACD,YAAY,CAEb,CAAC;GACH;EACF;EAGA,MAAM,iBAAiB,YAA6B;GAClD,IAAI;IACF,MAAM,kBAAkB,MAAM,YAAY;IAC1C,IAAI,CAAC,iBAAiB,OAAO;IAK7B,IAAI,MAFkB,gBAAgB,MAAM,OAAO,GAEtC;KAEX,gBAAgB,WAAW,aAAa;KACxC,MAAM,EAAE,QAAQ,MAAM,gBAAgB,OAAO,IAAI,OAAO;KACxD,OAAO;IACT,OACE,MAAM,IAAI,MAAM,cAAc;GAElC,SAAS,QAAQ;IACf,QAAQ,MAAM,iBAAiB,MAAM;IACrC,OAAO;GACT;EACF,EAAA,CAAG;EAGH,aAAa,IAAI,UAAU,aAAa;EACxC,aAAa;EAGb,cACG,MAAM,QAAQ;GAEb,IAAI,aAAa,IAAI,QAAQ,MAAM,eACjC,QAAQ,GAAG;EAEf,CAAC,CAAC,CACD,YAAY;GAEX,IAAI,aAAa,IAAI,QAAQ,MAAM,eACjC,aAAa,OAAO,QAAQ;EAEhC,CAAC;CACL,GAAG;EAAC;EAAU;EAAS;EAAI;CAAa,CAAC;CAEzC,OAAO;AACT"}
+{"version":3,"file":"useMermaid.mjs","names":[],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useThemeMode } from 'antd-style';\nimport { renderMermaidSVG, type RenderOptions, type ThemeName, THEMES } from 'beautiful-mermaid';\nimport { useEffect, useId, useMemo, useState } from 'react';\n\nimport { prepareInlineMermaidSvg } from '@/Mermaid/SyntaxMermaid/prepareInlineSvg';\n\nimport { createCdnMermaidConfig, renderWithCdnMermaid } from './useMermaidCdn';\n\nexport type MermaidThemeName = 'lobe-theme' | ThemeName;\n\nexport interface MermaidRenderResult {\n  error?: string;\n  loading?: boolean;\n  svg: string;\n}\n\n/**\n * beautiful-mermaid emits these as CSS custom properties on the SVG root and\n * derives the rest with color-mix(), so pointing them at antd's variables lets\n * the diagram follow the theme through CSS alone — no token subscription, and\n * no re-render (or re-layout) when the appearance changes.\n */\nconst LOBE_THEME_OPTIONS: RenderOptions = {\n  accent: 'var(--ant-color-primary)',\n  bg: 'var(--ant-color-bg-container)',\n  border: 'var(--ant-color-border)',\n  fg: 'var(--ant-color-text)',\n  line: 'var(--ant-color-text-secondary)',\n  muted: 'var(--ant-color-text-description)',\n  surface: 'var(--ant-color-fill-tertiary)',\n  transparent: true,\n};\n\nconst isNamedTheme = (theme?: MermaidThemeName): theme is ThemeName =>\n  !!theme && theme !== 'lobe-theme' && theme in THEMES;\n\nexport const createMermaidOptions = (customTheme?: MermaidThemeName): RenderOptions =>\n  isNamedTheme(customTheme) ? THEMES[customTheme]! : LOBE_THEME_OPTIONS;\n\n/**\n * beautiful-mermaid covers six diagram types; anything else throws here and is\n * handed to the CDN-loaded upstream mermaid instead.\n */\nexport const renderMermaid = (\n  content: string,\n  scopeId: string,\n  customTheme?: MermaidThemeName,\n): MermaidRenderResult => {\n  if (!content) return { svg: '' };\n  try {\n    const svg = renderMermaidSVG(content, createMermaidOptions(customTheme));\n    return { svg: prepareInlineMermaidSvg(svg, scopeId) };\n  } catch {\n    return { error: 'unsupported', svg: '' };\n  }\n};\n\nexport const useCdnMermaidFallback = (\n  content: string,\n  { enabled, theme: customTheme }: { enabled: boolean; theme?: MermaidThemeName },\n): MermaidRenderResult => {\n  const { isDarkMode } = useThemeMode();\n  const reactId = useId();\n  const [result, setResult] = useState<MermaidRenderResult>({ svg: '' });\n\n  useEffect(() => {\n    if (!enabled || !content) {\n      setResult({ svg: '' });\n      return;\n    }\n\n    let active = true;\n    setResult({ loading: true, svg: '' });\n\n    const config = createCdnMermaidConfig(\n      isDarkMode,\n      isNamedTheme(customTheme) ? customTheme : undefined,\n    );\n\n    renderWithCdnMermaid(content, `mermaid-cdn-${reactId.replaceAll(':', '')}`, config)\n      .then((svg) => {\n        if (!active) return;\n        setResult(svg ? { svg } : { error: 'Failed to render diagram', svg: '' });\n      })\n      .catch(() => {\n        if (active) setResult({ error: 'Failed to render diagram', svg: '' });\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [enabled, content, isDarkMode, customTheme, reactId]);\n\n  return result;\n};\n\nexport const useMermaid = (\n  content: string,\n  { theme: customTheme }: { theme?: MermaidThemeName } = {},\n): MermaidRenderResult => {\n  const reactId = useId();\n  const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(':', '')}`, [reactId]);\n\n  const primary = useMemo(\n    () => renderMermaid(content, scopeId, customTheme),\n    [content, scopeId, customTheme],\n  );\n\n  const fallback = useCdnMermaidFallback(content, {\n    enabled: Boolean(primary.error),\n    theme: customTheme,\n  });\n\n  return primary.error ? fallback : primary;\n};\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,qBAAoC;CACxC,QAAQ;CACR,IAAI;CACJ,QAAQ;CACR,IAAI;CACJ,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;AACf;AAEA,MAAM,gBAAgB,UACpB,CAAC,CAAC,SAAS,UAAU,gBAAgB,SAAS;AAEhD,MAAa,wBAAwB,gBACnC,aAAa,WAAW,IAAI,OAAO,eAAgB;;;;;AAMrD,MAAa,iBACX,SACA,SACA,gBACwB;CACxB,IAAI,CAAC,SAAS,OAAO,EAAE,KAAK,GAAG;CAC/B,IAAI;EAEF,OAAO,EAAE,KAAK,wBADF,iBAAiB,SAAS,qBAAqB,WAAW,CAC9B,GAAG,OAAO,EAAE;CACtD,QAAQ;EACN,OAAO;GAAE,OAAO;GAAe,KAAK;EAAG;CACzC;AACF;AAEA,MAAa,yBACX,SACA,EAAE,SAAS,OAAO,kBACM;CACxB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,UAAU,MAAM;CACtB,MAAM,CAAC,QAAQ,aAAa,SAA8B,EAAE,KAAK,GAAG,CAAC;CAErE,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,SAAS;GACxB,UAAU,EAAE,KAAK,GAAG,CAAC;GACrB;EACF;EAEA,IAAI,SAAS;EACb,UAAU;GAAE,SAAS;GAAM,KAAK;EAAG,CAAC;EAEpC,MAAM,SAAS,uBACb,YACA,aAAa,WAAW,IAAI,cAAc,KAAA,CAC5C;EAEA,qBAAqB,SAAS,eAAe,QAAQ,WAAW,KAAK,EAAE,KAAK,MAAM,CAAC,CAChF,MAAM,QAAQ;GACb,IAAI,CAAC,QAAQ;GACb,UAAU,MAAM,EAAE,IAAI,IAAI;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EAC1E,CAAC,CAAC,CACD,YAAY;GACX,IAAI,QAAQ,UAAU;IAAE,OAAO;IAA4B,KAAK;GAAG,CAAC;EACtE,CAAC;EAEH,aAAa;GACX,SAAS;EACX;CACF,GAAG;EAAC;EAAS;EAAS;EAAY;EAAa;CAAO,CAAC;CAEvD,OAAO;AACT;AAEA,MAAa,cACX,SACA,EAAE,OAAO,gBAA8C,CAAC,MAChC;CACxB,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,cAAc,WAAW,QAAQ,WAAW,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC;CAEjF,MAAM,UAAU,cACR,cAAc,SAAS,SAAS,WAAW,GACjD;EAAC;EAAS;EAAS;CAAW,CAChC;CAEA,MAAM,WAAW,sBAAsB,SAAS;EAC9C,SAAS,QAAQ,QAAQ,KAAK;EAC9B,OAAO;CACT,CAAC;CAED,OAAO,QAAQ,QAAQ,WAAW;AACpC"}

package/es/hooks/useMermaidCdn.d.mts

@@ -0,0 +1,10 @@
+//#region src/hooks/useMermaidCdn.d.ts
+/**
+ * Point the fallback loader at a mirror, or at a self-hosted copy for offline
+ * and strict-CSP deployments. Resets any in-flight load.
+ */
+declare const setMermaidCdnUrl: (url: string) => void;
+declare const getMermaidCdnUrl: () => string;
+//#endregion
+export { getMermaidCdnUrl, setMermaidCdnUrl };
+//# sourceMappingURL=useMermaidCdn.d.mts.map

package/es/hooks/useMermaidCdn.mjs

@@ -0,0 +1,97 @@
+"use client";
+//#region src/hooks/useMermaidCdn.ts
+let mermaidCdnUrl = "https://esm.sh/mermaid@11";
+let mermaidPromise = null;
+/**
+* Point the fallback loader at a mirror, or at a self-hosted copy for offline
+* and strict-CSP deployments. Resets any in-flight load.
+*/
+const setMermaidCdnUrl = (url) => {
+	if (url === mermaidCdnUrl) return;
+	mermaidCdnUrl = url;
+	mermaidPromise = null;
+};
+const getMermaidCdnUrl = () => mermaidCdnUrl;
+const loadCdnMermaid = () => {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	mermaidPromise ??= import(
+		/* @vite-ignore */
+		mermaidCdnUrl
+).then((mod) => mod.default ?? mod).catch(() => null);
+	return mermaidPromise;
+};
+/**
+* Upstream mermaid runs colour maths over themeVariables, so it needs literal
+* values rather than var() references. Reading antd's CSS variables here keeps
+* the cost off the render path — no theme context subscription, and it only
+* runs for the diagram types that actually fall back to the CDN.
+*/
+const readCssVars = (names) => {
+	const result = {};
+	if (typeof document === "undefined") return result;
+	const computed = globalThis.getComputedStyle(document.documentElement);
+	for (const [key, variable] of Object.entries(names)) result[key] = computed.getPropertyValue(variable).trim() || void 0;
+	return result;
+};
+const createCdnMermaidConfig = (isDarkMode, customTheme) => {
+	const token = readCssVars({
+		border: "--ant-color-border",
+		error: "--ant-color-error",
+		fontFamily: "--ant-font-family",
+		fontFamilyCode: "--ant-font-family-code",
+		infoBg: "--ant-color-info-bg",
+		infoBorder: "--ant-color-info-border",
+		infoText: "--ant-color-info-text",
+		primary: "--ant-color-primary",
+		success: "--ant-color-success",
+		successBg: "--ant-color-success-bg",
+		successBorder: "--ant-color-success-border",
+		successText: "--ant-color-success-text",
+		text: "--ant-color-text",
+		textDescription: "--ant-color-text-description",
+		textSecondary: "--ant-color-text-secondary",
+		bgContainer: "--ant-color-bg-container",
+		warning: "--ant-color-warning"
+	});
+	return {
+		fontFamily: token.fontFamilyCode,
+		gantt: { useWidth: 1920 },
+		securityLevel: "strict",
+		startOnLoad: false,
+		theme: customTheme || (isDarkMode ? "dark" : "neutral"),
+		themeVariables: customTheme ? void 0 : {
+			errorBkgColor: token.textDescription,
+			errorTextColor: token.textDescription,
+			fontFamily: token.fontFamily,
+			lineColor: token.textSecondary,
+			mainBkg: token.bgContainer,
+			noteBkgColor: token.infoBg,
+			noteTextColor: token.infoText,
+			pie1: token.primary,
+			pie2: token.warning,
+			pie3: token.success,
+			pie4: token.error,
+			primaryBorderColor: token.border,
+			primaryColor: token.bgContainer,
+			primaryTextColor: token.text,
+			secondaryBorderColor: token.infoBorder,
+			secondaryColor: token.infoBg,
+			secondaryTextColor: token.infoText,
+			tertiaryBorderColor: token.successBorder,
+			tertiaryColor: token.successBg,
+			tertiaryTextColor: token.successText,
+			textColor: token.text
+		}
+	};
+};
+const renderWithCdnMermaid = async (content, id, config) => {
+	const mermaid = await loadCdnMermaid();
+	if (!mermaid) return "";
+	mermaid.initialize(config);
+	const { svg } = await mermaid.render(id, content);
+	return svg;
+};
+//#endregion
+export { createCdnMermaidConfig, getMermaidCdnUrl, loadCdnMermaid, renderWithCdnMermaid, setMermaidCdnUrl };
+
+//# sourceMappingURL=useMermaidCdn.mjs.map

package/es/hooks/useMermaidCdn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMermaidCdn.mjs","names":[],"sources":["../../src/hooks/useMermaidCdn.ts"],"sourcesContent":["'use client';\n\ninterface CdnMermaidConfig {\n  fontFamily?: string;\n  gantt?: { useWidth?: number };\n  securityLevel?: string;\n  startOnLoad?: boolean;\n  theme?: string;\n  themeVariables?: Record<string, string | undefined>;\n}\n\ninterface CdnMermaidApi {\n  initialize: (config: CdnMermaidConfig) => void;\n  render: (id: string, content: string) => Promise<{ svg: string }>;\n}\n\nconst DEFAULT_MERMAID_CDN_URL = 'https://esm.sh/mermaid@11';\n\nlet mermaidCdnUrl = DEFAULT_MERMAID_CDN_URL;\nlet mermaidPromise: Promise<CdnMermaidApi | null> | null = null;\n\n/**\n * Point the fallback loader at a mirror, or at a self-hosted copy for offline\n * and strict-CSP deployments. Resets any in-flight load.\n */\nexport const setMermaidCdnUrl = (url: string) => {\n  if (url === mermaidCdnUrl) return;\n  mermaidCdnUrl = url;\n  mermaidPromise = null;\n};\n\nexport const getMermaidCdnUrl = () => mermaidCdnUrl;\n\nexport const loadCdnMermaid = (): Promise<CdnMermaidApi | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n\n  mermaidPromise ??= import(/* @vite-ignore */ mermaidCdnUrl)\n    .then((mod) => (mod.default ?? mod) as CdnMermaidApi)\n    .catch(() => null);\n\n  return mermaidPromise;\n};\n\n/**\n * Upstream mermaid runs colour maths over themeVariables, so it needs literal\n * values rather than var() references. Reading antd's CSS variables here keeps\n * the cost off the render path — no theme context subscription, and it only\n * runs for the diagram types that actually fall back to the CDN.\n */\nconst readCssVars = <T extends string>(names: Record<T, string>): Record<T, string | undefined> => {\n  const result = {} as Record<T, string | undefined>;\n  if (typeof document === 'undefined') return result;\n\n  const computed = globalThis.getComputedStyle(document.documentElement);\n  for (const [key, variable] of Object.entries(names) as [T, string][]) {\n    result[key] = computed.getPropertyValue(variable).trim() || undefined;\n  }\n  return result;\n};\n\nexport const createCdnMermaidConfig = (\n  isDarkMode: boolean,\n  customTheme?: string,\n): CdnMermaidConfig => {\n  const token = readCssVars({\n    border: '--ant-color-border',\n    error: '--ant-color-error',\n    fontFamily: '--ant-font-family',\n    fontFamilyCode: '--ant-font-family-code',\n    infoBg: '--ant-color-info-bg',\n    infoBorder: '--ant-color-info-border',\n    infoText: '--ant-color-info-text',\n    primary: '--ant-color-primary',\n    success: '--ant-color-success',\n    successBg: '--ant-color-success-bg',\n    successBorder: '--ant-color-success-border',\n    successText: '--ant-color-success-text',\n    text: '--ant-color-text',\n    textDescription: '--ant-color-text-description',\n    textSecondary: '--ant-color-text-secondary',\n    bgContainer: '--ant-color-bg-container',\n    warning: '--ant-color-warning',\n  });\n\n  return {\n    fontFamily: token.fontFamilyCode,\n    gantt: { useWidth: 1920 },\n    // SECURITY: 'strict' keeps Mermaid from rendering node labels via innerHTML,\n    // which would be an XSS vector for model-generated diagram content.\n    securityLevel: 'strict',\n    startOnLoad: false,\n    theme: customTheme || (isDarkMode ? 'dark' : 'neutral'),\n    themeVariables: customTheme\n      ? undefined\n      : {\n          errorBkgColor: token.textDescription,\n          errorTextColor: token.textDescription,\n          fontFamily: token.fontFamily,\n          lineColor: token.textSecondary,\n          mainBkg: token.bgContainer,\n          noteBkgColor: token.infoBg,\n          noteTextColor: token.infoText,\n          pie1: token.primary,\n          pie2: token.warning,\n          pie3: token.success,\n          pie4: token.error,\n          primaryBorderColor: token.border,\n          primaryColor: token.bgContainer,\n          primaryTextColor: token.text,\n          secondaryBorderColor: token.infoBorder,\n          secondaryColor: token.infoBg,\n          secondaryTextColor: token.infoText,\n          tertiaryBorderColor: token.successBorder,\n          tertiaryColor: token.successBg,\n          tertiaryTextColor: token.successText,\n          textColor: token.text,\n        },\n  };\n};\n\nexport const renderWithCdnMermaid = async (\n  content: string,\n  id: string,\n  config: CdnMermaidConfig,\n): Promise<string> => {\n  const mermaid = await loadCdnMermaid();\n  if (!mermaid) return '';\n\n  mermaid.initialize(config);\n  const { svg } = await mermaid.render(id, content);\n  return svg;\n};\n"],"mappings":";;AAkBA,IAAI,gBAAgB;AACpB,IAAI,iBAAuD;;;;;AAM3D,MAAa,oBAAoB,QAAgB;CAC/C,IAAI,QAAQ,eAAe;CAC3B,gBAAgB;CAChB,iBAAiB;AACnB;AAEA,MAAa,yBAAyB;AAEtC,MAAa,uBAAsD;CACjE,IAAI,OAAO,WAAW,aAAa,OAAO,QAAQ,QAAQ,IAAI;CAE9D,mBAAmB;;EAA0B;CAAc,CACxD,MAAM,QAAS,IAAI,WAAW,GAAqB,CAAC,CACpD,YAAY,IAAI;CAEnB,OAAO;AACT;;;;;;;AAQA,MAAM,eAAiC,UAA4D;CACjG,MAAM,SAAS,CAAC;CAChB,IAAI,OAAO,aAAa,aAAa,OAAO;CAE5C,MAAM,WAAW,WAAW,iBAAiB,SAAS,eAAe;CACrE,KAAK,MAAM,CAAC,KAAK,aAAa,OAAO,QAAQ,KAAK,GAChD,OAAO,OAAO,SAAS,iBAAiB,QAAQ,CAAC,CAAC,KAAK,KAAK,KAAA;CAE9D,OAAO;AACT;AAEA,MAAa,0BACX,YACA,gBACqB;CACrB,MAAM,QAAQ,YAAY;EACxB,QAAQ;EACR,OAAO;EACP,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,SAAS;EACT,SAAS;EACT,WAAW;EACX,eAAe;EACf,aAAa;EACb,MAAM;EACN,iBAAiB;EACjB,eAAe;EACf,aAAa;EACb,SAAS;CACX,CAAC;CAED,OAAO;EACL,YAAY,MAAM;EAClB,OAAO,EAAE,UAAU,KAAK;EAGxB,eAAe;EACf,aAAa;EACb,OAAO,gBAAgB,aAAa,SAAS;EAC7C,gBAAgB,cACZ,KAAA,IACA;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;EACnB;CACN;AACF;AAEA,MAAa,uBAAuB,OAClC,SACA,IACA,WACoB;CACpB,MAAM,UAAU,MAAM,eAAe;CACrC,IAAI,CAAC,SAAS,OAAO;CAErB,QAAQ,WAAW,MAAM;CACzB,MAAM,EAAE,QAAQ,MAAM,QAAQ,OAAO,IAAI,OAAO;CAChD,OAAO;AACT"}

package/es/hooks/useStreamMermaid.mjs

@@ -1,83 +1,32 @@
 "use client";
-import { createMermaidConfig, loadMermaid } from "./useMermaid.mjs";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { useTheme } from "antd-style";
+import { renderMermaid, useCdnMermaidFallback } from "./useMermaid.mjs";
+import { useEffect, useId, useMemo, useState } from "react";
 //#region src/hooks/useStreamMermaid.ts
-/**
-* 流式 Mermaid 渲染 - 支持内容逐步更新
-*/
-const useStreamMermaid = (content, { enabled = true, id, theme: customTheme }) => {
-	const theme = useTheme();
-	const [data, setData] = useState("");
-	const previousContentRef = useRef("");
-	const latestContentRef = useRef(content);
-	const renderTimeoutRef = useRef(void 0);
-	const mermaidConfig = useMemo(() => createMermaidConfig(theme, customTheme), [
-		theme.fontFamilyCode,
-		theme.isDarkMode,
-		theme.colorTextDescription,
-		theme.fontFamily,
-		theme.colorTextSecondary,
-		theme.colorBgContainer,
-		theme.colorInfoBg,
-		theme.colorInfoText,
-		theme.geekblue,
-		theme.colorWarning,
-		theme.colorSuccess,
-		theme.colorError,
-		theme.colorBorder,
-		theme.colorInfoBorder,
-		theme.colorSuccessBorder,
-		theme.colorSuccessBg,
-		theme.colorSuccessText,
-		theme.colorText,
-		customTheme
-	]);
+const EMPTY = { svg: "" };
+const useStreamMermaid = (content, { enabled = true, theme: customTheme }) => {
+	const reactId = useId();
+	const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(":", "")}`, [reactId]);
+	const [primary, setPrimary] = useState(EMPTY);
 	useEffect(() => {
-		latestContentRef.current = content;
-	}, [content]);
-	useEffect(() => {
-		if (!enabled) {
-			setData("");
-			previousContentRef.current = "";
-			const timeoutId = renderTimeoutRef.current;
-			if (timeoutId) clearTimeout(timeoutId);
+		if (!enabled || !content) {
+			setPrimary(EMPTY);
 			return;
 		}
-		const currentContent = latestContentRef.current;
-		if (currentContent === previousContentRef.current && data) return;
-		const timeoutId = renderTimeoutRef.current;
-		if (timeoutId) clearTimeout(timeoutId);
-		renderTimeoutRef.current = setTimeout(async () => {
-			const contentToRender = latestContentRef.current;
-			if (contentToRender !== currentContent) return;
-			try {
-				const mermaidInstance = await loadMermaid();
-				if (!mermaidInstance) return;
-				if (await mermaidInstance.parse(contentToRender)) {
-					mermaidInstance.initialize(mermaidConfig);
-					const { svg } = await mermaidInstance.render(id, contentToRender);
-					if (latestContentRef.current === contentToRender) {
-						setData(svg);
-						previousContentRef.current = contentToRender;
-					}
-				}
-			} catch (error_) {
-				if (contentToRender === latestContentRef.current) console.error("Mermaid 解析错误:", error_);
-			}
+		const timer = setTimeout(() => {
+			setPrimary(renderMermaid(content, scopeId, customTheme));
 		}, 300);
-		return () => {
-			const timeoutId = renderTimeoutRef.current;
-			if (timeoutId) clearTimeout(timeoutId);
-		};
+		return () => clearTimeout(timer);
 	}, [
 		enabled,
 		content,
-		id,
-		mermaidConfig,
-		data
+		scopeId,
+		customTheme
 	]);
-	return data;
+	const fallback = useCdnMermaidFallback(content, {
+		enabled: enabled && Boolean(primary.error),
+		theme: customTheme
+	});
+	return primary.error ? fallback : primary;
 };
 //#endregion
 export { useStreamMermaid };

package/es/hooks/useStreamMermaid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStreamMermaid.mjs","names":[],"sources":["../../src/hooks/useStreamMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport type { MermaidConfig } from 'mermaid';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { createMermaidConfig, loadMermaid } from './useMermaid';\n\n/**\n * 流式 Mermaid 渲染 - 支持内容逐步更新\n */\nexport const useStreamMermaid = (\n  content: string,\n  {\n    enabled = true,\n    id,\n    theme: customTheme,\n  }: {\n    enabled?: boolean;\n    id: string;\n    theme?: MermaidConfig['theme'];\n  },\n): string => {\n  const theme = useTheme();\n  const [data, setData] = useState<string>('');\n  const previousContentRef = useRef<string>('');\n  const latestContentRef = useRef(content);\n  const renderTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // 提取主题相关配置到 useMemo 中\n  const mermaidConfig = useMemo(\n    () => createMermaidConfig(theme, customTheme),\n    [\n      theme.fontFamilyCode,\n      theme.isDarkMode,\n      theme.colorTextDescription,\n      theme.fontFamily,\n      theme.colorTextSecondary,\n      theme.colorBgContainer,\n      theme.colorInfoBg,\n      theme.colorInfoText,\n      theme.geekblue,\n      theme.colorWarning,\n      theme.colorSuccess,\n      theme.colorError,\n      theme.colorBorder,\n      theme.colorInfoBorder,\n      theme.colorSuccessBorder,\n      theme.colorSuccessBg,\n      theme.colorSuccessText,\n      theme.colorText,\n      customTheme,\n    ],\n  );\n\n  // Update latest content ref\n  useEffect(() => {\n    latestContentRef.current = content;\n  }, [content]);\n\n  // Debounced rendering for streaming content\n  useEffect(() => {\n    if (!enabled) {\n      setData('');\n      previousContentRef.current = '';\n      const timeoutId = renderTimeoutRef.current;\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      return;\n    }\n\n    const currentContent = latestContentRef.current;\n\n    // Skip if content hasn't changed\n    if (currentContent === previousContentRef.current && data) {\n      return;\n    }\n\n    // Clear previous timeout\n    const timeoutId = renderTimeoutRef.current;\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n    }\n\n    // Debounce rendering for streaming content (wait 300ms after last change)\n    renderTimeoutRef.current = setTimeout(async () => {\n      const contentToRender = latestContentRef.current;\n\n      // Skip if content changed during debounce\n      if (contentToRender !== currentContent) {\n        return;\n      }\n\n      try {\n        const mermaidInstance = await loadMermaid();\n        if (!mermaidInstance) return;\n\n        // 验证语法\n        const isValid = await mermaidInstance.parse(contentToRender);\n\n        if (isValid) {\n          // 初始化并渲染\n          mermaidInstance.initialize(mermaidConfig);\n          const { svg } = await mermaidInstance.render(id, contentToRender);\n\n          // Only update if content hasn't changed during rendering\n          if (latestContentRef.current === contentToRender) {\n            setData(svg);\n            previousContentRef.current = contentToRender;\n          }\n        }\n      } catch (error_) {\n        // Silently handle errors during streaming\n        // Only log if this is the final content\n        if (contentToRender === latestContentRef.current) {\n          console.error('Mermaid 解析错误:', error_);\n        }\n      }\n    }, 300);\n\n    return () => {\n      const timeoutId = renderTimeoutRef.current;\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [enabled, content, id, mermaidConfig, data]);\n\n  return data;\n};\n"],"mappings":";;;;;;;;AAWA,MAAa,oBACX,SACA,EACE,UAAU,MACV,IACA,OAAO,kBAME;CACX,MAAM,QAAQ,SAAS;CACvB,MAAM,CAAC,MAAM,WAAW,SAAiB,EAAE;CAC3C,MAAM,qBAAqB,OAAe,EAAE;CAC5C,MAAM,mBAAmB,OAAO,OAAO;CACvC,MAAM,mBAAmB,OAAkD,KAAA,CAAS;CAGpF,MAAM,gBAAgB,cACd,oBAAoB,OAAO,WAAW,GAC5C;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN;CACF,CACF;CAGA,gBAAgB;EACd,iBAAiB,UAAU;CAC7B,GAAG,CAAC,OAAO,CAAC;CAGZ,gBAAgB;EACd,IAAI,CAAC,SAAS;GACZ,QAAQ,EAAE;GACV,mBAAmB,UAAU;GAC7B,MAAM,YAAY,iBAAiB;GACnC,IAAI,WACF,aAAa,SAAS;GAExB;EACF;EAEA,MAAM,iBAAiB,iBAAiB;EAGxC,IAAI,mBAAmB,mBAAmB,WAAW,MACnD;EAIF,MAAM,YAAY,iBAAiB;EACnC,IAAI,WACF,aAAa,SAAS;EAIxB,iBAAiB,UAAU,WAAW,YAAY;GAChD,MAAM,kBAAkB,iBAAiB;GAGzC,IAAI,oBAAoB,gBACtB;GAGF,IAAI;IACF,MAAM,kBAAkB,MAAM,YAAY;IAC1C,IAAI,CAAC,iBAAiB;IAKtB,IAAI,MAFkB,gBAAgB,MAAM,eAAe,GAE9C;KAEX,gBAAgB,WAAW,aAAa;KACxC,MAAM,EAAE,QAAQ,MAAM,gBAAgB,OAAO,IAAI,eAAe;KAGhE,IAAI,iBAAiB,YAAY,iBAAiB;MAChD,QAAQ,GAAG;MACX,mBAAmB,UAAU;KAC/B;IACF;GACF,SAAS,QAAQ;IAGf,IAAI,oBAAoB,iBAAiB,SACvC,QAAQ,MAAM,iBAAiB,MAAM;GAEzC;EACF,GAAG,GAAG;EAEN,aAAa;GACX,MAAM,YAAY,iBAAiB;GACnC,IAAI,WACF,aAAa,SAAS;EAE1B;CACF,GAAG;EAAC;EAAS;EAAS;EAAI;EAAe;CAAI,CAAC;CAE9C,OAAO;AACT"}
+{"version":3,"file":"useStreamMermaid.mjs","names":[],"sources":["../../src/hooks/useStreamMermaid.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useMemo, useState } from 'react';\n\nimport {\n  type MermaidRenderResult,\n  type MermaidThemeName,\n  renderMermaid,\n  useCdnMermaidFallback,\n} from './useMermaid';\n\nconst EMPTY: MermaidRenderResult = { svg: '' };\n\nexport const useStreamMermaid = (\n  content: string,\n  {\n    enabled = true,\n    theme: customTheme,\n  }: {\n    enabled?: boolean;\n    theme?: MermaidThemeName;\n  },\n): MermaidRenderResult => {\n  const reactId = useId();\n  const scopeId = useMemo(() => `mermaid-${reactId.replaceAll(':', '')}`, [reactId]);\n  const [primary, setPrimary] = useState<MermaidRenderResult>(EMPTY);\n\n  useEffect(() => {\n    if (!enabled || !content) {\n      setPrimary(EMPTY);\n      return;\n    }\n\n    // Debounce rendering so streaming content only re-renders after it settles\n    const timer = setTimeout(() => {\n      setPrimary(renderMermaid(content, scopeId, customTheme));\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [enabled, content, scopeId, customTheme]);\n\n  const fallback = useCdnMermaidFallback(content, {\n    enabled: enabled && Boolean(primary.error),\n    theme: customTheme,\n  });\n\n  return primary.error ? fallback : primary;\n};\n"],"mappings":";;;;AAWA,MAAM,QAA6B,EAAE,KAAK,GAAG;AAE7C,MAAa,oBACX,SACA,EACE,UAAU,MACV,OAAO,kBAKe;CACxB,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,cAAc,WAAW,QAAQ,WAAW,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC;CACjF,MAAM,CAAC,SAAS,cAAc,SAA8B,KAAK;CAEjE,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,SAAS;GACxB,WAAW,KAAK;GAChB;EACF;EAGA,MAAM,QAAQ,iBAAiB;GAC7B,WAAW,cAAc,SAAS,SAAS,WAAW,CAAC;EACzD,GAAG,GAAG;EAEN,aAAa,aAAa,KAAK;CACjC,GAAG;EAAC;EAAS;EAAS;EAAS;CAAW,CAAC;CAE3C,MAAM,WAAW,sBAAsB,SAAS;EAC9C,SAAS,WAAW,QAAQ,QAAQ,KAAK;EACzC,OAAO;CACT,CAAC;CAED,OAAO,QAAQ,QAAQ,WAAW;AACpC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Mono.mjs","names":[],"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,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YARN,CAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD,EAAM,GAAE,woBAAyoB,CAAA,CAC9oB;;AAET,CAAC"}
+{"version":3,"file":"Mono.mjs","names":[],"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,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EARN,UAAA,CAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD,EAAM,GAAE,woBAAyoB,CAAA,CAC9oB;;AAET,CAAC"}

package/es/icons/Authelia/components/Color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/Authelia/components/Color.tsx"],"sourcesContent":["'use client';\n\nimport { type IconType, useFillIds } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  const [a, b, c, d, e] = useFillIds(TITLE, 5);\n  return (\n    <svg\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\n        d=\"M12.04 17.99c-3.312-.001-6.044-2.719-6.02-6.025.025-3.47 2.905-6.036 6.073-6.003 3.13.032 5.968 2.485 5.977 6.02.009 3.409-2.727 6.002-6.03 6.008zm1.567-8.38c.002-.767-.447-1.372-1.153-1.555a1.572 1.572 0 00-1.766.745c-.365.647-.268 1.384.311 1.9.284.252.308.491.22.828-.264 1.013-.501 2.034-.752 3.052-.092.376.008.697.299.944.609.515 1.718.565 2.377.118.472-.321.591-.579.464-1.132-.242-1.056-.498-2.11-.762-3.161-.06-.237-.037-.395.172-.56.375-.292.615-.675.59-1.179z\"\n        fill={a.fill}\n      />\n      <path\n        d=\"M11.995 20.95c-4.258.137-8.345-3.09-8.918-7.86C2.703 9.98 3.654 7.307 6 5.198c.538-.485 1.192-.85 1.82-1.224.488-.29.899-.165 1.15.265.259.444.134.847-.348 1.169-.449.3-.92.577-1.333.923-1.53 1.283-2.384 2.938-2.567 4.923-.167 1.815.234 3.506 1.32 4.978 1.42 1.926 3.35 2.961 5.753 3.05 2.141.081 3.982-.679 5.459-2.198.6-.618 1.017-1.42 1.488-2.156.262-.41.613-.617 1.01-.496.503.153.766.599.521 1.11-.34.711-.71 1.432-1.198 2.045-1.565 1.971-3.651 3.046-6.14 3.356a.858.858 0 01-.108.007h-.832z\"\n        fill={b.fill}\n      />\n      <path\n        d=\"M0 12.325C.04 9.042.96 6.549 2.744 4.38 4.546 2.19 6.851.806 9.637.27c.57-.11 1.175-.056 1.763-.054.31.001.471.207.526.5.06.33-.091.748-.378.869a3.297 3.297 0 01-.834.2c-1.945.258-3.703.966-5.214 2.22-2.138 1.773-3.437 4.026-3.746 6.81-.3 2.72.41 5.173 2.018 7.372.248.34.549.638.808.97.379.486.352.863-.064 1.235-.35.313-.78.272-1.177-.133a11.342 11.342 0 01-3.02-5.576C.114 13.76.061 12.805 0 12.325z\"\n        fill={c.fill}\n      />\n      <path\n        d=\"M13.268 23.77c-.12 0-.241.006-.362-.002-.452-.031-.758-.296-.802-.687-.047-.422.221-.788.679-.889.317-.07.641-.102.961-.16 3.216-.58 5.648-2.272 7.27-5.12a9.973 9.973 0 001.317-4.754 9.52 9.52 0 00-.65-3.748c-.074-.188-.114-.432-.062-.62.099-.35.337-.611.74-.642.375-.03.697.141.84.554.23.67.453 1.35.582 2.045.469 2.509.193 4.941-.907 7.255-.894 1.883-2.186 3.447-3.893 4.658-1.518 1.077-3.187 1.784-5.032 2.062-.226.034-.454.047-.68.07l-.001-.023z\"\n        fill={d.fill}\n      />\n      <path\n        d=\"M20.84 10.15c0 .494-.248.806-.674.882-.41.074-.752-.143-.915-.585-.216-.585-.388-1.192-.651-1.755-.694-1.48-1.812-2.557-3.27-3.287-.119-.059-.24-.115-.354-.18-.442-.248-.61-.709-.42-1.131.198-.441.632-.643 1.116-.403.653.324 1.307.677 1.886 1.117 1.625 1.235 2.67 2.877 3.203 4.845.028.105.05.212.068.318.01.07.009.143.01.179z\"\n        fill={e.fill}\n      />\n      <defs>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={a.id}\n          x1=\"-.251\"\n          x2=\"23.906\"\n          y1=\"11.923\"\n          y2=\"12.026\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={b.id}\n          x1=\"-.253\"\n          x2=\"23.905\"\n          y1=\"12.342\"\n          y2=\"12.446\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={c.id}\n          x1=\"-.245\"\n          x2=\"23.913\"\n          y1=\"10.367\"\n          y2=\"10.47\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={d.id}\n          x1=\"-.266\"\n          x2=\"23.892\"\n          y1=\"15.39\"\n          y2=\"15.493\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={e.id}\n          x1=\"-.231\"\n          x2=\"23.926\"\n          y1=\"7.241\"\n          y2=\"7.344\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,WAAW,OAAO,CAAC;CAC3C,OACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YANN;GAQE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,qBAAC,QAAD,EAAA,UAAA;IACE,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;eANL,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;eANL,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;eANL,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;eANL,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;eANL,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;GACZ,EAAA,CAAA;EACH;;AAET,CAAC"}
+{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/Authelia/components/Color.tsx"],"sourcesContent":["'use client';\n\nimport { type IconType, useFillIds } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  const [a, b, c, d, e] = useFillIds(TITLE, 5);\n  return (\n    <svg\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\n        d=\"M12.04 17.99c-3.312-.001-6.044-2.719-6.02-6.025.025-3.47 2.905-6.036 6.073-6.003 3.13.032 5.968 2.485 5.977 6.02.009 3.409-2.727 6.002-6.03 6.008zm1.567-8.38c.002-.767-.447-1.372-1.153-1.555a1.572 1.572 0 00-1.766.745c-.365.647-.268 1.384.311 1.9.284.252.308.491.22.828-.264 1.013-.501 2.034-.752 3.052-.092.376.008.697.299.944.609.515 1.718.565 2.377.118.472-.321.591-.579.464-1.132-.242-1.056-.498-2.11-.762-3.161-.06-.237-.037-.395.172-.56.375-.292.615-.675.59-1.179z\"\n        fill={a.fill}\n      />\n      <path\n        d=\"M11.995 20.95c-4.258.137-8.345-3.09-8.918-7.86C2.703 9.98 3.654 7.307 6 5.198c.538-.485 1.192-.85 1.82-1.224.488-.29.899-.165 1.15.265.259.444.134.847-.348 1.169-.449.3-.92.577-1.333.923-1.53 1.283-2.384 2.938-2.567 4.923-.167 1.815.234 3.506 1.32 4.978 1.42 1.926 3.35 2.961 5.753 3.05 2.141.081 3.982-.679 5.459-2.198.6-.618 1.017-1.42 1.488-2.156.262-.41.613-.617 1.01-.496.503.153.766.599.521 1.11-.34.711-.71 1.432-1.198 2.045-1.565 1.971-3.651 3.046-6.14 3.356a.858.858 0 01-.108.007h-.832z\"\n        fill={b.fill}\n      />\n      <path\n        d=\"M0 12.325C.04 9.042.96 6.549 2.744 4.38 4.546 2.19 6.851.806 9.637.27c.57-.11 1.175-.056 1.763-.054.31.001.471.207.526.5.06.33-.091.748-.378.869a3.297 3.297 0 01-.834.2c-1.945.258-3.703.966-5.214 2.22-2.138 1.773-3.437 4.026-3.746 6.81-.3 2.72.41 5.173 2.018 7.372.248.34.549.638.808.97.379.486.352.863-.064 1.235-.35.313-.78.272-1.177-.133a11.342 11.342 0 01-3.02-5.576C.114 13.76.061 12.805 0 12.325z\"\n        fill={c.fill}\n      />\n      <path\n        d=\"M13.268 23.77c-.12 0-.241.006-.362-.002-.452-.031-.758-.296-.802-.687-.047-.422.221-.788.679-.889.317-.07.641-.102.961-.16 3.216-.58 5.648-2.272 7.27-5.12a9.973 9.973 0 001.317-4.754 9.52 9.52 0 00-.65-3.748c-.074-.188-.114-.432-.062-.62.099-.35.337-.611.74-.642.375-.03.697.141.84.554.23.67.453 1.35.582 2.045.469 2.509.193 4.941-.907 7.255-.894 1.883-2.186 3.447-3.893 4.658-1.518 1.077-3.187 1.784-5.032 2.062-.226.034-.454.047-.68.07l-.001-.023z\"\n        fill={d.fill}\n      />\n      <path\n        d=\"M20.84 10.15c0 .494-.248.806-.674.882-.41.074-.752-.143-.915-.585-.216-.585-.388-1.192-.651-1.755-.694-1.48-1.812-2.557-3.27-3.287-.119-.059-.24-.115-.354-.18-.442-.248-.61-.709-.42-1.131.198-.441.632-.643 1.116-.403.653.324 1.307.677 1.886 1.117 1.625 1.235 2.67 2.877 3.203 4.845.028.105.05.212.068.318.01.07.009.143.01.179z\"\n        fill={e.fill}\n      />\n      <defs>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={a.id}\n          x1=\"-.251\"\n          x2=\"23.906\"\n          y1=\"11.923\"\n          y2=\"12.026\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={b.id}\n          x1=\"-.253\"\n          x2=\"23.905\"\n          y1=\"12.342\"\n          y2=\"12.446\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={c.id}\n          x1=\"-.245\"\n          x2=\"23.913\"\n          y1=\"10.367\"\n          y2=\"10.47\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={d.id}\n          x1=\"-.266\"\n          x2=\"23.892\"\n          y1=\"15.39\"\n          y2=\"15.493\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n        <linearGradient\n          gradientUnits=\"userSpaceOnUse\"\n          id={e.id}\n          x1=\"-.231\"\n          x2=\"23.926\"\n          y1=\"7.241\"\n          y2=\"7.344\"\n        >\n          <stop stopColor=\"#3F51B4\" />\n          <stop offset=\"1\" stopColor=\"#113155\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,WAAW,OAAO,CAAC;CAC3C,OACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EANN,UAAA;GAQE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,oBAAC,QAAD;IACE,GAAE;IACF,MAAM,EAAE;GACT,CAAA;GACD,qBAAC,QAAD,EAAA,UAAA;IACE,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KANL,UAAA,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KANL,UAAA,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KANL,UAAA,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KANL,UAAA,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;IAChB,qBAAC,kBAAD;KACE,eAAc;KACd,IAAI,EAAE;KACN,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KANL,UAAA,CAQE,oBAAC,QAAD,EAAM,WAAU,UAAW,CAAA,GAC3B,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAW,CAAA,CACxB;;GACZ,EAAA,CAAA;EACH;;AAET,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/Authelia/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=\"M12.04 17.99c-3.312-.001-6.044-2.719-6.02-6.025.025-3.47 2.905-6.036 6.073-6.003 3.13.032 5.968 2.485 5.977 6.02.009 3.409-2.727 6.002-6.03 6.008zm1.567-8.38c.002-.767-.447-1.372-1.153-1.555a1.572 1.572 0 00-1.766.745c-.365.647-.268 1.384.311 1.9.284.252.308.491.22.828-.264 1.013-.501 2.034-.752 3.052-.092.376.008.697.299.944.609.515 1.718.565 2.377.118.472-.321.591-.579.464-1.132-.242-1.056-.498-2.11-.762-3.161-.06-.237-.037-.395.172-.56.375-.292.615-.675.59-1.179z\" />\n      <path d=\"M11.995 20.95c-4.258.137-8.345-3.09-8.918-7.86C2.703 9.98 3.654 7.307 6 5.198c.538-.485 1.192-.85 1.82-1.224.488-.29.899-.165 1.15.265.259.444.134.847-.348 1.169-.449.3-.92.577-1.333.923-1.53 1.283-2.384 2.938-2.567 4.923-.167 1.815.234 3.506 1.32 4.978 1.42 1.926 3.35 2.961 5.753 3.05 2.141.081 3.982-.679 5.459-2.198.6-.618 1.017-1.42 1.488-2.156.262-.41.613-.617 1.01-.496.503.153.766.599.521 1.11-.34.711-.71 1.432-1.198 2.045-1.565 1.971-3.651 3.046-6.14 3.356a.858.858 0 01-.108.007h-.832z\" />\n      <path d=\"M0 12.325C.04 9.042.96 6.549 2.744 4.38 4.546 2.19 6.851.806 9.637.27c.57-.11 1.175-.056 1.763-.054.31.001.471.207.526.5.06.33-.091.748-.378.869a3.297 3.297 0 01-.834.2c-1.945.258-3.703.966-5.214 2.22-2.138 1.773-3.437 4.026-3.746 6.81-.3 2.72.41 5.173 2.018 7.372.248.34.549.638.808.97.379.486.352.863-.064 1.235-.35.313-.78.272-1.177-.133a11.342 11.342 0 01-3.02-5.576C.114 13.76.061 12.805 0 12.325z\" />\n      <path d=\"M13.268 23.77c-.12 0-.241.006-.362-.002-.452-.031-.758-.296-.802-.687-.047-.422.221-.788.679-.889.317-.07.641-.102.961-.16 3.216-.58 5.648-2.272 7.27-5.12a9.973 9.973 0 001.317-4.754 9.52 9.52 0 00-.65-3.748c-.074-.188-.114-.432-.062-.62.099-.35.337-.611.74-.642.375-.03.697.141.84.554.23.67.453 1.35.582 2.045.469 2.509.193 4.941-.907 7.255-.894 1.883-2.186 3.447-3.893 4.658-1.518 1.077-3.187 1.784-5.032 2.062-.226.034-.454.047-.68.07l-.001-.023z\" />\n      <path d=\"M20.84 10.15c0 .494-.248.806-.674.882-.41.074-.752-.143-.915-.585-.216-.585-.388-1.192-.651-1.755-.694-1.48-1.812-2.557-3.27-3.287-.119-.059-.24-.115-.354-.18-.442-.248-.61-.709-.42-1.131.198-.441.632-.643 1.116-.403.653.324 1.307.677 1.886 1.117 1.625 1.235 2.67 2.877 3.203 4.845.028.105.05.212.068.318.01.07.009.143.01.179z\" />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YARN;GAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,QAAD,EAAM,GAAE,ydAA0d,CAAA;GACle,oBAAC,QAAD,EAAM,GAAE,mfAAof,CAAA;GAC5f,oBAAC,QAAD,EAAM,GAAE,qZAAsZ,CAAA;GAC9Z,oBAAC,QAAD,EAAM,GAAE,ocAAqc,CAAA;GAC7c,oBAAC,QAAD,EAAM,GAAE,yUAA0U,CAAA;EAC/U;;AAET,CAAC"}
+{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/Authelia/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=\"M12.04 17.99c-3.312-.001-6.044-2.719-6.02-6.025.025-3.47 2.905-6.036 6.073-6.003 3.13.032 5.968 2.485 5.977 6.02.009 3.409-2.727 6.002-6.03 6.008zm1.567-8.38c.002-.767-.447-1.372-1.153-1.555a1.572 1.572 0 00-1.766.745c-.365.647-.268 1.384.311 1.9.284.252.308.491.22.828-.264 1.013-.501 2.034-.752 3.052-.092.376.008.697.299.944.609.515 1.718.565 2.377.118.472-.321.591-.579.464-1.132-.242-1.056-.498-2.11-.762-3.161-.06-.237-.037-.395.172-.56.375-.292.615-.675.59-1.179z\" />\n      <path d=\"M11.995 20.95c-4.258.137-8.345-3.09-8.918-7.86C2.703 9.98 3.654 7.307 6 5.198c.538-.485 1.192-.85 1.82-1.224.488-.29.899-.165 1.15.265.259.444.134.847-.348 1.169-.449.3-.92.577-1.333.923-1.53 1.283-2.384 2.938-2.567 4.923-.167 1.815.234 3.506 1.32 4.978 1.42 1.926 3.35 2.961 5.753 3.05 2.141.081 3.982-.679 5.459-2.198.6-.618 1.017-1.42 1.488-2.156.262-.41.613-.617 1.01-.496.503.153.766.599.521 1.11-.34.711-.71 1.432-1.198 2.045-1.565 1.971-3.651 3.046-6.14 3.356a.858.858 0 01-.108.007h-.832z\" />\n      <path d=\"M0 12.325C.04 9.042.96 6.549 2.744 4.38 4.546 2.19 6.851.806 9.637.27c.57-.11 1.175-.056 1.763-.054.31.001.471.207.526.5.06.33-.091.748-.378.869a3.297 3.297 0 01-.834.2c-1.945.258-3.703.966-5.214 2.22-2.138 1.773-3.437 4.026-3.746 6.81-.3 2.72.41 5.173 2.018 7.372.248.34.549.638.808.97.379.486.352.863-.064 1.235-.35.313-.78.272-1.177-.133a11.342 11.342 0 01-3.02-5.576C.114 13.76.061 12.805 0 12.325z\" />\n      <path d=\"M13.268 23.77c-.12 0-.241.006-.362-.002-.452-.031-.758-.296-.802-.687-.047-.422.221-.788.679-.889.317-.07.641-.102.961-.16 3.216-.58 5.648-2.272 7.27-5.12a9.973 9.973 0 001.317-4.754 9.52 9.52 0 00-.65-3.748c-.074-.188-.114-.432-.062-.62.099-.35.337-.611.74-.642.375-.03.697.141.84.554.23.67.453 1.35.582 2.045.469 2.509.193 4.941-.907 7.255-.894 1.883-2.186 3.447-3.893 4.658-1.518 1.077-3.187 1.784-5.032 2.062-.226.034-.454.047-.68.07l-.001-.023z\" />\n      <path d=\"M20.84 10.15c0 .494-.248.806-.674.882-.41.074-.752-.143-.915-.585-.216-.585-.388-1.192-.651-1.755-.694-1.48-1.812-2.557-3.27-3.287-.119-.059-.24-.115-.354-.18-.442-.248-.61-.709-.42-1.131.198-.441.632-.643 1.116-.403.653.324 1.307.677 1.886 1.117 1.625 1.235 2.67 2.877 3.203 4.845.028.105.05.212.068.318.01.07.009.143.01.179z\" />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EARN,UAAA;GAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA;GACrB,oBAAC,QAAD,EAAM,GAAE,ydAA0d,CAAA;GACle,oBAAC,QAAD,EAAM,GAAE,mfAAof,CAAA;GAC5f,oBAAC,QAAD,EAAM,GAAE,qZAAsZ,CAAA;GAC9Z,oBAAC,QAAD,EAAM,GAAE,ocAAqc,CAAA;GAC7c,oBAAC,QAAD,EAAM,GAAE,yUAA0U,CAAA;EAC/U;;AAET,CAAC"}

package/es/icons/Authentik/components/Color.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/Authentik/components/Color.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      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\n        clipRule=\"evenodd\"\n        d=\"M23.97 6.337h.004A3.77 3.77 0 0020.226 3H9.388a3.769 3.769 0 00-1.503.312l-.099.045c-.103.048-.204.101-.301.16a3.61 3.61 0 00-.287.184 3.853 3.853 0 00-.626.562l-.014.016-.013.015c-.031.035-.063.07-.086.1l-.092.12a3.824 3.824 0 00-.053.072l-.009.012-.012.017-.012.018-.021.03v.006l-.002.003a3.73 3.73 0 00-.639 2.097v4.424c-.035-.05-.07-.1-.108-.15-.588-.796-1.47-1.599-2.447-1.599a3.062 3.062 0 00-2.69 1.597H.371c-1.117 1.946.427 4.572 2.692 4.513 1.75 0 3.196-2.6 3.196-3.06 0-.17-.199-.635-.538-1.15h6.163v-.003h.002V8.005h-.002V7.68h1.234v1.518h.84V7.68h1.345v.893h.84V7.68h1.588v6.521H5.62v3.417a3.773 3.773 0 003.77 3.763h1.599v-3.692h7.64v3.692h1.596A3.773 3.773 0 0024 17.618v-6.277H24V6.77a3.61 3.61 0 00-.03-.432zM4.01 11.044c-.667-.702-1.58-.546-2.211-.003H1.8c-2.11 2.057 1.333 5.557 3.296 1.45a5.342 5.342 0 00-1.088-1.447z\"\n        fill=\"#FD4B2D\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YANN,CAQE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA,CACE;;AAET,CAAC"}
+{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/Authentik/components/Color.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      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\n        clipRule=\"evenodd\"\n        d=\"M23.97 6.337h.004A3.77 3.77 0 0020.226 3H9.388a3.769 3.769 0 00-1.503.312l-.099.045c-.103.048-.204.101-.301.16a3.61 3.61 0 00-.287.184 3.853 3.853 0 00-.626.562l-.014.016-.013.015c-.031.035-.063.07-.086.1l-.092.12a3.824 3.824 0 00-.053.072l-.009.012-.012.017-.012.018-.021.03v.006l-.002.003a3.73 3.73 0 00-.639 2.097v4.424c-.035-.05-.07-.1-.108-.15-.588-.796-1.47-1.599-2.447-1.599a3.062 3.062 0 00-2.69 1.597H.371c-1.117 1.946.427 4.572 2.692 4.513 1.75 0 3.196-2.6 3.196-3.06 0-.17-.199-.635-.538-1.15h6.163v-.003h.002V8.005h-.002V7.68h1.234v1.518h.84V7.68h1.345v.893h.84V7.68h1.588v6.521H5.62v3.417a3.773 3.773 0 003.77 3.763h1.599v-3.692h7.64v3.692h1.596A3.773 3.773 0 0024 17.618v-6.277H24V6.77a3.61 3.61 0 00-.03-.432zM4.01 11.044c-.667-.702-1.58-.546-2.211-.003H1.8c-2.11 2.057 1.333 5.557 3.296 1.45a5.342 5.342 0 00-1.088-1.447z\"\n        fill=\"#FD4B2D\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EANN,UAAA,CAQE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;GACF,MAAK;GACL,UAAS;EACV,CAAA,CACE;;AAET,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/Authentik/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\n        clipRule=\"evenodd\"\n        d=\"M23.97 6.337h.004A3.77 3.77 0 0020.226 3H9.388a3.769 3.769 0 00-1.503.312l-.099.045c-.103.048-.204.101-.301.16a3.61 3.61 0 00-.287.184 3.853 3.853 0 00-.626.562l-.014.016-.013.015c-.031.035-.063.07-.086.1l-.092.12a3.824 3.824 0 00-.053.072l-.009.012-.012.017-.012.018-.021.03v.006l-.002.003a3.73 3.73 0 00-.639 2.097v4.424c-.035-.05-.07-.1-.108-.15-.588-.796-1.47-1.599-2.447-1.599a3.062 3.062 0 00-2.69 1.597H.371c-1.117 1.946.427 4.572 2.692 4.513 1.75 0 3.196-2.6 3.196-3.06 0-.17-.199-.635-.538-1.15h6.163v-.003h.002V8.005h-.002V7.68h1.234v1.518h.84V7.68h1.345v.893h.84V7.68h1.588v6.521H5.62v3.417a3.773 3.773 0 003.77 3.763h1.599v-3.692h7.64v3.692h1.596A3.773 3.773 0 0024 17.618v-6.277H24V6.77a3.61 3.61 0 00-.03-.432zM4.01 11.044c-.667-.702-1.58-.546-2.211-.003H1.8c-2.11 2.057 1.333 5.557 3.296 1.45a5.342 5.342 0 00-1.088-1.447z\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YARN,CAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;EACH,CAAA,CACE;;AAET,CAAC"}
+{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/Authentik/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\n        clipRule=\"evenodd\"\n        d=\"M23.97 6.337h.004A3.77 3.77 0 0020.226 3H9.388a3.769 3.769 0 00-1.503.312l-.099.045c-.103.048-.204.101-.301.16a3.61 3.61 0 00-.287.184 3.853 3.853 0 00-.626.562l-.014.016-.013.015c-.031.035-.063.07-.086.1l-.092.12a3.824 3.824 0 00-.053.072l-.009.012-.012.017-.012.018-.021.03v.006l-.002.003a3.73 3.73 0 00-.639 2.097v4.424c-.035-.05-.07-.1-.108-.15-.588-.796-1.47-1.599-2.447-1.599a3.062 3.062 0 00-2.69 1.597H.371c-1.117 1.946.427 4.572 2.692 4.513 1.75 0 3.196-2.6 3.196-3.06 0-.17-.199-.635-.538-1.15h6.163v-.003h.002V8.005h-.002V7.68h1.234v1.518h.84V7.68h1.345v.893h.84V7.68h1.588v6.521H5.62v3.417a3.773 3.773 0 003.77 3.763h1.599v-3.692h7.64v3.692h1.596A3.773 3.773 0 0024 17.618v-6.277H24V6.77a3.61 3.61 0 00-.03-.432zM4.01 11.044c-.667-.702-1.58-.546-2.211-.003H1.8c-2.11 2.057 1.333 5.557 3.296 1.45a5.342 5.342 0 00-1.088-1.447z\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CAChE,OACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EARN,UAAA,CAUE,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GACrB,oBAAC,QAAD;GACE,UAAS;GACT,GAAE;EACH,CAAA,CACE;;AAET,CAAC"}