@windrun-huaiin/third-ui 21.0.0 → 22.0.0

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

@@ -0,0 +1,46 @@
+'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 optionalFeatures = require('./optional-features.js');
+var siteX = require('../site-x.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',
+];
+function createSiteFeatureComponentMap(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(),
+    };
+}
+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/server/site-mdx-presets.mjs

@@ -0,0 +1,42 @@
+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 { createTypeTableMdxComponents, createMermaidMdxComponents, createMathMdxComponents, createCodeMdxComponents, createBaseMdxComponents, createWidgetMdxComponents } from './optional-features.mjs';
+import { SiteX } from '../site-x.mjs';
+
+const defaultFumaUiComponents = {
+    Callout,
+    File,
+    Folder,
+    Files,
+    Accordion,
+    Accordions,
+    Tab,
+    Tabs,
+};
+const DEFAULT_SITE_MDX_FEATURES = [
+    'base',
+    'code',
+    'math',
+    'mermaid',
+    'type-table',
+];
+function createSiteFeatureComponentMap(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(),
+    };
+}
+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/share/index.d.ts

@@ -0,0 +1 @@
+export * from './markdown-component-map';

package/dist/fuma/share/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var markdownComponentMap = require('./markdown-component-map.js');
+
+
+
+exports.baseMarkdownComponents = markdownComponentMap.baseMarkdownComponents;

package/dist/fuma/share/index.mjs

@@ -0,0 +1 @@
+export { baseMarkdownComponents } from './markdown-component-map.mjs';

package/dist/fuma/share/markdown-component-map.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentType } from 'react';
+export type MarkdownComponentMap = Record<string, ComponentType<any>>;
+export declare const baseMarkdownComponents: MarkdownComponentMap;

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

@@ -0,0 +1,79 @@
+'use strict';
+
+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');
+
+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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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

@@ -0,0 +1,77 @@
+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';
+
+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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        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) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (jsx("hr", Object.assign({}, normalizeMarkdownProps(props), { className: cn('border-border', normalizeMarkdownProps(props).className, className) })));
+    }, 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) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (jsx("li", Object.assign({}, normalizeMarkdownProps(props), { className: cn('leading-7', normalizeMarkdownProps(props).className, className) })));
+    }, 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) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (jsx("p", Object.assign({}, normalizeMarkdownProps(props), { className: cn('leading-7', normalizeMarkdownProps(props).className, className) })));
+    }, 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) => {
+        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) => {
+        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) => {
+        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) => {
+        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/dist/lib/fuma-schema-check-util.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var zod = require('zod');
-var config = require('fumadocs-mdx/config');
 
 // Reusable schema for date
 const createDateSchema = () => zod.z.preprocess((arg) => {
@@ -20,17 +19,32 @@ const createDateSchema = () => zod.z.preprocess((arg) => {
 }, zod.z.string()
     .regex(/^\d{4}-\d{2}-\d{2}$/, "Date must be in YYYY-MM-DD format or a valid Date object")
     .refine((val) => !isNaN(new Date(val).getTime()), 'Invalid date!'));
+const baseFrontmatterSchema = zod.z
+    .object({
+    title: zod.z.string().optional(),
+    description: zod.z.string().optional(),
+    icon: zod.z.string().optional(),
+})
+    .loose();
+const baseMetaSchema = zod.z
+    .object({
+    title: zod.z.string().optional(),
+    pages: zod.z.array(zod.z.string()).optional(),
+    description: zod.z.string().optional(),
+    root: zod.z.boolean().optional(),
+    defaultOpen: zod.z.boolean().optional(),
+    icon: zod.z.string().optional(),
+})
+    .loose();
 // common docs frontmatter  schema
-// @ts-ignore
-const createCommonDocsSchema = () => config.frontmatterSchema
+const createCommonDocsSchema = () => baseFrontmatterSchema
     .extend({
     date: createDateSchema(),
     author: zod.z.string().optional(),
     keywords: zod.z.array(zod.z.string()).optional(),
 });
 // common meta schema
-// @ts-ignore
-const createCommonMetaSchema = () => config.metaSchema.extend({});
+const createCommonMetaSchema = () => baseMetaSchema.extend({});
 const remarkInstallOptions = {
     persist: {
         id: 'package-manager',

package/dist/lib/fuma-schema-check-util.mjs

@@ -1,5 +1,4 @@
 import { z } from 'zod';
-import { frontmatterSchema, metaSchema } from 'fumadocs-mdx/config';
 
 // Reusable schema for date
 const createDateSchema = () => z.preprocess((arg) => {
@@ -18,17 +17,32 @@ const createDateSchema = () => z.preprocess((arg) => {
 }, z.string()
     .regex(/^\d{4}-\d{2}-\d{2}$/, "Date must be in YYYY-MM-DD format or a valid Date object")
     .refine((val) => !isNaN(new Date(val).getTime()), 'Invalid date!'));
+const baseFrontmatterSchema = z
+    .object({
+    title: z.string().optional(),
+    description: z.string().optional(),
+    icon: z.string().optional(),
+})
+    .loose();
+const baseMetaSchema = z
+    .object({
+    title: z.string().optional(),
+    pages: z.array(z.string()).optional(),
+    description: z.string().optional(),
+    root: z.boolean().optional(),
+    defaultOpen: z.boolean().optional(),
+    icon: z.string().optional(),
+})
+    .loose();
 // common docs frontmatter  schema
-// @ts-ignore
-const createCommonDocsSchema = () => frontmatterSchema
+const createCommonDocsSchema = () => baseFrontmatterSchema
     .extend({
     date: createDateSchema(),
     author: z.string().optional(),
     keywords: z.array(z.string()).optional(),
 });
 // common meta schema
-// @ts-ignore
-const createCommonMetaSchema = () => metaSchema.extend({});
+const createCommonMetaSchema = () => baseMetaSchema.extend({});
 const remarkInstallOptions = {
     persist: {
         id: 'package-manager',

package/dist/lib/seo-metadata.d.ts

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+export interface CreateLocalizedSiteMetadataOptions {
+    locale: string;
+    baseUrl: string;
+    locales: readonly string[];
+    defaultLocale: string;
+    localePrefixAsNeeded: boolean;
+}
+export type LocalizedSiteMetadata = Pick<Metadata, 'title' | 'description' | 'keywords' | 'alternates' | 'icons'>;
+export declare function createLocalizedSiteMetadata(options: CreateLocalizedSiteMetadataOptions): Promise<LocalizedSiteMetadata>;

package/dist/main/x-button.js

@@ -88,12 +88,12 @@ function XButton(props) {
     const isMainDisabled = mainButton.disabled || isLoading;
     // loadingText prioty：props.loadingText > mainButton.text > 'Loading...'
     const actualLoadingText = loadingText || ((_c = mainButton.text) === null || _c === void 0 ? void 0 : _c.trim()) || 'Loading...';
-    return (jsxRuntime.jsxs("div", { className: utils.cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-[90]", variant === 'soft'
+    return (jsxRuntime.jsxs("div", { className: utils.cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-90", variant === 'soft'
             ? utils.cn(lib.themeBgColor, lib.themeBorderColor, "border")
             : variant === 'subtle'
                 ? utils.cn(lib.themeMainBgColor, "border border-neutral-200 dark:border-neutral-800")
                 : "bg-neutral-200 dark:bg-neutral-800", className), children: [jsxRuntime.jsx("button", { onClick: () => handleButtonClick(mainButton.onClick), disabled: isMainDisabled, className: utils.cn("min-w-0 flex-1", baseButtonClass, splitMainButtonVariantClass, "rounded-l-full rounded-r-none", isMainDisabled && disabledClass, mainButtonClassName), onMouseDown: e => { if (e.button === 2)
-                    e.preventDefault(); }, children: isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icons.Loader2Icon, { className: loadingIconClass }), jsxRuntime.jsx("span", { children: actualLoadingText })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderIcon(mainButton.icon), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: mainButton.text })] })) }), jsxRuntime.jsx("button", { type: "button", className: utils.cn("flex h-full w-9 shrink-0 items-center justify-center px-0 py-1.5 cursor-pointer transition rounded-r-full rounded-l-none border-l sm:w-10", splitDropdownVariantClass, dropdownButtonClassName), onClick: e => { e.stopPropagation(); setMenuOpen(v => !v); }, "aria-label": "More actions", "aria-expanded": menuOpen, children: jsxRuntime.jsx(icons.ChevronDownIcon, { className: chevronIconClass }) }), menuOpen && (jsxRuntime.jsx("div", { ref: menuRef, className: `absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-[100] border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`, children: menuItems.map((item, index) => (jsxRuntime.jsxs("button", { onClick: () => {
+                    e.preventDefault(); }, children: isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icons.Loader2Icon, { className: loadingIconClass }), jsxRuntime.jsx("span", { children: actualLoadingText })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderIcon(mainButton.icon), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: mainButton.text })] })) }), jsxRuntime.jsx("button", { type: "button", className: utils.cn("flex h-full w-9 shrink-0 items-center justify-center px-0 py-1.5 cursor-pointer transition rounded-r-full rounded-l-none border-l sm:w-10", splitDropdownVariantClass, dropdownButtonClassName), onClick: e => { e.stopPropagation(); setMenuOpen(v => !v); }, "aria-label": "More actions", "aria-expanded": menuOpen, children: jsxRuntime.jsx(icons.ChevronDownIcon, { className: chevronIconClass }) }), menuOpen && (jsxRuntime.jsx("div", { ref: menuRef, className: `absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-100 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`, children: menuItems.map((item, index) => (jsxRuntime.jsxs("button", { onClick: () => {
                         handleButtonClick(item.onClick);
                         setMenuOpen(false);
                     }, disabled: item.disabled, className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ''}`, style: item.splitTopBorder ? { borderTop: '1px solid #AC62FD' } : undefined, children: [jsxRuntime.jsxs("span", { className: "flex items-center", children: [item.icon, jsxRuntime.jsx("span", { children: item.text })] }), item.tag && (jsxRuntime.jsx("span", { className: "absolute right-3 top-1 text-[10px] font-semibold", style: { color: item.tag.color || '#A855F7', pointerEvents: 'none' }, children: item.tag.text }))] }, index))) }))] }));

package/dist/main/x-button.mjs

@@ -86,12 +86,12 @@ function XButton(props) {
     const isMainDisabled = mainButton.disabled || isLoading;
     // loadingText prioty：props.loadingText > mainButton.text > 'Loading...'
     const actualLoadingText = loadingText || ((_c = mainButton.text) === null || _c === void 0 ? void 0 : _c.trim()) || 'Loading...';
-    return (jsxs("div", { className: cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-[90]", variant === 'soft'
+    return (jsxs("div", { className: cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-90", variant === 'soft'
             ? cn(themeBgColor, themeBorderColor, "border")
             : variant === 'subtle'
                 ? cn(themeMainBgColor, "border border-neutral-200 dark:border-neutral-800")
                 : "bg-neutral-200 dark:bg-neutral-800", className), children: [jsx("button", { onClick: () => handleButtonClick(mainButton.onClick), disabled: isMainDisabled, className: cn("min-w-0 flex-1", baseButtonClass, splitMainButtonVariantClass, "rounded-l-full rounded-r-none", isMainDisabled && disabledClass, mainButtonClassName), onMouseDown: e => { if (e.button === 2)
-                    e.preventDefault(); }, children: isLoading ? (jsxs(Fragment, { children: [jsx(Loader2Icon, { className: loadingIconClass }), jsx("span", { children: actualLoadingText })] })) : (jsxs(Fragment, { children: [renderIcon(mainButton.icon), jsx("span", { className: "min-w-0 truncate", children: mainButton.text })] })) }), jsx("button", { type: "button", className: cn("flex h-full w-9 shrink-0 items-center justify-center px-0 py-1.5 cursor-pointer transition rounded-r-full rounded-l-none border-l sm:w-10", splitDropdownVariantClass, dropdownButtonClassName), onClick: e => { e.stopPropagation(); setMenuOpen(v => !v); }, "aria-label": "More actions", "aria-expanded": menuOpen, children: jsx(ChevronDownIcon, { className: chevronIconClass }) }), menuOpen && (jsx("div", { ref: menuRef, className: `absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-[100] border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`, children: menuItems.map((item, index) => (jsxs("button", { onClick: () => {
+                    e.preventDefault(); }, children: isLoading ? (jsxs(Fragment, { children: [jsx(Loader2Icon, { className: loadingIconClass }), jsx("span", { children: actualLoadingText })] })) : (jsxs(Fragment, { children: [renderIcon(mainButton.icon), jsx("span", { className: "min-w-0 truncate", children: mainButton.text })] })) }), jsx("button", { type: "button", className: cn("flex h-full w-9 shrink-0 items-center justify-center px-0 py-1.5 cursor-pointer transition rounded-r-full rounded-l-none border-l sm:w-10", splitDropdownVariantClass, dropdownButtonClassName), onClick: e => { e.stopPropagation(); setMenuOpen(v => !v); }, "aria-label": "More actions", "aria-expanded": menuOpen, children: jsx(ChevronDownIcon, { className: chevronIconClass }) }), menuOpen && (jsx("div", { ref: menuRef, className: `absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-100 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`, children: menuItems.map((item, index) => (jsxs("button", { onClick: () => {
                         handleButtonClick(item.onClick);
                         setMenuOpen(false);
                     }, disabled: item.disabled, className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ''}`, style: item.splitTopBorder ? { borderTop: '1px solid #AC62FD' } : undefined, children: [jsxs("span", { className: "flex items-center", children: [item.icon, jsx("span", { children: item.text })] }), item.tag && (jsx("span", { className: "absolute right-3 top-1 text-[10px] font-semibold", style: { color: item.tag.color || '#A855F7', pointerEvents: 'none' }, children: item.tag.text }))] }, index))) }))] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "21.0.0",
+  "version": "22.0.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -51,11 +51,31 @@
       "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/share": {
+      "types": "./dist/fuma/share/index.d.ts",
+      "import": "./dist/fuma/share/index.mjs",
+      "require": "./dist/fuma/share/index.js"
+    },
+    "./fuma/heavy": {
+      "types": "./dist/fuma/heavy/index.d.ts",
+      "import": "./dist/fuma/heavy/index.mjs",
+      "require": "./dist/fuma/heavy/index.js"
+    },
     "./fuma/mdx": {
       "types": "./dist/fuma/mdx/index.d.ts",
       "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",
@@ -66,6 +86,11 @@
       "import": "./dist/lib/server.mjs",
       "require": "./dist/lib/server.js"
     },
+    "./lib/seo-metadata": {
+      "types": "./dist/lib/seo-metadata.d.ts",
+      "import": "./dist/lib/seo-metadata.mjs",
+      "require": "./dist/lib/seo-metadata.js"
+    },
     "./styles/third-ui.css": "./src/styles/third-ui.css",
     "./package.json": "./package.json"
   },
@@ -85,10 +110,8 @@
     "@fingerprintjs/fingerprintjs": "^5.1.0",
     "class-variance-authority": "^0.7.1",
     "framer-motion": "^12.23.24",
-    "fumadocs-core": "16.0.9",
-    "fumadocs-mdx": "13.0.6",
-    "fumadocs-typescript": "4.0.13",
-    "fumadocs-ui": "16.0.9",
+    "fumadocs-core": "16.8.2",
+    "fumadocs-ui": "16.8.2",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "katex": "^0.16.33",
     "mermaid": "11.12.1",
@@ -102,9 +125,9 @@
     "tslib": "^2.8.1",
     "unified": "^11.0.5",
     "zod": "^4.3.6",
-    "@windrun-huaiin/lib": "^21.0.0",
-    "@windrun-huaiin/base-ui": "^21.0.0",
-    "@windrun-huaiin/contracts": "^21.0.0"
+    "@windrun-huaiin/base-ui": "^22.0.0",
+    "@windrun-huaiin/contracts": "^22.0.0",
+    "@windrun-huaiin/lib": "^22.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/ai/ai-markdown.tsx

@@ -2,7 +2,7 @@
 
 import { cn } from '@windrun-huaiin/lib/utils';
 import { toJsxRuntime } from 'hast-util-to-jsx-runtime';
-import { baseMarkdownComponents } from '../fuma/mdx/markdown-component-map';
+import { baseMarkdownComponents } from '../fuma/share/markdown-component-map';
 import { useMemo } from 'react';
 import { Fragment, jsx, jsxs } from 'react/jsx-runtime';
 import remarkGfm from 'remark-gfm';

package/src/clerk/clerk-page-context-generator.tsx

@@ -8,6 +8,9 @@
 import { SignUpWithFingerprint } from './signup-with-fingerprint-client';
 import { SignInWithFingerprint } from './signin-with-fingerprint-client';
 
+const clerkPageContainerClassName =
+  'flex min-h-dvh w-full items-start justify-center px-6 pt-[calc(var(--fd-banner-height,0px)+var(--fd-header-height,3.5rem)+1rem)] pb-6 md:px-8 md:pt-[calc(var(--fd-banner-height,0px)+var(--fd-header-height,3.5rem)+1.5rem)] md:pb-8';
+
 /**
  * Create a SignUp page with fingerprint support
  * Note: This must be used within a FingerprintProvider
@@ -15,7 +18,7 @@ import { SignInWithFingerprint } from './signin-with-fingerprint-client';
 export function createSignUpPageWithFingerprint() {
   return function SignUpPage() {
     return (
-      <div className="flex-1 flex justify-center m-16">
+      <div className={clerkPageContainerClassName}>
         <SignUpWithFingerprint />
       </div>
     );
@@ -29,9 +32,9 @@ export function createSignUpPageWithFingerprint() {
 export function createSignInPageWithFingerprint() {
   return function SignInPage() {
     return (
-      <div className="flex-1 flex justify-center m-16">
+      <div className={clerkPageContainerClassName}>
         <SignInWithFingerprint />
       </div>
     );
   };
-}
+}

package/src/clerk/clerk-page-generator.tsx

@@ -1,10 +1,13 @@
 import { SignIn, SignUp, Waitlist } from '@clerk/nextjs';
 
+const clerkPageContainerClassName =
+  'flex min-h-dvh w-full items-start justify-center px-6 pt-[calc(var(--fd-banner-height,0px)+var(--fd-header-height,3.5rem)+1rem)] pb-6 md:px-8 md:pt-[calc(var(--fd-banner-height,0px)+var(--fd-header-height,3.5rem)+1.5rem)] md:pb-8';
+
 // Legacy page generators (for backward compatibility)
 export function createSignInPage() {
   return function SignInPage() {
     return (
-      <div className="flex-1 flex justify-center m-16">
+      <div className={clerkPageContainerClassName}>
         <SignIn />
       </div>
     );
@@ -14,7 +17,7 @@ export function createSignInPage() {
 export function createSignUpPage() {
   return function SignUpPage() {
     return (
-      <div className="flex-1 flex justify-center m-16">
+      <div className={clerkPageContainerClassName}>
         <SignUp />
       </div>
     );
@@ -24,7 +27,7 @@ export function createSignUpPage() {
 export function createWaitlistPage() {
   return function WaitlistPage() {
     return (
-      <div className="flex-1 flex justify-center m-16">
+      <div className={clerkPageContainerClassName}>
         <Waitlist />
       </div>
     );
@@ -32,4 +35,4 @@ export function createWaitlistPage() {
 }
 
 // Note: Fingerprint-aware page generators moved to client-side only
-// Use the fingerprint components directly in your client-side code 
+// Use the fingerprint components directly in your client-side code