@windrun-huaiin/third-ui 22.0.1 → 23.1.0

package/dist/fuma/server/site-mdx-features/math.d.ts

@@ -0,0 +1 @@
+export { createMathMdxComponents } from '../features/math';

package/dist/fuma/server/site-mdx-features/math.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var math = require('../features/math.js');
+
+
+
+exports.createMathMdxComponents = math.createMathMdxComponents;

package/dist/fuma/server/site-mdx-features/math.mjs

@@ -0,0 +1 @@
+export { createMathMdxComponents } from '../features/math.mjs';

package/dist/fuma/server/site-mdx-features/mermaid.d.ts

@@ -0,0 +1 @@
+export { createMermaidMdxComponents } from '../features/mermaid';

package/dist/fuma/server/site-mdx-features/mermaid.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var mermaid = require('../features/mermaid.js');
+
+
+
+exports.createMermaidMdxComponents = mermaid.createMermaidMdxComponents;

package/dist/fuma/server/site-mdx-features/mermaid.mjs

@@ -0,0 +1 @@
+export { createMermaidMdxComponents } from '../features/mermaid.mjs';

package/dist/fuma/server/site-mdx-features/type-table.d.ts

@@ -0,0 +1 @@
+export { createTypeTableMdxComponents } from '../features/type-table';

package/dist/fuma/server/site-mdx-features/type-table.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var typeTable = require('../features/type-table.js');
+
+
+
+exports.createTypeTableMdxComponents = typeTable.createTypeTableMdxComponents;

package/dist/fuma/server/site-mdx-features/type-table.mjs

@@ -0,0 +1 @@
+export { createTypeTableMdxComponents } from '../features/type-table.mjs';

package/dist/fuma/server/site-mdx-presets.d.ts

@@ -1,7 +1,7 @@
 import type { MDXComponents } from 'mdx/types';
 import { SiteX } from '../site-x';
 import type { SiteMdxComponentsOptions } from './site-mdx-components';
-import type { SiteMdxFeature } from '@windrun-huaiin/contracts/mdx';
+export type SiteMdxFeature = 'base' | 'code' | 'math' | 'mermaid' | 'type-table';
 export declare const DEFAULT_SITE_MDX_FEATURES: SiteMdxFeature[];
 export declare function createSiteFeatureComponentMap(options: SiteMdxComponentsOptions): {
     base: {
@@ -192,3 +192,4 @@ export declare function createSiteFeatureComponentMap(options: SiteMdxComponents
     'type-table': MDXComponents;
 };
 export declare function composeSiteMdxComponents(features: readonly SiteMdxFeature[], featureMap: Record<SiteMdxFeature, MDXComponents>, additionalComponents?: MDXComponents, components?: MDXComponents): MDXComponents;
+export declare function createComposedSiteMdxComponents(features: readonly SiteMdxFeature[], options: SiteMdxComponentsOptions, additionalComponents?: MDXComponents, components?: MDXComponents): MDXComponents;

package/dist/fuma/server/site-mdx-presets.js

@@ -5,7 +5,12 @@ var tabs = require('fumadocs-ui/components/tabs');
 var callout = require('fumadocs-ui/components/callout');
 var files = require('fumadocs-ui/components/files');
 var accordion = require('fumadocs-ui/components/accordion');
-var optionalFeatures = require('./optional-features.js');
+var base = require('./features/base.js');
+var code = require('./features/code.js');
+var math = require('./features/math.js');
+var mermaid = require('./features/mermaid.js');
+var typeTable = require('./features/type-table.js');
+var widgets = require('./features/widgets.js');
 var siteX = require('../site-x.js');
 
 const defaultFumaUiComponents = {
@@ -25,22 +30,26 @@ const DEFAULT_SITE_MDX_FEATURES = [
     'mermaid',
     'type-table',
 ];
-function createSiteFeatureComponentMap(options) {
+function createSiteFeatureComponents(feature, options) {
     const { cdnBaseUrl, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
-    return {
-        base: Object.assign(Object.assign(Object.assign(Object.assign({}, defaultFumaUiComponents), { SiteX: siteX.SiteX }), optionalFeatures.createBaseMdxComponents(imageFallbackSrc)), optionalFeatures.createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc)),
-        code: optionalFeatures.createCodeMdxComponents(iconMap),
-        math: optionalFeatures.createMathMdxComponents(),
-        mermaid: optionalFeatures.createMermaidMdxComponents(watermarkEnabled, watermarkText),
-        'type-table': optionalFeatures.createTypeTableMdxComponents(),
-    };
+    switch (feature) {
+        case 'base':
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultFumaUiComponents), { SiteX: siteX.SiteX }), base.createBaseMdxComponents(imageFallbackSrc)), widgets.createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc));
+        case 'code':
+            return code.createCodeMdxComponents(iconMap);
+        case 'math':
+            return math.createMathMdxComponents();
+        case 'mermaid':
+            return mermaid.createMermaidMdxComponents(watermarkEnabled, watermarkText);
+        case 'type-table':
+            return typeTable.createTypeTableMdxComponents();
+    }
 }
-function composeSiteMdxComponents(features, featureMap, additionalComponents, components) {
+function createComposedSiteMdxComponents(features, options, additionalComponents, components) {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultMdxComponents), features.reduce((acc, feature) => {
-        return Object.assign(Object.assign({}, acc), featureMap[feature]);
+        return Object.assign(Object.assign({}, acc), createSiteFeatureComponents(feature, options));
     }, {})), additionalComponents), components);
 }
 
 exports.DEFAULT_SITE_MDX_FEATURES = DEFAULT_SITE_MDX_FEATURES;
-exports.composeSiteMdxComponents = composeSiteMdxComponents;
-exports.createSiteFeatureComponentMap = createSiteFeatureComponentMap;
+exports.createComposedSiteMdxComponents = createComposedSiteMdxComponents;

package/dist/fuma/server/site-mdx-presets.mjs

@@ -3,7 +3,12 @@ import { Tabs, Tab } from 'fumadocs-ui/components/tabs';
 import { Callout } from 'fumadocs-ui/components/callout';
 import { Files, Folder, File } from 'fumadocs-ui/components/files';
 import { Accordions, Accordion } from 'fumadocs-ui/components/accordion';
-import { createTypeTableMdxComponents, createMermaidMdxComponents, createMathMdxComponents, createCodeMdxComponents, createBaseMdxComponents, createWidgetMdxComponents } from './optional-features.mjs';
+import { createBaseMdxComponents } from './features/base.mjs';
+import { createCodeMdxComponents } from './features/code.mjs';
+import { createMathMdxComponents } from './features/math.mjs';
+import { createMermaidMdxComponents } from './features/mermaid.mjs';
+import { createTypeTableMdxComponents } from './features/type-table.mjs';
+import { createWidgetMdxComponents } from './features/widgets.mjs';
 import { SiteX } from '../site-x.mjs';
 
 const defaultFumaUiComponents = {
@@ -23,20 +28,25 @@ const DEFAULT_SITE_MDX_FEATURES = [
     'mermaid',
     'type-table',
 ];
-function createSiteFeatureComponentMap(options) {
+function createSiteFeatureComponents(feature, options) {
     const { cdnBaseUrl, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
-    return {
-        base: Object.assign(Object.assign(Object.assign(Object.assign({}, defaultFumaUiComponents), { SiteX }), createBaseMdxComponents(imageFallbackSrc)), createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc)),
-        code: createCodeMdxComponents(iconMap),
-        math: createMathMdxComponents(),
-        mermaid: createMermaidMdxComponents(watermarkEnabled, watermarkText),
-        'type-table': createTypeTableMdxComponents(),
-    };
+    switch (feature) {
+        case 'base':
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultFumaUiComponents), { SiteX }), createBaseMdxComponents(imageFallbackSrc)), createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc));
+        case 'code':
+            return createCodeMdxComponents(iconMap);
+        case 'math':
+            return createMathMdxComponents();
+        case 'mermaid':
+            return createMermaidMdxComponents(watermarkEnabled, watermarkText);
+        case 'type-table':
+            return createTypeTableMdxComponents();
+    }
 }
-function composeSiteMdxComponents(features, featureMap, additionalComponents, components) {
+function createComposedSiteMdxComponents(features, options, additionalComponents, components) {
     return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultMdxComponents), features.reduce((acc, feature) => {
-        return Object.assign(Object.assign({}, acc), featureMap[feature]);
+        return Object.assign(Object.assign({}, acc), createSiteFeatureComponents(feature, options));
     }, {})), additionalComponents), components);
 }
 
-export { DEFAULT_SITE_MDX_FEATURES, composeSiteMdxComponents, createSiteFeatureComponentMap };
+export { DEFAULT_SITE_MDX_FEATURES, createComposedSiteMdxComponents };

package/dist/fuma/share/markdown-component-map.js

@@ -3,77 +3,91 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@windrun-huaiin/lib/utils');
-var defaultMdxComponents = require('fumadocs-ui/mdx');
-var imageZoom = require('../heavy/image-zoom.js');
-require('katex');
-require('@windrun-huaiin/base-ui/icons');
-require('next-themes');
-require('roughjs');
-require('react');
-require('@windrun-huaiin/base-ui/lib');
+var React = require('react');
 
+const ImageZoom = React.lazy(() => Promise.resolve().then(function () { return require('../heavy/image-zoom.js'); }).then((mod) => ({ default: mod.ImageZoom })));
 function normalizeMarkdownProps(props) {
     const { class: legacyClassName, className } = props, restProps = tslib.__rest(props, ["class", "className"]);
     return Object.assign(Object.assign({}, restProps), { className: utils.cn(typeof legacyClassName === 'string' ? legacyClassName : undefined, className) });
 }
-const baseMarkdownComponents = Object.assign(Object.assign({}, defaultMdxComponents), { a: (_a) => {
+const baseMarkdownComponents = {
+    a: (_a) => {
         var _b, _c;
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("a", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('underline underline-offset-4 transition hover:opacity-80', normalizeMarkdownProps(props).className, className), target: (_b = props.target) !== null && _b !== void 0 ? _b : '_blank', rel: (_c = props.rel) !== null && _c !== void 0 ? _c : 'noreferrer noopener' })));
-    }, blockquote: (_a) => {
+    },
+    blockquote: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("blockquote", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('border-l-2 border-border pl-4 text-muted-foreground', normalizeMarkdownProps(props).className, className) })));
-    }, code: (_a) => {
+    },
+    code: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("code", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('rounded-md bg-muted px-1.5 py-0.5 font-mono text-[0.9em]', normalizeMarkdownProps(props).className, className) })));
-    }, h1: (_a) => {
+    },
+    h1: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h1", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-2xl font-semibold tracking-tight', normalizeMarkdownProps(props).className, className) })));
-    }, h2: (_a) => {
+    },
+    h2: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h2", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-xl font-semibold tracking-tight', normalizeMarkdownProps(props).className, className) })));
-    }, h3: (_a) => {
+    },
+    h3: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h3", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-lg font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h4: (_a) => {
+    },
+    h4: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h4", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-base font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h5: (_a) => {
+    },
+    h5: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h5", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-sm font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h6: (_a) => {
+    },
+    h6: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("h6", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('text-sm font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, hr: (_a) => {
+    },
+    hr: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("hr", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('border-border', normalizeMarkdownProps(props).className, className) })));
-    }, img: (_a) => {
+    },
+    img: (_a) => {
         var { className, alt, src } = _a, props = tslib.__rest(_a, ["className", "alt", "src"]);
-        return (jsxRuntime.jsx(imageZoom.ImageZoom, Object.assign({}, normalizeMarkdownProps(props), { alt: typeof alt === 'string' ? alt : '', src: typeof src === 'string' ? src : '', className: utils.cn('overflow-hidden rounded-2xl', normalizeMarkdownProps(props).className, className) })));
-    }, li: (_a) => {
+        return (jsxRuntime.jsx(ImageZoom, Object.assign({}, normalizeMarkdownProps(props), { alt: typeof alt === 'string' ? alt : '', src: typeof src === 'string' ? src : '', className: utils.cn('overflow-hidden rounded-2xl', normalizeMarkdownProps(props).className, className) })));
+    },
+    li: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("li", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('leading-7', normalizeMarkdownProps(props).className, className) })));
-    }, ol: (_a) => {
+    },
+    ol: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("ol", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('list-decimal space-y-2 pl-6', normalizeMarkdownProps(props).className, className) })));
-    }, p: (_a) => {
+    },
+    p: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("p", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('leading-7', normalizeMarkdownProps(props).className, className) })));
-    }, pre: (_a) => {
+    },
+    pre: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("pre", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('overflow-x-auto rounded-2xl border border-border bg-muted px-4 py-3 text-sm', normalizeMarkdownProps(props).className, className) })));
-    }, table: (_a) => {
+    },
+    table: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("div", { className: "overflow-x-auto", children: jsxRuntime.jsx("table", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('w-full border-collapse text-sm', normalizeMarkdownProps(props).className, className) })) }));
-    }, td: (_a) => {
+    },
+    td: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("td", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('border border-border px-3 py-2 align-top', normalizeMarkdownProps(props).className, className) })));
-    }, th: (_a) => {
+    },
+    th: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("th", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('border border-border px-3 py-2 text-left font-medium', normalizeMarkdownProps(props).className, className) })));
-    }, ul: (_a) => {
+    },
+    ul: (_a) => {
         var { className } = _a, props = tslib.__rest(_a, ["className"]);
         return (jsxRuntime.jsx("ul", Object.assign({}, normalizeMarkdownProps(props), { className: utils.cn('list-disc space-y-2 pl-6', normalizeMarkdownProps(props).className, className) })));
-    } });
+    },
+};
 
 exports.baseMarkdownComponents = baseMarkdownComponents;

package/dist/fuma/share/markdown-component-map.mjs

@@ -1,77 +1,91 @@
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { cn } from '@windrun-huaiin/lib/utils';
-import defaultMdxComponents from 'fumadocs-ui/mdx';
-import { ImageZoom } from '../heavy/image-zoom.mjs';
-import 'katex';
-import '@windrun-huaiin/base-ui/icons';
-import 'next-themes';
-import 'roughjs';
-import 'react';
-import '@windrun-huaiin/base-ui/lib';
+import { lazy } from 'react';
 
+const ImageZoom = lazy(() => import('../heavy/image-zoom.mjs').then((mod) => ({ default: mod.ImageZoom })));
 function normalizeMarkdownProps(props) {
     const { class: legacyClassName, className } = props, restProps = __rest(props, ["class", "className"]);
     return Object.assign(Object.assign({}, restProps), { className: cn(typeof legacyClassName === 'string' ? legacyClassName : undefined, className) });
 }
-const baseMarkdownComponents = Object.assign(Object.assign({}, defaultMdxComponents), { a: (_a) => {
+const baseMarkdownComponents = {
+    a: (_a) => {
         var _b, _c;
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("a", Object.assign({}, normalizeMarkdownProps(props), { className: cn('underline underline-offset-4 transition hover:opacity-80', normalizeMarkdownProps(props).className, className), target: (_b = props.target) !== null && _b !== void 0 ? _b : '_blank', rel: (_c = props.rel) !== null && _c !== void 0 ? _c : 'noreferrer noopener' })));
-    }, blockquote: (_a) => {
+    },
+    blockquote: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("blockquote", Object.assign({}, normalizeMarkdownProps(props), { className: cn('border-l-2 border-border pl-4 text-muted-foreground', normalizeMarkdownProps(props).className, className) })));
-    }, code: (_a) => {
+    },
+    code: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("code", Object.assign({}, normalizeMarkdownProps(props), { className: cn('rounded-md bg-muted px-1.5 py-0.5 font-mono text-[0.9em]', normalizeMarkdownProps(props).className, className) })));
-    }, h1: (_a) => {
+    },
+    h1: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h1", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-2xl font-semibold tracking-tight', normalizeMarkdownProps(props).className, className) })));
-    }, h2: (_a) => {
+    },
+    h2: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h2", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-xl font-semibold tracking-tight', normalizeMarkdownProps(props).className, className) })));
-    }, h3: (_a) => {
+    },
+    h3: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h3", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-lg font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h4: (_a) => {
+    },
+    h4: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h4", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-base font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h5: (_a) => {
+    },
+    h5: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h5", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-sm font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, h6: (_a) => {
+    },
+    h6: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("h6", Object.assign({}, normalizeMarkdownProps(props), { className: cn('text-sm font-semibold', normalizeMarkdownProps(props).className, className) })));
-    }, hr: (_a) => {
+    },
+    hr: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("hr", Object.assign({}, normalizeMarkdownProps(props), { className: cn('border-border', normalizeMarkdownProps(props).className, className) })));
-    }, img: (_a) => {
+    },
+    img: (_a) => {
         var { className, alt, src } = _a, props = __rest(_a, ["className", "alt", "src"]);
         return (jsx(ImageZoom, Object.assign({}, normalizeMarkdownProps(props), { alt: typeof alt === 'string' ? alt : '', src: typeof src === 'string' ? src : '', className: cn('overflow-hidden rounded-2xl', normalizeMarkdownProps(props).className, className) })));
-    }, li: (_a) => {
+    },
+    li: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("li", Object.assign({}, normalizeMarkdownProps(props), { className: cn('leading-7', normalizeMarkdownProps(props).className, className) })));
-    }, ol: (_a) => {
+    },
+    ol: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("ol", Object.assign({}, normalizeMarkdownProps(props), { className: cn('list-decimal space-y-2 pl-6', normalizeMarkdownProps(props).className, className) })));
-    }, p: (_a) => {
+    },
+    p: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("p", Object.assign({}, normalizeMarkdownProps(props), { className: cn('leading-7', normalizeMarkdownProps(props).className, className) })));
-    }, pre: (_a) => {
+    },
+    pre: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("pre", Object.assign({}, normalizeMarkdownProps(props), { className: cn('overflow-x-auto rounded-2xl border border-border bg-muted px-4 py-3 text-sm', normalizeMarkdownProps(props).className, className) })));
-    }, table: (_a) => {
+    },
+    table: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("div", { className: "overflow-x-auto", children: jsx("table", Object.assign({}, normalizeMarkdownProps(props), { className: cn('w-full border-collapse text-sm', normalizeMarkdownProps(props).className, className) })) }));
-    }, td: (_a) => {
+    },
+    td: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("td", Object.assign({}, normalizeMarkdownProps(props), { className: cn('border border-border px-3 py-2 align-top', normalizeMarkdownProps(props).className, className) })));
-    }, th: (_a) => {
+    },
+    th: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("th", Object.assign({}, normalizeMarkdownProps(props), { className: cn('border border-border px-3 py-2 text-left font-medium', normalizeMarkdownProps(props).className, className) })));
-    }, ul: (_a) => {
+    },
+    ul: (_a) => {
         var { className } = _a, props = __rest(_a, ["className"]);
         return (jsx("ul", Object.assign({}, normalizeMarkdownProps(props), { className: cn('list-disc space-y-2 pl-6', normalizeMarkdownProps(props).className, className) })));
-    } });
+    },
+};
 
 export { baseMarkdownComponents };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "22.0.1",
+  "version": "23.1.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -48,10 +48,30 @@
       "import": "./dist/fuma/server.mjs",
       "require": "./dist/fuma/server.js"
     },
-    "./fuma/server/site-mdx-components": {
-      "types": "./dist/fuma/server/site-mdx-components.d.ts",
-      "import": "./dist/fuma/server/site-mdx-components.mjs",
-      "require": "./dist/fuma/server/site-mdx-components.js"
+    "./fuma/server/site-mdx/base": {
+      "types": "./dist/fuma/server/site-mdx-base.d.ts",
+      "import": "./dist/fuma/server/site-mdx-base.mjs",
+      "require": "./dist/fuma/server/site-mdx-base.js"
+    },
+    "./fuma/server/site-mdx/features/code": {
+      "types": "./dist/fuma/server/site-mdx-features/code.d.ts",
+      "import": "./dist/fuma/server/site-mdx-features/code.mjs",
+      "require": "./dist/fuma/server/site-mdx-features/code.js"
+    },
+    "./fuma/server/site-mdx/features/math": {
+      "types": "./dist/fuma/server/site-mdx-features/math.d.ts",
+      "import": "./dist/fuma/server/site-mdx-features/math.mjs",
+      "require": "./dist/fuma/server/site-mdx-features/math.js"
+    },
+    "./fuma/server/site-mdx/features/mermaid": {
+      "types": "./dist/fuma/server/site-mdx-features/mermaid.d.ts",
+      "import": "./dist/fuma/server/site-mdx-features/mermaid.mjs",
+      "require": "./dist/fuma/server/site-mdx-features/mermaid.js"
+    },
+    "./fuma/server/site-mdx/features/type-table": {
+      "types": "./dist/fuma/server/site-mdx-features/type-table.d.ts",
+      "import": "./dist/fuma/server/site-mdx-features/type-table.mjs",
+      "require": "./dist/fuma/server/site-mdx-features/type-table.js"
     },
     "./fuma/share": {
       "types": "./dist/fuma/share/index.d.ts",
@@ -68,11 +88,6 @@
       "import": "./dist/fuma/mdx/index.mjs",
       "require": "./dist/fuma/mdx/index.js"
     },
-    "./fuma/server/optional-features": {
-      "types": "./dist/fuma/server/optional-features.d.ts",
-      "import": "./dist/fuma/server/optional-features.mjs",
-      "require": "./dist/fuma/server/optional-features.js"
-    },
     "./fuma/base": {
       "types": "./dist/fuma/base/index.d.ts",
       "import": "./dist/fuma/base/index.mjs",
@@ -122,9 +137,9 @@
     "tslib": "^2.8.1",
     "unified": "^11.0.5",
     "zod": "^4.3.6",
-    "@windrun-huaiin/base-ui": "^22.0.0",
-    "@windrun-huaiin/lib": "^22.0.0",
-    "@windrun-huaiin/contracts": "^22.0.0"
+    "@windrun-huaiin/base-ui": "^23.1.0",
+    "@windrun-huaiin/contracts": "^23.1.0",
+    "@windrun-huaiin/lib": "^23.1.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/fuma/server/features/base.tsx

@@ -0,0 +1,23 @@
+import type { MDXComponents } from 'mdx/types';
+import { baseMarkdownComponents } from '../../share/markdown-component-map';
+import { lazy } from 'react';
+import { createMissingMdxFeatureComponents } from '../site-mdx-fallbacks';
+
+const ImageZoom = lazy(() =>
+  import('../../heavy/image-zoom').then((mod) => ({ default: mod.ImageZoom })),
+);
+
+export function createBaseMdxComponents(
+  imageFallbackSrc?: string,
+): MDXComponents {
+  return {
+    ...baseMarkdownComponents,
+    ...createMissingMdxFeatureComponents(),
+    img: (props) => (
+      <ImageZoom
+        {...(props as any)}
+        fallbackSrc={imageFallbackSrc}
+      />
+    ),
+  };
+}

package/src/fuma/server/features/code.tsx

@@ -0,0 +1,100 @@
+import type { MDXComponents, MDXProps } from 'mdx/types';
+import { lazy, type ReactNode } from 'react';
+import {
+  CSSIcon,
+  CSVIcon,
+  DiffIcon,
+  HtmlIcon,
+  HttpIcon,
+  JavaIcon,
+  JsonIcon,
+  LogIcon,
+  MDXIcon,
+  RegexIcon,
+  SQLIcon,
+  SchemeIcon,
+  SquareDashedBottomCodeIcon,
+  TxtIcon,
+  XMLIcon,
+  YamlIcon,
+} from '@windrun-huaiin/base-ui/icons';
+
+const CodeBlock = lazy(() =>
+  import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.CodeBlock })),
+);
+const Pre = lazy(() =>
+  import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.Pre })),
+);
+
+const defaultCodeLanguageIconMap: Record<string, ReactNode> = {
+  css: <CSSIcon />,
+  csv: <CSVIcon />,
+  diff: <DiffIcon />,
+  html: <HtmlIcon />,
+  http: <HttpIcon />,
+  java: <JavaIcon />,
+  json: <JsonIcon />,
+  jsonc: <SquareDashedBottomCodeIcon />,
+  log: <LogIcon />,
+  mdx: <MDXIcon />,
+  plaintext: <TxtIcon />,
+  regex: <RegexIcon />,
+  scheme: <SchemeIcon />,
+  sql: <SQLIcon />,
+  text: <TxtIcon />,
+  txt: <TxtIcon />,
+  xml: <XMLIcon />,
+  yaml: <YamlIcon />,
+  yml: <YamlIcon />,
+};
+
+function tryToMatchIcon(
+  props: Readonly<MDXProps & { 'data-language'?: string; title?: string }>,
+  iconMap: Record<string, ReactNode>,
+): ReactNode | undefined {
+  let lang: string | undefined;
+
+  const dataLanguage = props['data-language'] as string | undefined;
+
+  if (dataLanguage && dataLanguage.trim() !== '') {
+    lang = dataLanguage.trim().toLowerCase();
+  } else {
+    const title = props.title as string | undefined;
+    if (title) {
+      const titleParts = title.split('.');
+      if (titleParts.length > 1 && titleParts[0] !== '') {
+        const extension = titleParts.pop()?.toLowerCase();
+        if (extension) {
+          lang = extension;
+        }
+      }
+    }
+  }
+
+  if (lang && iconMap[lang]) {
+    return iconMap[lang];
+  }
+
+  return undefined;
+}
+
+export function createCodeMdxComponents(): MDXComponents {
+  return {
+    pre: (props) => {
+      const customIcon = tryToMatchIcon(
+        props as MDXProps & { 'data-language'?: string; title?: string },
+        defaultCodeLanguageIconMap,
+      );
+      return (
+        <CodeBlock
+          {...props}
+          {...(customIcon && { icon: customIcon })}
+        >
+          <Pre>{props.children}</Pre>
+        </CodeBlock>
+      );
+    },
+    CodeBlock,
+    Pre,
+  };
+}

package/src/fuma/server/features/math.ts

@@ -0,0 +1,16 @@
+import type { MDXComponents } from 'mdx/types';
+import { lazy } from 'react';
+
+const MathBlock = lazy(() =>
+  import('../../heavy/math').then((mod) => ({ default: mod.MathBlock })),
+);
+const InlineMath = lazy(() =>
+  import('../../heavy/math').then((mod) => ({ default: mod.InlineMath })),
+);
+
+export function createMathMdxComponents(): MDXComponents {
+  return {
+    MathBlock,
+    InlineMath,
+  };
+}

package/src/fuma/server/features/mermaid.tsx

@@ -0,0 +1,21 @@
+import type { MDXComponents } from 'mdx/types';
+import { lazy } from 'react';
+
+const Mermaid = lazy(() =>
+  import('../../heavy/mermaid').then((mod) => ({ default: mod.Mermaid })),
+);
+
+export function createMermaidMdxComponents(
+  watermarkEnabled?: boolean,
+  watermarkText?: string,
+): MDXComponents {
+  return {
+    Mermaid: (props) => (
+      <Mermaid
+        {...props}
+        watermarkEnabled={watermarkEnabled}
+        watermarkText={watermarkText}
+      />
+    ),
+  };
+}