@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/global.css

@@ -0,0 +1,158 @@
+@layer lobe-base, lobe-popup, lobe-ui;
+
+@layer lobe-base {
+  :root {
+    --font-settings: 'cv01', 'tnum', 'kern';
+    --font-variations: 'opsz' auto, tabular-nums;
+
+    font-synthesis: style;
+    text-autospace: normal;
+  }
+
+  html {
+    overscroll-behavior: none;
+  }
+
+  body {
+    overflow: hidden auto;
+
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    font-optical-sizing: auto;
+    font-kerning: normal;
+    font-variant-ligatures: common-ligatures contextual;
+    font-variant-numeric: tabular-nums;
+    font-size-adjust: from-font;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-wrap: pretty;
+    text-size-adjust: 100%;
+    text-rendering: optimizelegibility;
+    overflow-wrap: anywhere;
+    vertical-align: baseline;
+
+    background-color: var(--lobe-color-bg-layout);
+
+    font-synthesis: style;
+
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+  }
+
+  [tabindex='-1']:focus {
+    outline: none;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-block: 0 0.5em;
+    font-weight: 500;
+  }
+
+  p,
+  ol,
+  ul,
+  dl,
+  pre {
+    margin-block: 0 1em;
+  }
+
+  ol ol,
+  ul ul,
+  ol ul,
+  ul ol {
+    margin-block-end: 0;
+  }
+
+  dd {
+    margin-block-end: 0.5em;
+    margin-inline-start: 0;
+  }
+
+  blockquote,
+  figure {
+    margin-block: 0 1em;
+    margin-inline: 0;
+  }
+
+  img {
+    border-style: none;
+    vertical-align: middle;
+  }
+
+  table {
+    border-collapse: collapse;
+  }
+
+  input,
+  button,
+  select,
+  optgroup,
+  textarea {
+    margin: 0;
+
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+  }
+
+  textarea {
+    resize: vertical;
+    overflow: auto;
+  }
+
+  fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: var(--lobe-font-family-code) !important;
+    font-feature-settings:
+      'liga' 0,
+      'calt' 0;
+    font-variant-ligatures: none;
+
+    span {
+      font-family: var(--lobe-font-family-code) !important;
+    }
+  }
+
+  ::selection {
+    color: #000;
+    background: var(--lobe-yellow-9);
+
+    -webkit-text-fill-color: unset !important;
+  }
+
+  * {
+    scrollbar-color: var(--lobe-color-fill) transparent;
+    scrollbar-width: thin;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+}

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

@@ -7,7 +7,6 @@ interface PreprocessOptions {
   enableCustomFootnotes?: boolean;
   enableLatex?: boolean;
 }
-declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
+export declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 //#endregion
-export { preprocessMarkdownContent };
 //# sourceMappingURL=utils.d.mts.map

package/es/hooks/useMermaid.mjs

@@ -1,8 +1,8 @@
 "use client";
+import { useThemeMode } from "../styles/theme/scope.mjs";
 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
 /**
@@ -12,13 +12,13 @@ import { THEMES, renderMermaidSVG } from "beautiful-mermaid";
 * 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)",
+	accent: "var(--lobe-color-primary)",
+	bg: "var(--lobe-color-bg-container)",
+	border: "var(--lobe-color-border)",
+	fg: "var(--lobe-color-text)",
+	line: "var(--lobe-color-text-secondary)",
+	muted: "var(--lobe-color-text-description)",
+	surface: "var(--lobe-color-fill-tertiary)",
 	transparent: true
 };
 const isNamedTheme = (theme) => !!theme && theme !== "lobe-theme" && theme in THEMES;

package/es/hooks/useMermaid.mjs.map

@@ -1 +1 @@
-{"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;EACF,MAAM,MAAM,iBAAiB,SAAS,qBAAqB,WAAW,CAAC;EACvE,OAAO,EAAE,KAAK,wBAAwB,KAAK,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"}
+{"version":3,"file":"useMermaid.mjs","names":[],"sources":["../../src/hooks/useMermaid.ts"],"sourcesContent":["'use client';\n\nimport { renderMermaidSVG, type RenderOptions, type ThemeName, THEMES } from 'beautiful-mermaid';\nimport { useEffect, useId, useMemo, useState } from 'react';\n\nimport { prepareInlineMermaidSvg } from '@/Mermaid/SyntaxMermaid/prepareInlineSvg';\nimport { useThemeMode } from '@/styles';\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(--lobe-color-primary)',\n  bg: 'var(--lobe-color-bg-container)',\n  border: 'var(--lobe-color-border)',\n  fg: 'var(--lobe-color-text)',\n  line: 'var(--lobe-color-text-secondary)',\n  muted: 'var(--lobe-color-text-description)',\n  surface: 'var(--lobe-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;EACF,MAAM,MAAM,iBAAiB,SAAS,qBAAqB,WAAW,CAAC;EACvE,OAAO,EAAE,KAAK,wBAAwB,KAAK,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

@@ -3,8 +3,7 @@
  * 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;
+export declare const setMermaidCdnUrl: (url: string) => void;
+export declare const getMermaidCdnUrl: () => string;
 //#endregion
-export { getMermaidCdnUrl, setMermaidCdnUrl };
 //# sourceMappingURL=useMermaidCdn.d.mts.map

package/es/hooks/useMermaidCdn.mjs

@@ -35,23 +35,23 @@ const readCssVars = (names) => {
 };
 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"
+		border: "--lobe-color-border",
+		error: "--lobe-color-error",
+		fontFamily: "--lobe-font-family",
+		fontFamilyCode: "--lobe-font-family-code",
+		infoBg: "--lobe-color-info-bg",
+		infoBorder: "--lobe-color-info-border",
+		infoText: "--lobe-color-info-text",
+		primary: "--lobe-color-primary",
+		success: "--lobe-color-success",
+		successBg: "--lobe-color-success-bg",
+		successBorder: "--lobe-color-success-border",
+		successText: "--lobe-color-success-text",
+		text: "--lobe-color-text",
+		textDescription: "--lobe-color-text-description",
+		textSecondary: "--lobe-color-text-secondary",
+		bgContainer: "--lobe-color-bg-container",
+		warning: "--lobe-color-warning"
 	});
 	return {
 		fontFamily: token.fontFamilyCode,

package/es/hooks/useMermaidCdn.mjs.map

@@ -1 +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"}
+{"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: '--lobe-color-border',\n    error: '--lobe-color-error',\n    fontFamily: '--lobe-font-family',\n    fontFamilyCode: '--lobe-font-family-code',\n    infoBg: '--lobe-color-info-bg',\n    infoBorder: '--lobe-color-info-border',\n    infoText: '--lobe-color-info-text',\n    primary: '--lobe-color-primary',\n    success: '--lobe-color-success',\n    successBg: '--lobe-color-success-bg',\n    successBorder: '--lobe-color-success-border',\n    successText: '--lobe-color-success-text',\n    text: '--lobe-color-text',\n    textDescription: '--lobe-color-text-description',\n    textSecondary: '--lobe-color-text-secondary',\n    bgContainer: '--lobe-color-bg-container',\n    warning: '--lobe-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/i18n/context.d.mts

@@ -3,13 +3,12 @@ import { MotionComponentType } from "../MotionProvider/index.mjs";
 import "../ConfigProvider/index.mjs";
 import { ReactNode } from "react";
 //#region src/i18n/context.d.ts
-interface I18nProviderProps {
+export interface I18nProviderProps {
   children: ReactNode;
   locale?: string;
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const I18nProvider: import("react").NamedExoticComponent<I18nProviderProps>;
+export declare const I18nProvider: import("react").NamedExoticComponent<I18nProviderProps>;
 //#endregion
-export { I18nProvider, I18nProviderProps };
 //# sourceMappingURL=context.d.mts.map

package/es/i18n/resources/en/index.mjs

@@ -1,12 +1,12 @@
 import { __exportAll } from "../../../_virtual/_rolldown/runtime.mjs";
 import common_default from "./common.mjs";
+import burger_default from "./burger.mjs";
 import colorPicker_default from "./colorPicker.mjs";
+import datePicker_default from "./datePicker.mjs";
 import emojiPicker_default from "./emojiPicker.mjs";
 import form_default from "./form.mjs";
 import hotkey_default from "./hotkey.mjs";
 import image_default from "./image.mjs";
-import burger_default from "./burger.mjs";
-import datePicker_default from "./datePicker.mjs";
 import qrCode_default from "./qrCode.mjs";
 import chat_default from "./chat.mjs";
 import messageModal_default from "./messageModal.mjs";

package/es/i18n/types.d.mts

@@ -12,23 +12,22 @@ import _default$10 from "./resources/en/messageModal.mjs";
 import _default$11 from "./resources/en/qrCode.mjs";
 import _default$12 from "./resources/en/sideNav.mjs";
 //#region src/i18n/types.d.ts
-type Locale = string;
+export type Locale = string;
 type BuiltinTranslationResources = typeof _default & typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7 & typeof _default$8 & typeof _default$9 & typeof _default$10 & typeof _default$11 & typeof _default$12;
-type TranslationKey = keyof BuiltinTranslationResources;
-type TranslationValue = string;
+export type TranslationKey = keyof BuiltinTranslationResources;
+export type TranslationValue = string;
 /**
  * A (partial) dictionary of translations.
  *
  * Note: it's intentionally Partial so feature-level modules can pass only their own keys as
  * fallback resources (e.g. `useTranslation(editableMessageMessages)`).
  */
-type TranslationResources = Partial<Record<TranslationKey, TranslationValue>>;
-type TranslationResourcesMap = TranslationResources[] | Record<string, TranslationResources>;
-type TranslationResourcesInput = TranslationResourcesMap | Promise<TranslationResourcesMap>;
-type I18nContextValue = {
+export type TranslationResources = Partial<Record<TranslationKey, TranslationValue>>;
+export type TranslationResourcesMap = TranslationResources[] | Record<string, TranslationResources>;
+export type TranslationResourcesInput = TranslationResourcesMap | Promise<TranslationResourcesMap>;
+export type I18nContextValue = {
   locale: Locale;
   t: (key: TranslationKey) => string;
 };
 //#endregion
-export { I18nContextValue, Locale, TranslationKey, TranslationResources, TranslationResourcesInput, TranslationResourcesMap, TranslationValue };
 //# sourceMappingURL=types.d.mts.map

package/es/i18n/useTranslation.d.mts

@@ -1,9 +1,8 @@
 import { TranslationKey, TranslationResources } from "./types.mjs";
 //#region src/i18n/useTranslation.d.ts
-declare const useTranslation: (fallbackResources?: TranslationResources) => {
+export declare const useTranslation: (fallbackResources?: TranslationResources) => {
   locale: string;
   t: (key: TranslationKey) => string;
 };
 //#endregion
-export { useTranslation };
 //# sourceMappingURL=useTranslation.d.mts.map

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/Authelia/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/Authentik/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/Casdoor/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/Clerk/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/DingTalk/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/Discord/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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

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

@@ -2,7 +2,7 @@ import Avatar from "./components/Avatar.mjs";
 import Icon from "./components/Color.mjs";
 import Icon$1 from "./components/Mono.mjs";
 //#region src/icons/GoogleChat/index.d.ts
-type CompoundedIcon = typeof Icon$1 & {
+export type CompoundedIcon = typeof Icon$1 & {
   Avatar: typeof Avatar;
   Color: typeof Icon;
   colorPrimary: string;
@@ -10,5 +10,5 @@ type CompoundedIcon = typeof Icon$1 & {
 };
 declare const Icons: CompoundedIcon;
 //#endregion
-export { CompoundedIcon, Icons as default };
+export { Icons as default };
 //# sourceMappingURL=index.d.mts.map

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

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