@windrun-huaiin/third-ui 20.1.0 → 22.0.0

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

@@ -4,7 +4,13 @@ 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('./image-zoom.js');
+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');
 
 function normalizeMarkdownProps(props) {
     const { class: legacyClassName, className } = props, restProps = tslib.__rest(props, ["class", "className"]);

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

@@ -2,7 +2,13 @@ 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 './image-zoom.mjs';
+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';
 
 function normalizeMarkdownProps(props) {
     const { class: legacyClassName, className } = props, restProps = __rest(props, ["class", "className"]);

package/dist/fuma/mdx/math.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type MathSourceProps = {
+    children?: ReactNode;
+    math?: string;
+    formula?: string;
+};
+type Align = 'left' | 'center' | 'right';
+export type MathBlockProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & MathSourceProps & {
+    title?: ReactNode;
+    titleAlign?: Align;
+};
+export type InlineMathProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & MathSourceProps & {
+    align?: Align;
+};
+export declare function MathBlock({ title, titleAlign, children, math, formula, className, ...props }: MathBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineMath({ children, math, formula, align, className, ...props }: InlineMathProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/fuma/mdx/math.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var katex = require('katex');
+var utils = require('@windrun-huaiin/lib/utils');
+
+const alignClassMap = {
+    left: 'text-left justify-start',
+    center: 'text-center justify-center',
+    right: 'text-right justify-end',
+};
+const textAlignClassMap = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+function getMathSource({ children, math, formula }) {
+    if (typeof math === 'string' && math.trim() !== '')
+        return math.trim();
+    if (typeof formula === 'string' && formula.trim() !== '')
+        return formula.trim();
+    if (typeof children === 'string' && children.trim() !== '')
+        return children.trim();
+    if (Array.isArray(children)) {
+        const text = children
+            .map((item) => (typeof item === 'string' ? item : ''))
+            .join('')
+            .trim();
+        if (text !== '')
+            return text;
+    }
+    return '';
+}
+function renderMath(source, displayMode) {
+    if (source === '')
+        return '';
+    return katex.renderToString(source, {
+        displayMode,
+        throwOnError: false,
+        output: 'html',
+        strict: 'ignore',
+        trust: false,
+    });
+}
+function MathBlock(_a) {
+    var { title, titleAlign = 'center', children, math, formula, className } = _a, props = tslib.__rest(_a, ["title", "titleAlign", "children", "math", "formula", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, true);
+    return (jsxRuntime.jsxs("div", Object.assign({}, props, { className: utils.cn('not-prose my-6 overflow-x-auto rounded-xl border bg-fd-card p-4 text-fd-card-foreground', className), children: [title ? (jsxRuntime.jsx("div", { className: utils.cn('mb-3 text-sm font-medium text-fd-muted-foreground', alignClassMap[titleAlign].split(' ')[0]), children: title })) : null, html ? (jsxRuntime.jsx("div", { className: "min-w-fit [&_.katex-display]:my-0 [&_.katex-display]:overflow-x-auto [&_.katex-display]:overflow-y-hidden", dangerouslySetInnerHTML: { __html: html } })) : (jsxRuntime.jsx("div", { className: "text-sm text-fd-muted-foreground", children: "Empty math block." }))] })));
+}
+function InlineMath(_a) {
+    var { children, math, formula, align = 'center', className } = _a, props = tslib.__rest(_a, ["children", "math", "formula", "align", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, false);
+    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: utils.cn('mx-1 inline-flex max-w-full align-middle rounded-md bg-neutral-200 px-2 py-0.5 text-sm leading-none dark:bg-white/20 [&_.katex]:text-inherit', textAlignClassMap[align], className), children: jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: html } }) })));
+}
+
+exports.InlineMath = InlineMath;
+exports.MathBlock = MathBlock;

package/dist/fuma/mdx/math.mjs

@@ -0,0 +1,57 @@
+import { __rest } from 'tslib';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import katex from 'katex';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+const alignClassMap = {
+    left: 'text-left justify-start',
+    center: 'text-center justify-center',
+    right: 'text-right justify-end',
+};
+const textAlignClassMap = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+function getMathSource({ children, math, formula }) {
+    if (typeof math === 'string' && math.trim() !== '')
+        return math.trim();
+    if (typeof formula === 'string' && formula.trim() !== '')
+        return formula.trim();
+    if (typeof children === 'string' && children.trim() !== '')
+        return children.trim();
+    if (Array.isArray(children)) {
+        const text = children
+            .map((item) => (typeof item === 'string' ? item : ''))
+            .join('')
+            .trim();
+        if (text !== '')
+            return text;
+    }
+    return '';
+}
+function renderMath(source, displayMode) {
+    if (source === '')
+        return '';
+    return katex.renderToString(source, {
+        displayMode,
+        throwOnError: false,
+        output: 'html',
+        strict: 'ignore',
+        trust: false,
+    });
+}
+function MathBlock(_a) {
+    var { title, titleAlign = 'center', children, math, formula, className } = _a, props = __rest(_a, ["title", "titleAlign", "children", "math", "formula", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, true);
+    return (jsxs("div", Object.assign({}, props, { className: cn('not-prose my-6 overflow-x-auto rounded-xl border bg-fd-card p-4 text-fd-card-foreground', className), children: [title ? (jsx("div", { className: cn('mb-3 text-sm font-medium text-fd-muted-foreground', alignClassMap[titleAlign].split(' ')[0]), children: title })) : null, html ? (jsx("div", { className: "min-w-fit [&_.katex-display]:my-0 [&_.katex-display]:overflow-x-auto [&_.katex-display]:overflow-y-hidden", dangerouslySetInnerHTML: { __html: html } })) : (jsx("div", { className: "text-sm text-fd-muted-foreground", children: "Empty math block." }))] })));
+}
+function InlineMath(_a) {
+    var { children, math, formula, align = 'center', className } = _a, props = __rest(_a, ["children", "math", "formula", "align", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, false);
+    return (jsx("span", Object.assign({}, props, { className: cn('mx-1 inline-flex max-w-full align-middle rounded-md bg-neutral-200 px-2 py-0.5 text-sm leading-none dark:bg-white/20 [&_.katex]:text-inherit', textAlignClassMap[align], className), children: jsx("span", { dangerouslySetInnerHTML: { __html: html } }) })));
+}
+
+export { InlineMath, MathBlock };

package/dist/fuma/mdx/site-mdx-components.d.ts

@@ -0,0 +1,13 @@
+import type { MDXComponents } from 'mdx/types';
+import type { ReactNode } from 'react';
+export type SiteMdxFeature = 'base' | 'code' | 'math' | 'mermaid' | 'type-table' | 'fuma-ui' | 'widgets';
+export interface SiteMdxComponentsOptions {
+    imageFallbackSrc?: string;
+    cdnBaseUrl?: string;
+    watermarkEnabled?: boolean;
+    watermarkText?: string;
+    additionalComponents?: MDXComponents;
+    iconMap?: Record<string, ReactNode>;
+    features?: SiteMdxFeature[];
+}
+export declare function createSiteMdxComponents(options: SiteMdxComponentsOptions): (components?: MDXComponents) => MDXComponents;

package/dist/fuma/mdx/site-mdx-components.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var siteMdxPresets = require('./site-mdx-presets.js');
+
+function createSiteMdxComponents(options) {
+    const { additionalComponents, cdnBaseUrl, features = siteMdxPresets.DEFAULT_SITE_MDX_FEATURES, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
+    const featureMap = siteMdxPresets.createSiteFeatureComponentMap({
+        cdnBaseUrl,
+        iconMap,
+        imageFallbackSrc,
+        watermarkEnabled,
+        watermarkText,
+    });
+    return function getMDXComponents(components) {
+        return siteMdxPresets.composeSiteMdxComponents(features, featureMap, additionalComponents, components);
+    };
+}
+
+exports.createSiteMdxComponents = createSiteMdxComponents;

package/dist/fuma/mdx/site-mdx-components.mjs

@@ -0,0 +1,17 @@
+import { DEFAULT_SITE_MDX_FEATURES, createSiteFeatureComponentMap, composeSiteMdxComponents } from './site-mdx-presets.mjs';
+
+function createSiteMdxComponents(options) {
+    const { additionalComponents, cdnBaseUrl, features = DEFAULT_SITE_MDX_FEATURES, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
+    const featureMap = createSiteFeatureComponentMap({
+        cdnBaseUrl,
+        iconMap,
+        imageFallbackSrc,
+        watermarkEnabled,
+        watermarkText,
+    });
+    return function getMDXComponents(components) {
+        return composeSiteMdxComponents(features, featureMap, additionalComponents, components);
+    };
+}
+
+export { createSiteMdxComponents };

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

@@ -0,0 +1,13 @@
+import type { MDXComponents } from 'mdx/types';
+import type { SiteMdxFeature, SiteMdxComponentsOptions } from './site-mdx-components';
+export declare const DEFAULT_SITE_MDX_FEATURES: SiteMdxFeature[];
+export declare function createSiteFeatureComponentMap(options: SiteMdxComponentsOptions): {
+    base: MDXComponents;
+    code: MDXComponents;
+    math: MDXComponents;
+    mermaid: MDXComponents;
+    'type-table': MDXComponents;
+    'fuma-ui': MDXComponents;
+    widgets: MDXComponents;
+};
+export declare function composeSiteMdxComponents(features: readonly SiteMdxFeature[], featureMap: Record<SiteMdxFeature, MDXComponents>, additionalComponents?: MDXComponents, components?: MDXComponents): MDXComponents;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var defaultMdxComponents = require('fumadocs-ui/mdx');
+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 features = require('./features.js');
+
+const defaultFumaUiComponents = {
+    Callout: callout.Callout,
+    File: files.File,
+    Folder: files.Folder,
+    Files: files.Files,
+    Accordion: accordion.Accordion,
+    Accordions: accordion.Accordions,
+    Tab: tabs.Tab,
+    Tabs: tabs.Tabs,
+};
+const DEFAULT_SITE_MDX_FEATURES = [
+    'base',
+    'code',
+    'math',
+    'mermaid',
+    'type-table',
+    'fuma-ui',
+    'widgets',
+];
+function createSiteFeatureComponentMap(options) {
+    const { cdnBaseUrl, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
+    return {
+        base: features.createBaseMdxComponents(imageFallbackSrc),
+        code: features.createCodeMdxComponents(iconMap),
+        math: features.createMathMdxComponents(),
+        mermaid: features.createMermaidMdxComponents(watermarkEnabled, watermarkText),
+        'type-table': features.createTypeTableMdxComponents(),
+        'fuma-ui': defaultFumaUiComponents,
+        widgets: features.createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc),
+    };
+}
+function composeSiteMdxComponents(features, featureMap, additionalComponents, components) {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultMdxComponents), features.reduce((acc, feature) => {
+        return Object.assign(Object.assign({}, acc), featureMap[feature]);
+    }, {})), additionalComponents), components);
+}
+
+exports.DEFAULT_SITE_MDX_FEATURES = DEFAULT_SITE_MDX_FEATURES;
+exports.composeSiteMdxComponents = composeSiteMdxComponents;
+exports.createSiteFeatureComponentMap = createSiteFeatureComponentMap;

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

@@ -0,0 +1,45 @@
+import defaultMdxComponents from 'fumadocs-ui/mdx';
+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 { createWidgetMdxComponents, createTypeTableMdxComponents, createMermaidMdxComponents, createMathMdxComponents, createCodeMdxComponents, createBaseMdxComponents } from './features.mjs';
+
+const defaultFumaUiComponents = {
+    Callout,
+    File,
+    Folder,
+    Files,
+    Accordion,
+    Accordions,
+    Tab,
+    Tabs,
+};
+const DEFAULT_SITE_MDX_FEATURES = [
+    'base',
+    'code',
+    'math',
+    'mermaid',
+    'type-table',
+    'fuma-ui',
+    'widgets',
+];
+function createSiteFeatureComponentMap(options) {
+    const { cdnBaseUrl, iconMap = {}, imageFallbackSrc, watermarkEnabled, watermarkText, } = options;
+    return {
+        base: createBaseMdxComponents(imageFallbackSrc),
+        code: createCodeMdxComponents(iconMap),
+        math: createMathMdxComponents(),
+        mermaid: createMermaidMdxComponents(watermarkEnabled, watermarkText),
+        'type-table': createTypeTableMdxComponents(),
+        'fuma-ui': defaultFumaUiComponents,
+        widgets: createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc),
+    };
+}
+function composeSiteMdxComponents(features, featureMap, additionalComponents, components) {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultMdxComponents), features.reduce((acc, feature) => {
+        return Object.assign(Object.assign({}, acc), featureMap[feature]);
+    }, {})), additionalComponents), components);
+}
+
+export { DEFAULT_SITE_MDX_FEATURES, composeSiteMdxComponents, createSiteFeatureComponentMap };

package/dist/fuma/mdx/toc-clerk-portable.js

@@ -4,7 +4,7 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var Primitive = require('fumadocs-core/toc');
-var page = require('fumadocs-ui/layouts/docs/page');
+var toc = require('fumadocs-ui/layouts/docs/page/slots/toc');
 var React = require('react');
 var lib = require('@windrun-huaiin/base-ui/lib');
 
@@ -49,11 +49,15 @@ const CLERK_STEP_BADGE_RADIUS = 7;
 const CLERK_DEPTH_GROUP_LINE_OFFSETS = [6, 18, 30, 42];
 // Max number of characters rendered for a TOC label before trimming with ellipsis.
 const CLERK_MAX_LABEL_LENGTH = 44;
-function PortableClerkTOC({ toc, header, footer, title, emptyLabel = 'No headings', className, }) {
-    return (jsxRuntime.jsxs(page.PageTOC, { className: className, children: [header, title !== null && title !== void 0 ? title : jsxRuntime.jsx(page.PageTOCTitle, {}), jsxRuntime.jsx(PortableClerkTOCScrollArea, { children: jsxRuntime.jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] }));
+function PortableClerkTOC({ toc: toc$1, header, footer, title, emptyLabel = 'No headings', className, }) {
+    return (jsxRuntime.jsx(toc.TOC, { style: "clerk", container: { className }, header: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header, title !== null && title !== void 0 ? title : null] }), footer: footer, list: {
+            children: jsxRuntime.jsx(PortableClerkTOCItems, { toc: toc$1, emptyLabel: emptyLabel }),
+        } }));
 }
-function PortableClerkTOCPopover({ toc, header, footer, emptyLabel = 'No headings', }) {
-    return (jsxRuntime.jsxs(page.PageTOCPopover, { children: [jsxRuntime.jsx(page.PageTOCPopoverTrigger, {}), jsxRuntime.jsxs(page.PageTOCPopoverContent, { children: [header, jsxRuntime.jsx(PortableClerkTOCScrollArea, { children: jsxRuntime.jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] })] }));
+function PortableClerkTOCPopover({ toc: toc$1, header, footer, emptyLabel = 'No headings', }) {
+    return (jsxRuntime.jsx(toc.TOCPopover, { style: "clerk", header: header, footer: footer, list: {
+            children: jsxRuntime.jsx(PortableClerkTOCItems, { toc: toc$1, emptyLabel: emptyLabel }),
+        } }));
 }
 function PortableClerkTOCScrollArea(_a) {
     var { ref, className } = _a, props = tslib.__rest(_a, ["ref", "className"]);

package/dist/fuma/mdx/toc-clerk-portable.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { __rest } from 'tslib';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as Primitive from 'fumadocs-core/toc';
-import { PageTOC, PageTOCTitle, PageTOCPopover, PageTOCPopoverTrigger, PageTOCPopoverContent } from 'fumadocs-ui/layouts/docs/page';
+import { TOC, TOCPopover } from 'fumadocs-ui/layouts/docs/page/slots/toc';
 import { useRef, useState, useMemo, useLayoutEffect, useEffect } from 'react';
 import { themeSvgIconColor, themeIconColor } from '@windrun-huaiin/base-ui/lib';
 
@@ -29,10 +29,14 @@ const CLERK_DEPTH_GROUP_LINE_OFFSETS = [6, 18, 30, 42];
 // Max number of characters rendered for a TOC label before trimming with ellipsis.
 const CLERK_MAX_LABEL_LENGTH = 44;
 function PortableClerkTOC({ toc, header, footer, title, emptyLabel = 'No headings', className, }) {
-    return (jsxs(PageTOC, { className: className, children: [header, title !== null && title !== void 0 ? title : jsx(PageTOCTitle, {}), jsx(PortableClerkTOCScrollArea, { children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] }));
+    return (jsx(TOC, { style: "clerk", container: { className }, header: jsxs(Fragment, { children: [header, title !== null && title !== void 0 ? title : null] }), footer: footer, list: {
+            children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }),
+        } }));
 }
 function PortableClerkTOCPopover({ toc, header, footer, emptyLabel = 'No headings', }) {
-    return (jsxs(PageTOCPopover, { children: [jsx(PageTOCPopoverTrigger, {}), jsxs(PageTOCPopoverContent, { children: [header, jsx(PortableClerkTOCScrollArea, { children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }) }), footer] })] }));
+    return (jsx(TOCPopover, { style: "clerk", header: header, footer: footer, list: {
+            children: jsx(PortableClerkTOCItems, { toc: toc, emptyLabel: emptyLabel }),
+        } }));
 }
 function PortableClerkTOCScrollArea(_a) {
     var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);

package/dist/fuma/mdx/zia-card.js

@@ -12,7 +12,7 @@ function ZiaCard(_a) {
     const validHref = typeof props.href === 'string' && props.href.trim() !== '';
     const validDescription = typeof description === 'string' && (description === null || description === void 0 ? void 0 : description.trim()) !== '';
     if (validHref) {
-        return (jsxRuntime.jsxs(Link, Object.assign({ href: props.href, "data-card": true, className: utils.cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', 'hover:bg-fd-accent/80', props.className) }, props, { children: [jsxRuntime.jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsxRuntime.jsx(icons.CircleSmallIcon, {}) }), jsxRuntime.jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsxRuntime.jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
+        return (jsxRuntime.jsxs(Link, Object.assign({ href: props.href, prefetch: false, "data-card": true, className: utils.cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', 'hover:bg-fd-accent/80', props.className) }, props, { children: [jsxRuntime.jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsxRuntime.jsx(icons.CircleSmallIcon, {}) }), jsxRuntime.jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsxRuntime.jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
     }
     return (jsxRuntime.jsxs("div", Object.assign({ "data-card": true, className: utils.cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', props.className) }, props, { children: [jsxRuntime.jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsxRuntime.jsx(icons.CircleSmallIcon, {}) }), jsxRuntime.jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsxRuntime.jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsxRuntime.jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
 }

package/dist/fuma/mdx/zia-card.mjs

@@ -10,7 +10,7 @@ function ZiaCard(_a) {
     const validHref = typeof props.href === 'string' && props.href.trim() !== '';
     const validDescription = typeof description === 'string' && (description === null || description === void 0 ? void 0 : description.trim()) !== '';
     if (validHref) {
-        return (jsxs(Link, Object.assign({ href: props.href, "data-card": true, className: cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', 'hover:bg-fd-accent/80', props.className) }, props, { children: [jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsx(CircleSmallIcon, {}) }), jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
+        return (jsxs(Link, Object.assign({ href: props.href, prefetch: false, "data-card": true, className: cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', 'hover:bg-fd-accent/80', props.className) }, props, { children: [jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsx(CircleSmallIcon, {}) }), jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
     }
     return (jsxs("div", Object.assign({ "data-card": true, className: cn('block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full', props.className) }, props, { children: [jsx("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : jsx(CircleSmallIcon, {}) }), jsx("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10", children: title }), validDescription ? (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : (jsx("p", { className: "my-0! text-sm text-fd-muted-foreground opacity-0 select-none", children: "\u00A0" })), props.children ? (jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] })));
 }

package/dist/fuma/mdx/zia-file.js

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 
 var tslib = require('tslib');

package/dist/fuma/mdx/zia-file.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { FileIcon, FolderOpenIcon, FolderIcon } from '@windrun-huaiin/base-ui/icons';

package/dist/fuma/server/optional-features.d.ts

@@ -0,0 +1,8 @@
+import type { MDXComponents } from 'mdx/types';
+import type { ReactNode } from 'react';
+export declare function createBaseMdxComponents(imageFallbackSrc?: string): MDXComponents;
+export declare function createCodeMdxComponents(iconMap?: Record<string, ReactNode>): MDXComponents;
+export declare function createMathMdxComponents(): MDXComponents;
+export declare function createMermaidMdxComponents(watermarkEnabled?: boolean, watermarkText?: string): MDXComponents;
+export declare function createTypeTableMdxComponents(): MDXComponents;
+export declare function createWidgetMdxComponents(cdnBaseUrl?: string, imageFallbackSrc?: string): MDXComponents;

package/dist/fuma/server/optional-features.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var codeblock = require('fumadocs-ui/components/codeblock');
+var typeTable = require('fumadocs-ui/components/type-table');
+var icons = require('@windrun-huaiin/base-ui/icons');
+var markdownComponentMap = require('../share/markdown-component-map.js');
+var imageZoom = require('../heavy/image-zoom.js');
+var imageGrid = require('../heavy/image-grid.js');
+var math = require('../heavy/math.js');
+var mermaid = require('../heavy/mermaid.js');
+var trophyCard = require('../mdx/trophy-card.js');
+var ziaCard = require('../mdx/zia-card.js');
+var gradientButton = require('../mdx/gradient-button.js');
+var ziaFile = require('../mdx/zia-file.js');
+var sunoEmbed = require('../mdx/suno-embed.js');
+
+const defaultCodeLanguageIconMap = {
+    css: jsxRuntime.jsx(icons.CSSIcon, {}),
+    csv: jsxRuntime.jsx(icons.CSVIcon, {}),
+    diff: jsxRuntime.jsx(icons.DiffIcon, {}),
+    html: jsxRuntime.jsx(icons.HtmlIcon, {}),
+    http: jsxRuntime.jsx(icons.HttpIcon, {}),
+    java: jsxRuntime.jsx(icons.JavaIcon, {}),
+    json: jsxRuntime.jsx(icons.JsonIcon, {}),
+    jsonc: jsxRuntime.jsx(icons.SquareDashedBottomCodeIcon, {}),
+    log: jsxRuntime.jsx(icons.LogIcon, {}),
+    mdx: jsxRuntime.jsx(icons.MDXIcon, {}),
+    plaintext: jsxRuntime.jsx(icons.TxtIcon, {}),
+    regex: jsxRuntime.jsx(icons.RegexIcon, {}),
+    scheme: jsxRuntime.jsx(icons.SchemeIcon, {}),
+    sql: jsxRuntime.jsx(icons.SQLIcon, {}),
+    text: jsxRuntime.jsx(icons.TxtIcon, {}),
+    txt: jsxRuntime.jsx(icons.TxtIcon, {}),
+    xml: jsxRuntime.jsx(icons.XMLIcon, {}),
+    yaml: jsxRuntime.jsx(icons.YamlIcon, {}),
+    yml: jsxRuntime.jsx(icons.YamlIcon, {}),
+};
+function tryToMatchIcon(props, iconMap) {
+    var _a;
+    let lang;
+    const dataLanguage = props['data-language'];
+    if (dataLanguage && dataLanguage.trim() !== '') {
+        lang = dataLanguage.trim().toLowerCase();
+    }
+    else {
+        const title = props.title;
+        if (title) {
+            const titleParts = title.split('.');
+            if (titleParts.length > 1 && titleParts[0] !== '') {
+                const extension = (_a = titleParts.pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                if (extension) {
+                    lang = extension;
+                }
+            }
+        }
+    }
+    if (lang && iconMap[lang]) {
+        return iconMap[lang];
+    }
+    return undefined;
+}
+function createBaseMdxComponents(imageFallbackSrc) {
+    return Object.assign(Object.assign({}, markdownComponentMap.baseMarkdownComponents), { img: (props) => (jsxRuntime.jsx(imageZoom.ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))) });
+}
+function createCodeMdxComponents(iconMap = {}) {
+    const mergedIconMap = Object.assign(Object.assign({}, defaultCodeLanguageIconMap), iconMap);
+    return {
+        pre: (props) => {
+            const customIcon = tryToMatchIcon(props, mergedIconMap);
+            return (jsxRuntime.jsx(codeblock.CodeBlock, Object.assign({}, props, (customIcon && { icon: customIcon }), { children: jsxRuntime.jsx(codeblock.Pre, { children: props.children }) })));
+        },
+        CodeBlock: codeblock.CodeBlock,
+        Pre: codeblock.Pre,
+    };
+}
+function createMathMdxComponents() {
+    return {
+        MathBlock: math.MathBlock,
+        InlineMath: math.InlineMath,
+    };
+}
+function createMermaidMdxComponents(watermarkEnabled, watermarkText) {
+    return {
+        Mermaid: (props) => (jsxRuntime.jsx(mermaid.Mermaid, Object.assign({}, props, { watermarkEnabled: watermarkEnabled, watermarkText: watermarkText }))),
+    };
+}
+function createTypeTableMdxComponents() {
+    return {
+        TypeTable: typeTable.TypeTable,
+    };
+}
+function createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc) {
+    return {
+        TrophyCard: trophyCard.TrophyCard,
+        ZiaCard: ziaCard.ZiaCard,
+        GradientButton: gradientButton.GradientButton,
+        ZiaFile: ziaFile.ZiaFile,
+        ZiaFolder: ziaFile.ZiaFolder,
+        SunoEmbed: sunoEmbed.SunoEmbed,
+        ImageGrid: (props) => (jsxRuntime.jsx(imageGrid.ImageGrid, Object.assign({}, props, { cdnBaseUrl: cdnBaseUrl }))),
+        ImageZoom: (props) => (jsxRuntime.jsx(imageZoom.ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))),
+    };
+}
+
+exports.createBaseMdxComponents = createBaseMdxComponents;
+exports.createCodeMdxComponents = createCodeMdxComponents;
+exports.createMathMdxComponents = createMathMdxComponents;
+exports.createMermaidMdxComponents = createMermaidMdxComponents;
+exports.createTypeTableMdxComponents = createTypeTableMdxComponents;
+exports.createWidgetMdxComponents = createWidgetMdxComponents;