@windrun-huaiin/third-ui 21.0.0 → 22.0.0

package/dist/fuma/base/index.d.ts

@@ -1,2 +1,3 @@
 export * from './custom-header';
 export * from './custom-home-layout';
+export * from './site-layout';

package/dist/fuma/base/index.js

@@ -2,9 +2,16 @@
 
 var customHeader = require('./custom-header.js');
 var customHomeLayout = require('./custom-home-layout.js');
+var siteLayout = require('./site-layout.js');
 
 
 
 exports.CustomHomeHeader = customHeader.CustomHomeHeader;
 exports.CustomHomeLayout = customHomeLayout.CustomHomeLayout;
 exports.HomeTitle = customHomeLayout.HomeTitle;
+exports.DocsRootProvider = siteLayout.DocsRootProvider;
+exports.SiteDocsLayout = siteLayout.SiteDocsLayout;
+exports.SiteHomeLayout = siteLayout.SiteHomeLayout;
+exports.createSiteBaseLayoutConfig = siteLayout.createSiteBaseLayoutConfig;
+exports.createSiteNavGroup = siteLayout.createSiteNavGroup;
+exports.createSiteNavLink = siteLayout.createSiteNavLink;

package/dist/fuma/base/index.mjs

@@ -1,2 +1,3 @@
 export { CustomHomeHeader } from './custom-header.mjs';
 export { CustomHomeLayout, HomeTitle } from './custom-home-layout.mjs';
+export { DocsRootProvider, SiteDocsLayout, SiteHomeLayout, createSiteBaseLayoutConfig, createSiteNavGroup, createSiteNavLink } from './site-layout.mjs';

package/dist/fuma/base/site-layout.d.ts

@@ -0,0 +1,116 @@
+import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
+import { RootProvider } from 'fumadocs-ui/provider/next';
+import { type DocsLayoutProps } from 'fumadocs-ui/layouts/docs';
+import { type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
+import { type HeaderActionOrders } from './custom-home-layout';
+type RootProviderI18n = NonNullable<ComponentProps<typeof RootProvider>['i18n']>;
+export interface DocsRootProviderProps {
+    i18n: RootProviderI18n;
+    children: ReactNode;
+}
+type SiteMenuConfig = HTMLAttributes<HTMLElement> & {
+    banner?: ReactNode;
+};
+interface SiteNavSharedFields {
+    secondary?: boolean;
+    mobilePinned?: boolean;
+}
+export interface SiteNavLinkItemConfig extends SiteNavSharedFields {
+    type?: 'main' | 'icon' | 'button';
+    text: ReactNode;
+    url: string;
+    external?: boolean;
+    icon?: ReactNode;
+    description?: ReactNode;
+    menu?: SiteMenuConfig;
+    on?: 'nav' | 'menu' | 'all';
+    label?: string;
+}
+export interface SiteNavMenuItemConfig extends SiteNavSharedFields {
+    type: 'menu';
+    text: ReactNode;
+    url?: string;
+    external?: boolean;
+    icon?: ReactNode;
+    description?: ReactNode;
+    items: SiteNavItemConfig[];
+    menu?: SiteMenuConfig;
+    on?: 'nav' | 'menu' | 'all';
+}
+export interface SiteNavCustomItemConfig extends SiteNavSharedFields {
+    type: 'custom';
+    children: ReactNode;
+}
+export type SiteNavItemConfig = SiteNavLinkItemConfig | SiteNavMenuItemConfig | SiteNavCustomItemConfig;
+export interface SiteBaseLayoutConfig {
+    nav?: HomeLayoutProps['nav'];
+    i18n?: HomeLayoutProps['i18n'];
+    githubUrl?: string;
+    links?: SiteNavItemConfig[];
+    searchToggle?: HomeLayoutProps['searchToggle'];
+    themeSwitch?: HomeLayoutProps['themeSwitch'];
+}
+export interface SiteHomeLayoutConfig extends SiteBaseLayoutConfig {
+    showBanner?: boolean;
+    bannerHeight?: number;
+    headerHeight?: number;
+    headerPaddingTop?: number;
+    navbarClassName?: string;
+    floatingNav?: boolean;
+    banner?: ReactNode;
+    footer?: ReactNode;
+    goToTop?: ReactNode;
+    showFooter?: boolean;
+    showGoToTop?: boolean;
+    actionOrders?: HeaderActionOrders;
+    localePrefixAsNeeded?: boolean;
+    defaultLocale?: string;
+}
+export interface SiteDocsLayoutConfig extends SiteBaseLayoutConfig {
+    tree: DocsLayoutProps['tree'];
+    sidebar?: DocsLayoutProps['sidebar'];
+}
+export interface SiteMenuLeafConfig {
+    text: ReactNode;
+    path: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+    external?: boolean;
+}
+export interface SiteMenuGroupConfig {
+    text: ReactNode;
+    path?: string;
+    landing?: SiteMenuLeafConfig;
+    items: SiteMenuLeafConfig[];
+}
+export interface CreateSiteNavItemContext {
+    resolveUrl: (path: string) => string;
+}
+export interface CreateSiteNavGroupOptions {
+    featuredClassName?: string;
+    featuredBanner?: ReactNode;
+}
+export interface CreateSiteBaseLayoutOptions {
+    homeUrl: string;
+    title: ReactNode;
+    i18n?: HomeLayoutProps['i18n'];
+    githubUrl?: string;
+    transparentMode?: HomeLayoutProps['nav'] extends infer T ? T extends {
+        transparentMode?: infer U;
+    } ? U : never : never;
+}
+export declare function createSiteNavLink(item: SiteMenuLeafConfig, context: CreateSiteNavItemContext): SiteNavLinkItemConfig;
+export declare function createSiteNavGroup(item: SiteMenuGroupConfig, context: CreateSiteNavItemContext, options?: CreateSiteNavGroupOptions): SiteNavMenuItemConfig;
+export declare function createSiteBaseLayoutConfig(options: CreateSiteBaseLayoutOptions): SiteBaseLayoutConfig;
+export declare function DocsRootProvider({ i18n, children }: DocsRootProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SiteHomeLayout({ locale, config, children, }: {
+    locale: string;
+    config: SiteHomeLayoutConfig;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SiteDocsLayout({ config, children, }: {
+    config: SiteDocsLayoutConfig;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/fuma/base/site-layout.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var next = require('fumadocs-ui/provider/next');
+var docs = require('fumadocs-ui/layouts/docs');
+var customHomeLayout = require('./custom-home-layout.js');
+
+function normalizeNavItems(items) {
+    if (!items)
+        return undefined;
+    return items.map((item) => {
+        var _a;
+        if (item.type === 'menu') {
+            return Object.assign(Object.assign({}, item), { items: (_a = normalizeNavItems(item.items)) !== null && _a !== void 0 ? _a : [] });
+        }
+        return item;
+    });
+}
+function createSiteNavLink(item, context) {
+    return Object.assign(Object.assign(Object.assign(Object.assign({ type: 'main', text: item.text }, (item.description ? { description: item.description } : {})), { url: context.resolveUrl(item.path) }), (item.external ? { external: item.external } : {})), (item.icon || item.className
+        ? {
+            menu: Object.assign(Object.assign({}, (item.icon ? { banner: item.icon } : {})), (item.className ? { className: item.className } : {})),
+        }
+        : {}));
+}
+function createSiteNavGroup(item, context, options) {
+    var _a;
+    return Object.assign(Object.assign({ type: 'menu', text: item.text }, (item.path ? { url: context.resolveUrl(item.path) } : {})), { items: [
+            ...(item.landing
+                ? [
+                    Object.assign(Object.assign({}, createSiteNavLink(item.landing, context)), { menu: Object.assign(Object.assign({}, ((options === null || options === void 0 ? void 0 : options.featuredBanner) ? { banner: options.featuredBanner } : {})), { className: (_a = options === null || options === void 0 ? void 0 : options.featuredClassName) !== null && _a !== void 0 ? _a : 'md:row-span-2' }) }),
+                ]
+                : []),
+            ...item.items.map((child) => createSiteNavLink(child, context)),
+        ] });
+}
+function createSiteBaseLayoutConfig(options) {
+    var _a;
+    return Object.assign(Object.assign({ nav: {
+            url: options.homeUrl,
+            title: options.title,
+            transparentMode: (_a = options.transparentMode) !== null && _a !== void 0 ? _a : 'none',
+        } }, (options.i18n ? { i18n: options.i18n } : {})), (options.githubUrl ? { githubUrl: options.githubUrl } : {}));
+}
+function toHomeLayoutOptions(config) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (config.nav ? { nav: config.nav } : {})), (config.i18n ? { i18n: config.i18n } : {})), (config.githubUrl ? { githubUrl: config.githubUrl } : {})), (config.links ? { links: normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}));
+}
+function toDocsLayoutOptions(config) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (config.nav ? { nav: config.nav } : {})), (config.i18n ? { i18n: config.i18n } : {})), (config.githubUrl ? { githubUrl: config.githubUrl } : {})), (config.links ? { links: normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {})), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
+}
+function DocsRootProvider({ i18n, children }) {
+    return jsxRuntime.jsx(next.RootProvider, { i18n: i18n, children: children });
+}
+function SiteHomeLayout({ locale, config, children, }) {
+    const { actionOrders, banner, bannerHeight, defaultLocale, floatingNav, footer, goToTop, headerHeight, headerPaddingTop, localePrefixAsNeeded, navbarClassName, showBanner, showFooter, showGoToTop } = config, baseConfig = tslib.__rest(config, ["actionOrders", "banner", "bannerHeight", "defaultLocale", "floatingNav", "footer", "goToTop", "headerHeight", "headerPaddingTop", "localePrefixAsNeeded", "navbarClassName", "showBanner", "showFooter", "showGoToTop"]);
+    const options = toHomeLayoutOptions(baseConfig);
+    const layoutProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ locale,
+        options }, (actionOrders ? { actionOrders } : {})), (banner ? { banner } : {})), (bannerHeight != null ? { bannerHeight } : {})), (defaultLocale ? { defaultLocale } : {})), (floatingNav != null ? { floatingNav } : {})), (footer ? { footer } : {})), (goToTop ? { goToTop } : {})), (headerHeight != null ? { headerHeight } : {})), (headerPaddingTop != null ? { headerPaddingTop } : {})), (localePrefixAsNeeded != null ? { localePrefixAsNeeded } : {})), (navbarClassName ? { navbarClassName } : {})), (showBanner != null ? { showBanner } : {})), (showFooter != null ? { showFooter } : {})), (showGoToTop != null ? { showGoToTop } : {}));
+    return jsxRuntime.jsx(customHomeLayout.CustomHomeLayout, Object.assign({}, layoutProps, { children: children }));
+}
+function SiteDocsLayout({ config, children, }) {
+    const options = toDocsLayoutOptions(config);
+    return jsxRuntime.jsx(docs.DocsLayout, Object.assign({}, options, { children: children }));
+}
+
+exports.DocsRootProvider = DocsRootProvider;
+exports.SiteDocsLayout = SiteDocsLayout;
+exports.SiteHomeLayout = SiteHomeLayout;
+exports.createSiteBaseLayoutConfig = createSiteBaseLayoutConfig;
+exports.createSiteNavGroup = createSiteNavGroup;
+exports.createSiteNavLink = createSiteNavLink;

package/dist/fuma/base/site-layout.mjs

@@ -0,0 +1,65 @@
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { RootProvider } from 'fumadocs-ui/provider/next';
+import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import { CustomHomeLayout } from './custom-home-layout.mjs';
+
+function normalizeNavItems(items) {
+    if (!items)
+        return undefined;
+    return items.map((item) => {
+        var _a;
+        if (item.type === 'menu') {
+            return Object.assign(Object.assign({}, item), { items: (_a = normalizeNavItems(item.items)) !== null && _a !== void 0 ? _a : [] });
+        }
+        return item;
+    });
+}
+function createSiteNavLink(item, context) {
+    return Object.assign(Object.assign(Object.assign(Object.assign({ type: 'main', text: item.text }, (item.description ? { description: item.description } : {})), { url: context.resolveUrl(item.path) }), (item.external ? { external: item.external } : {})), (item.icon || item.className
+        ? {
+            menu: Object.assign(Object.assign({}, (item.icon ? { banner: item.icon } : {})), (item.className ? { className: item.className } : {})),
+        }
+        : {}));
+}
+function createSiteNavGroup(item, context, options) {
+    var _a;
+    return Object.assign(Object.assign({ type: 'menu', text: item.text }, (item.path ? { url: context.resolveUrl(item.path) } : {})), { items: [
+            ...(item.landing
+                ? [
+                    Object.assign(Object.assign({}, createSiteNavLink(item.landing, context)), { menu: Object.assign(Object.assign({}, ((options === null || options === void 0 ? void 0 : options.featuredBanner) ? { banner: options.featuredBanner } : {})), { className: (_a = options === null || options === void 0 ? void 0 : options.featuredClassName) !== null && _a !== void 0 ? _a : 'md:row-span-2' }) }),
+                ]
+                : []),
+            ...item.items.map((child) => createSiteNavLink(child, context)),
+        ] });
+}
+function createSiteBaseLayoutConfig(options) {
+    var _a;
+    return Object.assign(Object.assign({ nav: {
+            url: options.homeUrl,
+            title: options.title,
+            transparentMode: (_a = options.transparentMode) !== null && _a !== void 0 ? _a : 'none',
+        } }, (options.i18n ? { i18n: options.i18n } : {})), (options.githubUrl ? { githubUrl: options.githubUrl } : {}));
+}
+function toHomeLayoutOptions(config) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (config.nav ? { nav: config.nav } : {})), (config.i18n ? { i18n: config.i18n } : {})), (config.githubUrl ? { githubUrl: config.githubUrl } : {})), (config.links ? { links: normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}));
+}
+function toDocsLayoutOptions(config) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (config.nav ? { nav: config.nav } : {})), (config.i18n ? { i18n: config.i18n } : {})), (config.githubUrl ? { githubUrl: config.githubUrl } : {})), (config.links ? { links: normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {})), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
+}
+function DocsRootProvider({ i18n, children }) {
+    return jsx(RootProvider, { i18n: i18n, children: children });
+}
+function SiteHomeLayout({ locale, config, children, }) {
+    const { actionOrders, banner, bannerHeight, defaultLocale, floatingNav, footer, goToTop, headerHeight, headerPaddingTop, localePrefixAsNeeded, navbarClassName, showBanner, showFooter, showGoToTop } = config, baseConfig = __rest(config, ["actionOrders", "banner", "bannerHeight", "defaultLocale", "floatingNav", "footer", "goToTop", "headerHeight", "headerPaddingTop", "localePrefixAsNeeded", "navbarClassName", "showBanner", "showFooter", "showGoToTop"]);
+    const options = toHomeLayoutOptions(baseConfig);
+    const layoutProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ locale,
+        options }, (actionOrders ? { actionOrders } : {})), (banner ? { banner } : {})), (bannerHeight != null ? { bannerHeight } : {})), (defaultLocale ? { defaultLocale } : {})), (floatingNav != null ? { floatingNav } : {})), (footer ? { footer } : {})), (goToTop ? { goToTop } : {})), (headerHeight != null ? { headerHeight } : {})), (headerPaddingTop != null ? { headerPaddingTop } : {})), (localePrefixAsNeeded != null ? { localePrefixAsNeeded } : {})), (navbarClassName ? { navbarClassName } : {})), (showBanner != null ? { showBanner } : {})), (showFooter != null ? { showFooter } : {})), (showGoToTop != null ? { showGoToTop } : {}));
+    return jsx(CustomHomeLayout, Object.assign({}, layoutProps, { children: children }));
+}
+function SiteDocsLayout({ config, children, }) {
+    const options = toDocsLayoutOptions(config);
+    return jsx(DocsLayout, Object.assign({}, options, { children: children }));
+}
+
+export { DocsRootProvider, SiteDocsLayout, SiteHomeLayout, createSiteBaseLayoutConfig, createSiteNavGroup, createSiteNavLink };

package/dist/fuma/fuma-banner-suit.js

@@ -7,20 +7,23 @@ var banner = require('./mdx/banner.js');
 
 function FumaBannerSuit(_a) {
     return tslib.__awaiter(this, arguments, void 0, function* ({ locale, showBanner, floating = true, }) {
-        const t = yield server.getTranslations({ locale, namespace: 'home' });
-        const heightValue = showBanner ? 3 : 0.5;
+        const heightValue = 3;
         const height = `${heightValue}rem`;
-        const bannerText = t('banner');
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showBanner ? (jsxRuntime.jsx(banner.Banner, { variant: "rainbow", changeLayout: true, height: heightValue, floating: floating, children: jsxRuntime.jsx("p", { className: "text-sm sm:text-xl md:text-xl", children: bannerText }) })) : (jsxRuntime.jsx("div", { className: "m-0 rounded-none bg-neutral-100 dark:bg-neutral-900", style: {
+        if (!showBanner) {
+            return (jsxRuntime.jsx("div", { "aria-hidden": "true", className: "m-0 rounded-none bg-neutral-100 dark:bg-neutral-900", style: {
                     position: floating ? 'fixed' : 'relative',
                     top: floating ? 0 : undefined,
                     left: floating ? 0 : undefined,
                     width: floating ? '100vw' : '100%',
                     zIndex: floating ? 1001 : undefined,
-                    height: height,
+                    height,
                     minHeight: height,
                     maxHeight: height,
-                } })) }));
+                } }));
+        }
+        const t = yield server.getTranslations({ locale, namespace: 'home' });
+        const bannerText = t('banner');
+        return (jsxRuntime.jsx(banner.Banner, { variant: "rainbow", changeLayout: true, height: heightValue, floating: floating, children: jsxRuntime.jsx("p", { className: "text-sm sm:text-xl md:text-xl", children: bannerText }) }));
     });
 }
 

package/dist/fuma/fuma-banner-suit.mjs

@@ -1,24 +1,27 @@
 import { __awaiter } from 'tslib';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { Banner } from './mdx/banner.mjs';
 
 function FumaBannerSuit(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, showBanner, floating = true, }) {
-        const t = yield getTranslations({ locale, namespace: 'home' });
-        const heightValue = showBanner ? 3 : 0.5;
+        const heightValue = 3;
         const height = `${heightValue}rem`;
-        const bannerText = t('banner');
-        return (jsx(Fragment, { children: showBanner ? (jsx(Banner, { variant: "rainbow", changeLayout: true, height: heightValue, floating: floating, children: jsx("p", { className: "text-sm sm:text-xl md:text-xl", children: bannerText }) })) : (jsx("div", { className: "m-0 rounded-none bg-neutral-100 dark:bg-neutral-900", style: {
+        if (!showBanner) {
+            return (jsx("div", { "aria-hidden": "true", className: "m-0 rounded-none bg-neutral-100 dark:bg-neutral-900", style: {
                     position: floating ? 'fixed' : 'relative',
                     top: floating ? 0 : undefined,
                     left: floating ? 0 : undefined,
                     width: floating ? '100vw' : '100%',
                     zIndex: floating ? 1001 : undefined,
-                    height: height,
+                    height,
                     minHeight: height,
                     maxHeight: height,
-                } })) }));
+                } }));
+        }
+        const t = yield getTranslations({ locale, namespace: 'home' });
+        const bannerText = t('banner');
+        return (jsx(Banner, { variant: "rainbow", changeLayout: true, height: heightValue, floating: floating, children: jsx("p", { className: "text-sm sm:text-xl md:text-xl", children: bannerText }) }));
     });
 }
 

package/dist/fuma/fuma-page-genarator.js

@@ -41,7 +41,7 @@ function createFumaPage({ sourceKey, mdxContentSource, getMDXComponents, mdxSour
                     component: (jsxRuntime.jsx(tocClerkPortable.PortableClerkTOC, { toc: content.toc, footer: tocFooterElement })),
                 }, tableOfContentPopover: {
                     enabled: false,
-                }, toc: content.toc, article: { className: 'max-sm:pb-16' }, children: [jsxRuntime.jsx(page.DocsTitle, { children: page$1.data.title }), jsxRuntime.jsx(page.DocsDescription, { className: "mb-2", children: page$1.data.description }), jsxRuntime.jsx(page.DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
+                }, toc: content.toc, className: "max-sm:pb-16", children: [jsxRuntime.jsx(page.DocsTitle, { children: page$1.data.title }), jsxRuntime.jsx(page.DocsDescription, { className: "mb-2", children: page$1.data.description }), jsxRuntime.jsx(page.DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
         });
     };
     function generateStaticParams() {

package/dist/fuma/fuma-page-genarator.mjs

@@ -39,7 +39,7 @@ function createFumaPage({ sourceKey, mdxContentSource, getMDXComponents, mdxSour
                     component: (jsx(PortableClerkTOC, { toc: content.toc, footer: tocFooterElement })),
                 }, tableOfContentPopover: {
                     enabled: false,
-                }, toc: content.toc, article: { className: 'max-sm:pb-16' }, children: [jsx(DocsTitle, { children: page.data.title }), jsx(DocsDescription, { className: "mb-2", children: page.data.description }), jsx(DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
+                }, toc: content.toc, className: "max-sm:pb-16", children: [jsx(DocsTitle, { children: page.data.title }), jsx(DocsDescription, { className: "mb-2", children: page.data.description }), jsx(DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
         });
     };
     function generateStaticParams() {

package/dist/fuma/heavy/image-grid.d.ts

@@ -0,0 +1,6 @@
+export declare function ImageGrid({ type, images, altPrefix, cdnBaseUrl, }: {
+    type: "url" | "local";
+    images: string[];
+    altPrefix?: string;
+    cdnBaseUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/heavy/image-grid.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var imageZoom = require('./image-zoom.js');
+
+function ImageGrid({ type = "url", images, altPrefix = '', cdnBaseUrl, }) {
+    return (jsxRuntime.jsx("div", { style: {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '16px',
+            justifyItems: 'center',
+            alignItems: 'center',
+        }, children: images.map((img, idx) => (jsxRuntime.jsx(imageZoom.ImageZoom, { src: img.startsWith('http://') || img.startsWith('https://') ? img : (type === "url" ? `${cdnBaseUrl === null || cdnBaseUrl === void 0 ? void 0 : cdnBaseUrl.replace(/\/+$/, '')}/${img.replace(/^\/+/, '')}` : img), alt: `${altPrefix}-${idx + 1}` }, img))) }));
+}
+
+exports.ImageGrid = ImageGrid;

package/dist/fuma/heavy/image-grid.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ImageZoom } from './image-zoom.mjs';
+
+function ImageGrid({ type = "url", images, altPrefix = '', cdnBaseUrl, }) {
+    return (jsx("div", { style: {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '16px',
+            justifyItems: 'center',
+            alignItems: 'center',
+        }, children: images.map((img, idx) => (jsx(ImageZoom, { src: img.startsWith('http://') || img.startsWith('https://') ? img : (type === "url" ? `${cdnBaseUrl === null || cdnBaseUrl === void 0 ? void 0 : cdnBaseUrl.replace(/\/+$/, '')}/${img.replace(/^\/+/, '')}` : img), alt: `${altPrefix}-${idx + 1}` }, img))) }));
+}
+
+export { ImageGrid };

package/dist/fuma/heavy/image-zoom.d.ts

@@ -0,0 +1,22 @@
+import { type ImageProps } from 'fumadocs-core/framework';
+import { type ImgHTMLAttributes } from 'react';
+import { type UncontrolledProps } from 'react-medium-image-zoom';
+export type ImageZoomProps = ImageProps & {
+    /**
+     * Image props when zoom in
+     */
+    zoomInProps?: ImgHTMLAttributes<HTMLImageElement>;
+    /**
+     * Props for `react-medium-image-zoom`
+     */
+    rmiz?: UncontrolledProps;
+    /**
+     * placeholder image path
+     */
+    fallbackSrc?: string;
+};
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+export declare function ImageZoom({ zoomInProps, children, rmiz, fallbackSrc, ...props }: ImageZoomProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/heavy/image-zoom.js

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var framework = require('fumadocs-core/framework');
+var React = require('react');
+var Zoom = require('react-medium-image-zoom');
+
+function getImageSrc(src) {
+    if (typeof src === 'string')
+        return src;
+    if (typeof src === 'object') {
+        // Next.js
+        if ('default' in src)
+            return src.default.src;
+        return src.src;
+    }
+    return '';
+}
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+function ImageZoom(_a) {
+    var _b;
+    var { zoomInProps, children, rmiz, fallbackSrc = 'https://r2.d8ger.com/default.webp' } = _a, props = tslib.__rest(_a, ["zoomInProps", "children", "rmiz", "fallbackSrc"]);
+    const [imgSrc, setImgSrc] = React.useState(getImageSrc(props.src));
+    // fallback logic
+    const handleError = () => {
+        console.warn('ImageZoom check error:', imgSrc, fallbackSrc);
+        if (imgSrc !== fallbackSrc) {
+            setImgSrc(fallbackSrc);
+        }
+    };
+    return (jsxRuntime.jsx(Zoom, Object.assign({ zoomMargin: 20, wrapElement: "span" }, rmiz, { zoomImg: Object.assign(Object.assign({ src: imgSrc, sizes: undefined }, zoomInProps), { onError: handleError }), children: children !== null && children !== void 0 ? children : (jsxRuntime.jsx(framework.Image, Object.assign({}, props, { src: imgSrc, onError: handleError, sizes: "(max-width: 400px) 100vw, 300px", style: { width: '100%', height: 'auto', maxWidth: 300 }, alt: (_b = props.alt) !== null && _b !== void 0 ? _b : '', width: 300, height: 225 }))) })));
+}
+
+exports.ImageZoom = ImageZoom;

package/dist/fuma/heavy/image-zoom.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { Image } from 'fumadocs-core/framework';
+import { useState } from 'react';
+import Zoom from 'react-medium-image-zoom';
+
+function getImageSrc(src) {
+    if (typeof src === 'string')
+        return src;
+    if (typeof src === 'object') {
+        // Next.js
+        if ('default' in src)
+            return src.default.src;
+        return src.src;
+    }
+    return '';
+}
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+function ImageZoom(_a) {
+    var _b;
+    var { zoomInProps, children, rmiz, fallbackSrc = 'https://r2.d8ger.com/default.webp' } = _a, props = __rest(_a, ["zoomInProps", "children", "rmiz", "fallbackSrc"]);
+    const [imgSrc, setImgSrc] = useState(getImageSrc(props.src));
+    // fallback logic
+    const handleError = () => {
+        console.warn('ImageZoom check error:', imgSrc, fallbackSrc);
+        if (imgSrc !== fallbackSrc) {
+            setImgSrc(fallbackSrc);
+        }
+    };
+    return (jsx(Zoom, Object.assign({ zoomMargin: 20, wrapElement: "span" }, rmiz, { zoomImg: Object.assign(Object.assign({ src: imgSrc, sizes: undefined }, zoomInProps), { onError: handleError }), children: children !== null && children !== void 0 ? children : (jsx(Image, Object.assign({}, props, { src: imgSrc, onError: handleError, sizes: "(max-width: 400px) 100vw, 300px", style: { width: '100%', height: 'auto', maxWidth: 300 }, alt: (_b = props.alt) !== null && _b !== void 0 ? _b : '', width: 300, height: 225 }))) })));
+}
+
+export { ImageZoom };

package/dist/fuma/heavy/index.d.ts

@@ -0,0 +1,4 @@
+export * from './image-zoom';
+export * from './image-grid';
+export * from './math';
+export * from './mermaid';

package/dist/fuma/heavy/index.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var imageZoom = require('./image-zoom.js');
+var imageGrid = require('./image-grid.js');
+var math = require('./math.js');
+var mermaid = require('./mermaid.js');
+
+
+
+exports.ImageZoom = imageZoom.ImageZoom;
+exports.ImageGrid = imageGrid.ImageGrid;
+exports.InlineMath = math.InlineMath;
+exports.MathBlock = math.MathBlock;
+exports.Mermaid = mermaid.Mermaid;

package/dist/fuma/heavy/index.mjs

@@ -0,0 +1,5 @@
+"use client";
+export { ImageZoom } from './image-zoom.mjs';
+export { ImageGrid } from './image-grid.mjs';
+export { InlineMath, MathBlock } from './math.mjs';
+export { Mermaid } from './mermaid.mjs';

package/dist/fuma/heavy/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/heavy/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;