@windrun-huaiin/third-ui 7.6.0 → 10.0.0

package/dist/clerk/signup-with-fingerprint-client.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var nextjs = require('@clerk/nextjs');
 var React = require('react');
@@ -18,8 +18,8 @@ function SignUpWithFingerprint() {
     const { fingerprintId = null, xUser = null, isInitialized = false, initializeAnonymousUser = () => tslib_es6.__awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
     // 准备传递给Clerk的metadata，包含匿名用户信息
     const unsafeMetadata = {
-        user_id: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || null, // 数据库中的user_id
-        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+        user_id: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || null,
+        fingerprint_id: fingerprintId || null,
     };
     // 确保匿名用户已初始化
     React.useEffect(() => {
@@ -29,19 +29,12 @@ function SignUpWithFingerprint() {
     }, [fingerprintId, isInitialized, initializeAnonymousUser]);
     // 调试日志和处理注册逻辑
     React.useEffect(() => {
-        console.log('SignUpWithFingerprint Debug:', {
+        console.log('SignUpWithFingerprint on [redirect] DEBUG:', {
             fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
             fingerprintId: fingerprintId || 'Not generated',
             xUser: xUser ? 'Initialized' : 'Not initialized',
             clerkMetadata: unsafeMetadata
         });
-        if (xUser && fingerprintId) {
-            console.log('User signed up with existing anonymous data:', {
-                userId: xUser.userId,
-                fingerprintId,
-            });
-            // TODO: 实现数据迁移逻辑
-        }
     }, [xUser, fingerprintId, fingerprintContext, unsafeMetadata]);
     return jsxRuntime.jsx(nextjs.SignUp, { unsafeMetadata: unsafeMetadata });
 }

package/dist/clerk/signup-with-fingerprint-client.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
 import { jsx } from 'react/jsx-runtime';
 import { SignUp } from '@clerk/nextjs';
 import { useEffect } from 'react';
@@ -16,8 +16,8 @@ function SignUpWithFingerprint() {
     const { fingerprintId = null, xUser = null, isInitialized = false, initializeAnonymousUser = () => __awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
     // 准备传递给Clerk的metadata，包含匿名用户信息
     const unsafeMetadata = {
-        user_id: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || null, // 数据库中的user_id
-        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+        user_id: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || null,
+        fingerprint_id: fingerprintId || null,
     };
     // 确保匿名用户已初始化
     useEffect(() => {
@@ -27,19 +27,12 @@ function SignUpWithFingerprint() {
     }, [fingerprintId, isInitialized, initializeAnonymousUser]);
     // 调试日志和处理注册逻辑
     useEffect(() => {
-        console.log('SignUpWithFingerprint Debug:', {
+        console.log('SignUpWithFingerprint on [redirect] DEBUG:', {
             fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
             fingerprintId: fingerprintId || 'Not generated',
             xUser: xUser ? 'Initialized' : 'Not initialized',
             clerkMetadata: unsafeMetadata
         });
-        if (xUser && fingerprintId) {
-            console.log('User signed up with existing anonymous data:', {
-                userId: xUser.userId,
-                fingerprintId,
-            });
-            // TODO: 实现数据迁移逻辑
-        }
     }, [xUser, fingerprintId, fingerprintContext, unsafeMetadata]);
     return jsx(SignUp, { unsafeMetadata: unsafeMetadata });
 }

package/dist/fuma/base/custom-header.d.ts

@@ -0,0 +1,38 @@
+import { type CSSProperties } from 'react';
+import { HomeLayoutProps } from 'fumadocs-ui/layouts/home';
+export type NavbarCSSVars = CSSProperties & {
+    '--fd-banner-height'?: string;
+    '--fd-nav-height'?: string;
+    '--fd-nav-max-width'?: string;
+};
+export interface CustomHomeHeaderProps extends HomeLayoutProps {
+    /**
+     * Banner height in rem units
+     *
+     * @defaultValue 0
+     */
+    bannerHeight?: number;
+    /**
+     * Header height in rem units
+     *
+     * @defaultValue 4
+     */
+    headerHeight?: number;
+    /**
+     * Max width for the navbar content area.
+     *
+     * @defaultValue 1400
+     */
+    maxContentWidth?: number | string;
+    /**
+     * Extra classes for the navbar surface.
+     */
+    navbarClassName?: string;
+    /**
+     * Whether the navbar floats above the page content.
+     *
+     * @defaultValue true
+     */
+    floating?: boolean;
+}
+export declare function CustomHomeHeader({ nav, i18n, links, githubUrl, themeSwitch, searchToggle, bannerHeight, headerHeight, maxContentWidth, navbarClassName, floating, }: CustomHomeHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/base/custom-header.js

@@ -0,0 +1,163 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js');
+var Link = require('fumadocs-core/link');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var shared = require('fumadocs-ui/layouts/shared');
+var cn = require('fumadocs-ui/utils/cn');
+var searchToggle = require('fumadocs-ui/components/layout/search-toggle');
+var themeToggle = require('fumadocs-ui/components/layout/theme-toggle');
+var languageToggle = require('fumadocs-ui/components/layout/language-toggle');
+var navigationMenu = require('fumadocs-ui/components/ui/navigation-menu');
+var popover = require('fumadocs-ui/components/ui/popover');
+var button = require('fumadocs-ui/components/ui/button');
+var layout = require('fumadocs-ui/contexts/layout');
+var i18n = require('fumadocs-ui/contexts/i18n');
+
+function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle: searchToggle$1 = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const finalLinks = React.useMemo(() => shared.getLinks(links, githubUrl), [links, githubUrl]);
+    const navItems = finalLinks.filter((item) => { var _a; return ['nav', 'all'].includes((_a = item.on) !== null && _a !== void 0 ? _a : 'all'); });
+    const menuItems = finalLinks.filter((item) => { var _a; return ['menu', 'all'].includes((_a = item.on) !== null && _a !== void 0 ? _a : 'all'); });
+    const mobilePinnedItems = navItems.filter((item) => isSecondary(item) && isMobilePinned(item));
+    const filteredMenuItems = menuItems.filter((item) => !isMobilePinned(item));
+    return (jsxRuntime.jsxs(CustomNavbar, { bannerHeight: bannerHeight, headerHeight: headerHeight, maxContentWidth: maxContentWidth, className: navbarClassName, floating: floating, children: [jsxRuntime.jsx(Link, { href: (_a = nav.url) !== null && _a !== void 0 ? _a : '/', className: "inline-flex items-center gap-2.5 font-semibold", children: nav.title }), nav.children, jsxRuntime.jsx("ul", { className: "flex flex-row items-center gap-2 px-6 max-sm:hidden", children: navItems
+                    .filter((item) => !isSecondary(item))
+                    .map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: "text-sm" }, i))) }), jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden", children: [searchToggle$1.enabled !== false &&
+                        ((_c = (_b = searchToggle$1.components) === null || _b === void 0 ? void 0 : _b.lg) !== null && _c !== void 0 ? _c : (jsxRuntime.jsx(searchToggle.LargeSearchToggle, { className: "w-full rounded-full ps-2.5 max-w-[240px]", hideIfDisabled: true }))), themeSwitch.enabled !== false &&
+                        ((_d = themeSwitch.component) !== null && _d !== void 0 ? _d : jsxRuntime.jsx(themeToggle.ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })), i18n && (jsxRuntime.jsx(CompactLanguageToggle, { children: jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }) })), jsxRuntime.jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: navItems.filter(isSecondary).map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: cn.cn(item.type === 'icon' && [
+                                '-mx-1',
+                                i === 0 && 'ms-0',
+                                i === navItems.length - 1 && 'me-0',
+                            ]) }, i))) })] }), jsxRuntime.jsxs("ul", { className: "flex flex-row items-center ms-auto -me-1.5 lg:hidden", children: [mobilePinnedItems.map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: "max-sm:-mr-1" }, `mobile-pinned-${i}`))), searchToggle$1.enabled !== false &&
+                        ((_f = (_e = searchToggle$1.components) === null || _e === void 0 ? void 0 : _e.sm) !== null && _f !== void 0 ? _f : (jsxRuntime.jsx(searchToggle.SearchToggle, { className: "p-2", hideIfDisabled: true }))), jsxRuntime.jsxs(Menu, { children: [jsxRuntime.jsx(MenuTrigger, { "aria-label": "Toggle Menu", className: cn.cn(button.buttonVariants({
+                                    size: 'icon',
+                                    color: 'ghost',
+                                    className: 'group [&_svg]:size-5.5',
+                                })), enableHover: nav.enableHoverToOpen, children: jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "transition-transform duration-300 group-data-[state=open]:rotate-180" }) }), jsxRuntime.jsxs(MenuContent, { className: "sm:flex-row sm:items-center sm:justify-end", children: [filteredMenuItems
+                                        .filter((item) => !isSecondary(item))
+                                        .map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "sm:hidden" }, i))), jsxRuntime.jsxs("div", { className: "-ms-1.5 flex flex-row items-center gap-1.5 max-sm:mt-2", children: [filteredMenuItems.filter(isSecondary).map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))), jsxRuntime.jsx("div", { role: "separator", className: "flex-1" }), i18n ? (jsxRuntime.jsxs(CompactLanguageToggle, { children: [jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }), jsxRuntime.jsx(languageToggle.LanguageToggleText, {}), jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })) : null, themeSwitch.enabled !== false &&
+                                                ((_g = themeSwitch.component) !== null && _g !== void 0 ? _g : (jsxRuntime.jsx(themeToggle.ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })))] })] })] })] })] }));
+}
+function CustomNavbar(_a) {
+    var { bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, className, style, floating = false } = _a, props = tslib_es6.__rest(_a, ["bannerHeight", "headerHeight", "maxContentWidth", "className", "style", "floating"]);
+    const [value, setValue] = React.useState('');
+    const { isTransparent } = layout.useNav();
+    const cssVars = Object.assign({ '--fd-banner-height': `${bannerHeight}rem`, '--fd-nav-height': `${headerHeight}rem` }, (maxContentWidth
+        ? {
+            '--fd-nav-max-width': typeof maxContentWidth === 'number'
+                ? `${maxContentWidth}px`
+                : maxContentWidth,
+        }
+        : {}));
+    const resolvedMaxWidth = maxContentWidth && maxContentWidth !== 0
+        ? typeof maxContentWidth === 'number'
+            ? `${maxContentWidth}px`
+            : maxContentWidth
+        : '88rem';
+    const minNavWidth = '15rem';
+    const floatingWidth = `clamp(${minNavWidth}, 100vw, ${resolvedMaxWidth})`;
+    const widthStyle = floating
+        ? { width: floatingWidth }
+        : { width: '100%', maxWidth: resolvedMaxWidth, minWidth: minNavWidth };
+    const headerStyle = Object.assign(Object.assign(Object.assign({}, cssVars), widthStyle), style);
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenu, { value: value, onValueChange: setValue, asChild: true, children: jsxRuntime.jsxs("header", Object.assign({}, props, { style: headerStyle, className: cn.cn('rounded-2xl border px-4 py-1 transition-[background-color,box-shadow,transform] duration-300 backdrop-blur-xl shadow-lg shadow-black/5', floating
+                ? 'fixed left-1/2 top-[--fd-banner-height] z-1001 -translate-x-1/2'
+                : 'relative mx-auto w-full', isTransparent
+                ? 'border-transparent bg-transparent shadow-transparent'
+                : 'border border-fd-border/60 bg-white/85 dark:border-white/20 dark:bg-neutral-900/75', value.length > 0 &&
+                'max-lg:rounded-b-3xl border-fd-border/60 bg-white dark:border-white/20 dark:bg-neutral-900', className), children: [jsxRuntime.jsx(navigationMenu.NavigationMenuList, { className: "flex w-full items-center gap-4 px-1", style: { height: 'var(--fd-nav-height)' }, asChild: true, children: jsxRuntime.jsx("nav", { children: props.children }) }), jsxRuntime.jsx(navigationMenu.NavigationMenuViewport, {})] })) }));
+}
+const navItemVariants = index.cva('[&_svg]:size-4', {
+    variants: {
+        variant: {
+            main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary',
+            button: button.buttonVariants({
+                color: 'secondary',
+                className: 'gap-1.5',
+            }),
+            icon: button.buttonVariants({
+                color: 'ghost',
+                size: 'icon',
+            }),
+        },
+    },
+    defaultVariants: {
+        variant: 'main',
+    },
+});
+function NavbarLinkItem(_a) {
+    var { item } = _a, props = tslib_es6.__rest(_a, ["item"]);
+    if (item.type === 'custom')
+        return jsxRuntime.jsx("div", Object.assign({}, props, { children: item.children }));
+    if (item.type === 'menu') {
+        const children = item.items.map((child, j) => {
+            var _a, _b;
+            if (child.type === 'custom') {
+                return jsxRuntime.jsx(React.Fragment, { children: child.children }, j);
+            }
+            const _c = (_a = child.menu) !== null && _a !== void 0 ? _a : {}, { banner = child.icon ? (jsxRuntime.jsx("div", { className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4", children: child.icon })) : null } = _c, rest = tslib_es6.__rest(_c, ["banner"]);
+            return (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(Link, Object.assign({ href: child.url, external: child.external }, rest, { className: cn.cn('flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground', rest.className), children: (_b = rest.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [banner, jsxRuntime.jsx("p", { className: "text-[15px] font-medium", children: child.text }), jsxRuntime.jsx("p", { className: "text-sm text-fd-muted-foreground empty:hidden", children: child.description })] })) })) }, `${j}-${child.url}`));
+        });
+        return (jsxRuntime.jsxs(navigationMenu.NavigationMenuItem, { children: [jsxRuntime.jsx(navigationMenu.NavigationMenuTrigger, Object.assign({}, props, { className: cn.cn(navItemVariants(), 'rounded-md', props.className), children: item.url ? (jsxRuntime.jsx(Link, { href: item.url, external: item.external, children: item.text })) : (item.text) })), jsxRuntime.jsx(navigationMenu.NavigationMenuContent, { className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", children: children })] }));
+    }
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuItem, { children: jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(shared.BaseLinkItem, Object.assign({ item: item, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: cn.cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
+}
+const Menu = navigationMenu.NavigationMenuItem;
+function MenuLinkItem(_a) {
+    var _b;
+    var { item } = _a, props = tslib_es6.__rest(_a, ["item"]);
+    if (item.type === 'custom')
+        return jsxRuntime.jsx("div", { className: cn.cn('grid', props.className), children: item.children });
+    if (item.type === 'menu') {
+        const header = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon, item.text] }));
+        return (jsxRuntime.jsxs("div", { className: cn.cn('mb-4 flex flex-col', props.className), children: [jsxRuntime.jsx("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(Link, { href: item.url, external: item.external, children: header }) })) : (header) }), item.items.map((child, i) => (jsxRuntime.jsx(MenuLinkItem, { item: child }, i)))] }));
+    }
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsxs(shared.BaseLinkItem, { item: item, className: cn.cn({
+                main: 'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',
+                icon: button.buttonVariants({
+                    size: 'icon',
+                    color: 'ghost',
+                }),
+                button: button.buttonVariants({
+                    color: 'secondary',
+                    className: 'gap-1.5 [&_svg]:size-4',
+                }),
+            }[(_b = item.type) !== null && _b !== void 0 ? _b : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
+}
+function MenuTrigger(_a) {
+    var { enableHover = false } = _a, props = tslib_es6.__rest(_a, ["enableHover"]);
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuTrigger, Object.assign({}, props, { onPointerMove: enableHover ? undefined : (e) => e.preventDefault(), children: props.children })));
+}
+function MenuContent(props) {
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuContent, Object.assign({}, props, { className: cn.cn('flex flex-col p-4 w-full max-w-full min-w-0', props.className), style: Object.assign({ minWidth: 0, width: '100%', maxWidth: '100%' }, props.style), children: props.children })));
+}
+function CompactLanguageToggle(_a) {
+    var { contentClassName } = _a, props = tslib_es6.__rest(_a, ["contentClassName"]);
+    const context = i18n.useI18n();
+    if (!context.locales)
+        throw new Error('Missing `<I18nProvider />`');
+    return (jsxRuntime.jsxs(popover.Popover, { children: [jsxRuntime.jsx(popover.PopoverTrigger, Object.assign({ "aria-label": context.text.chooseLanguage }, props, { className: cn.cn(button.buttonVariants({
+                    color: 'ghost',
+                    className: 'gap-1.5 py-1.5 pl-2 pr-0.5',
+                }), props.className), children: props.children })), jsxRuntime.jsxs(popover.PopoverContent, { className: cn.cn('flex min-w-[150px] z-1001 flex-col overflow-x-hidden rounded-xl border bg-fd-popover/60 p-0 text-fd-popover-foreground backdrop-blur-lg', contentClassName), children: [jsxRuntime.jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (jsxRuntime.jsx("button", { type: "button", className: cn.cn('p-2 text-start text-sm', item.locale === context.locale
+                            ? 'bg-fd-primary/10 font-medium text-fd-primary'
+                            : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
+                            var _a;
+                            (_a = context.onChange) === null || _a === void 0 ? void 0 : _a.call(context, item.locale);
+                        }, children: item.name }, item.locale)))] })] }));
+}
+function isSecondary(item) {
+    if ('secondary' in item && item.secondary != null)
+        return item.secondary;
+    return item.type === 'icon';
+}
+function isMobilePinned(item) {
+    return Boolean(item.mobilePinned);
+}
+
+exports.CustomHomeHeader = CustomHomeHeader;

package/dist/fuma/base/custom-header.mjs

@@ -0,0 +1,161 @@
+"use client";
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useMemo, useState, Fragment } from 'react';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs';
+import Link from 'fumadocs-core/link';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { getLinks, BaseLinkItem } from 'fumadocs-ui/layouts/shared';
+import { cn } from 'fumadocs-ui/utils/cn';
+import { LargeSearchToggle, SearchToggle } from 'fumadocs-ui/components/layout/search-toggle';
+import { ThemeToggle } from 'fumadocs-ui/components/layout/theme-toggle';
+import { LanguageToggleText } from 'fumadocs-ui/components/layout/language-toggle';
+import { NavigationMenuItem, NavigationMenu, NavigationMenuList, NavigationMenuViewport, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent } from 'fumadocs-ui/components/ui/navigation-menu';
+import { Popover, PopoverTrigger, PopoverContent } from 'fumadocs-ui/components/ui/popover';
+import { buttonVariants } from 'fumadocs-ui/components/ui/button';
+import { useNav } from 'fumadocs-ui/contexts/layout';
+import { useI18n } from 'fumadocs-ui/contexts/i18n';
+
+function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const finalLinks = useMemo(() => getLinks(links, githubUrl), [links, githubUrl]);
+    const navItems = finalLinks.filter((item) => { var _a; return ['nav', 'all'].includes((_a = item.on) !== null && _a !== void 0 ? _a : 'all'); });
+    const menuItems = finalLinks.filter((item) => { var _a; return ['menu', 'all'].includes((_a = item.on) !== null && _a !== void 0 ? _a : 'all'); });
+    const mobilePinnedItems = navItems.filter((item) => isSecondary(item) && isMobilePinned(item));
+    const filteredMenuItems = menuItems.filter((item) => !isMobilePinned(item));
+    return (jsxs(CustomNavbar, { bannerHeight: bannerHeight, headerHeight: headerHeight, maxContentWidth: maxContentWidth, className: navbarClassName, floating: floating, children: [jsx(Link, { href: (_a = nav.url) !== null && _a !== void 0 ? _a : '/', className: "inline-flex items-center gap-2.5 font-semibold", children: nav.title }), nav.children, jsx("ul", { className: "flex flex-row items-center gap-2 px-6 max-sm:hidden", children: navItems
+                    .filter((item) => !isSecondary(item))
+                    .map((item, i) => (jsx(NavbarLinkItem, { item: item, className: "text-sm" }, i))) }), jsxs("div", { className: "flex flex-row items-center justify-end gap-1.5 flex-1 max-lg:hidden", children: [searchToggle.enabled !== false &&
+                        ((_c = (_b = searchToggle.components) === null || _b === void 0 ? void 0 : _b.lg) !== null && _c !== void 0 ? _c : (jsx(LargeSearchToggle, { className: "w-full rounded-full ps-2.5 max-w-[240px]", hideIfDisabled: true }))), themeSwitch.enabled !== false &&
+                        ((_d = themeSwitch.component) !== null && _d !== void 0 ? _d : jsx(ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })), i18n && (jsx(CompactLanguageToggle, { children: jsx(globalLucideIcons.Languages, { className: "size-5" }) })), jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: navItems.filter(isSecondary).map((item, i) => (jsx(NavbarLinkItem, { item: item, className: cn(item.type === 'icon' && [
+                                '-mx-1',
+                                i === 0 && 'ms-0',
+                                i === navItems.length - 1 && 'me-0',
+                            ]) }, i))) })] }), jsxs("ul", { className: "flex flex-row items-center ms-auto -me-1.5 lg:hidden", children: [mobilePinnedItems.map((item, i) => (jsx(NavbarLinkItem, { item: item, className: "max-sm:-mr-1" }, `mobile-pinned-${i}`))), searchToggle.enabled !== false &&
+                        ((_f = (_e = searchToggle.components) === null || _e === void 0 ? void 0 : _e.sm) !== null && _f !== void 0 ? _f : (jsx(SearchToggle, { className: "p-2", hideIfDisabled: true }))), jsxs(Menu, { children: [jsx(MenuTrigger, { "aria-label": "Toggle Menu", className: cn(buttonVariants({
+                                    size: 'icon',
+                                    color: 'ghost',
+                                    className: 'group [&_svg]:size-5.5',
+                                })), enableHover: nav.enableHoverToOpen, children: jsx(globalLucideIcons.ChevronDown, { className: "transition-transform duration-300 group-data-[state=open]:rotate-180" }) }), jsxs(MenuContent, { className: "sm:flex-row sm:items-center sm:justify-end", children: [filteredMenuItems
+                                        .filter((item) => !isSecondary(item))
+                                        .map((item, i) => (jsx(MenuLinkItem, { item: item, className: "sm:hidden" }, i))), jsxs("div", { className: "-ms-1.5 flex flex-row items-center gap-1.5 max-sm:mt-2", children: [filteredMenuItems.filter(isSecondary).map((item, i) => (jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))), jsx("div", { role: "separator", className: "flex-1" }), i18n ? (jsxs(CompactLanguageToggle, { children: [jsx(globalLucideIcons.Languages, { className: "size-5" }), jsx(LanguageToggleText, {}), jsx(globalLucideIcons.ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })) : null, themeSwitch.enabled !== false &&
+                                                ((_g = themeSwitch.component) !== null && _g !== void 0 ? _g : (jsx(ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })))] })] })] })] })] }));
+}
+function CustomNavbar(_a) {
+    var { bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, className, style, floating = false } = _a, props = __rest(_a, ["bannerHeight", "headerHeight", "maxContentWidth", "className", "style", "floating"]);
+    const [value, setValue] = useState('');
+    const { isTransparent } = useNav();
+    const cssVars = Object.assign({ '--fd-banner-height': `${bannerHeight}rem`, '--fd-nav-height': `${headerHeight}rem` }, (maxContentWidth
+        ? {
+            '--fd-nav-max-width': typeof maxContentWidth === 'number'
+                ? `${maxContentWidth}px`
+                : maxContentWidth,
+        }
+        : {}));
+    const resolvedMaxWidth = maxContentWidth && maxContentWidth !== 0
+        ? typeof maxContentWidth === 'number'
+            ? `${maxContentWidth}px`
+            : maxContentWidth
+        : '88rem';
+    const minNavWidth = '15rem';
+    const floatingWidth = `clamp(${minNavWidth}, 100vw, ${resolvedMaxWidth})`;
+    const widthStyle = floating
+        ? { width: floatingWidth }
+        : { width: '100%', maxWidth: resolvedMaxWidth, minWidth: minNavWidth };
+    const headerStyle = Object.assign(Object.assign(Object.assign({}, cssVars), widthStyle), style);
+    return (jsx(NavigationMenu, { value: value, onValueChange: setValue, asChild: true, children: jsxs("header", Object.assign({}, props, { style: headerStyle, className: cn('rounded-2xl border px-4 py-1 transition-[background-color,box-shadow,transform] duration-300 backdrop-blur-xl shadow-lg shadow-black/5', floating
+                ? 'fixed left-1/2 top-[--fd-banner-height] z-1001 -translate-x-1/2'
+                : 'relative mx-auto w-full', isTransparent
+                ? 'border-transparent bg-transparent shadow-transparent'
+                : 'border border-fd-border/60 bg-white/85 dark:border-white/20 dark:bg-neutral-900/75', value.length > 0 &&
+                'max-lg:rounded-b-3xl border-fd-border/60 bg-white dark:border-white/20 dark:bg-neutral-900', className), children: [jsx(NavigationMenuList, { className: "flex w-full items-center gap-4 px-1", style: { height: 'var(--fd-nav-height)' }, asChild: true, children: jsx("nav", { children: props.children }) }), jsx(NavigationMenuViewport, {})] })) }));
+}
+const navItemVariants = cva('[&_svg]:size-4', {
+    variants: {
+        variant: {
+            main: 'inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary',
+            button: buttonVariants({
+                color: 'secondary',
+                className: 'gap-1.5',
+            }),
+            icon: buttonVariants({
+                color: 'ghost',
+                size: 'icon',
+            }),
+        },
+    },
+    defaultVariants: {
+        variant: 'main',
+    },
+});
+function NavbarLinkItem(_a) {
+    var { item } = _a, props = __rest(_a, ["item"]);
+    if (item.type === 'custom')
+        return jsx("div", Object.assign({}, props, { children: item.children }));
+    if (item.type === 'menu') {
+        const children = item.items.map((child, j) => {
+            var _a, _b;
+            if (child.type === 'custom') {
+                return jsx(Fragment, { children: child.children }, j);
+            }
+            const _c = (_a = child.menu) !== null && _a !== void 0 ? _a : {}, { banner = child.icon ? (jsx("div", { className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4", children: child.icon })) : null } = _c, rest = __rest(_c, ["banner"]);
+            return (jsx(NavigationMenuLink, { asChild: true, children: jsx(Link, Object.assign({ href: child.url, external: child.external }, rest, { className: cn('flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground', rest.className), children: (_b = rest.children) !== null && _b !== void 0 ? _b : (jsxs(Fragment$1, { children: [banner, jsx("p", { className: "text-[15px] font-medium", children: child.text }), jsx("p", { className: "text-sm text-fd-muted-foreground empty:hidden", children: child.description })] })) })) }, `${j}-${child.url}`));
+        });
+        return (jsxs(NavigationMenuItem, { children: [jsx(NavigationMenuTrigger, Object.assign({}, props, { className: cn(navItemVariants(), 'rounded-md', props.className), children: item.url ? (jsx(Link, { href: item.url, external: item.external, children: item.text })) : (item.text) })), jsx(NavigationMenuContent, { className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", children: children })] }));
+    }
+    return (jsx(NavigationMenuItem, { children: jsx(NavigationMenuLink, { asChild: true, children: jsx(BaseLinkItem, Object.assign({ item: item, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
+}
+const Menu = NavigationMenuItem;
+function MenuLinkItem(_a) {
+    var _b;
+    var { item } = _a, props = __rest(_a, ["item"]);
+    if (item.type === 'custom')
+        return jsx("div", { className: cn('grid', props.className), children: item.children });
+    if (item.type === 'menu') {
+        const header = (jsxs(Fragment$1, { children: [item.icon, item.text] }));
+        return (jsxs("div", { className: cn('mb-4 flex flex-col', props.className), children: [jsx("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? (jsx(NavigationMenuLink, { asChild: true, children: jsx(Link, { href: item.url, external: item.external, children: header }) })) : (header) }), item.items.map((child, i) => (jsx(MenuLinkItem, { item: child }, i)))] }));
+    }
+    return (jsx(NavigationMenuLink, { asChild: true, children: jsxs(BaseLinkItem, { item: item, className: cn({
+                main: 'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',
+                icon: buttonVariants({
+                    size: 'icon',
+                    color: 'ghost',
+                }),
+                button: buttonVariants({
+                    color: 'secondary',
+                    className: 'gap-1.5 [&_svg]:size-4',
+                }),
+            }[(_b = item.type) !== null && _b !== void 0 ? _b : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
+}
+function MenuTrigger(_a) {
+    var { enableHover = false } = _a, props = __rest(_a, ["enableHover"]);
+    return (jsx(NavigationMenuTrigger, Object.assign({}, props, { onPointerMove: enableHover ? undefined : (e) => e.preventDefault(), children: props.children })));
+}
+function MenuContent(props) {
+    return (jsx(NavigationMenuContent, Object.assign({}, props, { className: cn('flex flex-col p-4 w-full max-w-full min-w-0', props.className), style: Object.assign({ minWidth: 0, width: '100%', maxWidth: '100%' }, props.style), children: props.children })));
+}
+function CompactLanguageToggle(_a) {
+    var { contentClassName } = _a, props = __rest(_a, ["contentClassName"]);
+    const context = useI18n();
+    if (!context.locales)
+        throw new Error('Missing `<I18nProvider />`');
+    return (jsxs(Popover, { children: [jsx(PopoverTrigger, Object.assign({ "aria-label": context.text.chooseLanguage }, props, { className: cn(buttonVariants({
+                    color: 'ghost',
+                    className: 'gap-1.5 py-1.5 pl-2 pr-0.5',
+                }), props.className), children: props.children })), jsxs(PopoverContent, { className: cn('flex min-w-[150px] z-1001 flex-col overflow-x-hidden rounded-xl border bg-fd-popover/60 p-0 text-fd-popover-foreground backdrop-blur-lg', contentClassName), children: [jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
+                            ? 'bg-fd-primary/10 font-medium text-fd-primary'
+                            : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
+                            var _a;
+                            (_a = context.onChange) === null || _a === void 0 ? void 0 : _a.call(context, item.locale);
+                        }, children: item.name }, item.locale)))] })] }));
+}
+function isSecondary(item) {
+    if ('secondary' in item && item.secondary != null)
+        return item.secondary;
+    return item.type === 'icon';
+}
+function isMobilePinned(item) {
+    return Boolean(item.mobilePinned);
+}
+
+export { CustomHomeHeader };

package/dist/fuma/base/custom-home-layout.d.ts

@@ -0,0 +1,68 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
+export interface CustomHomeLayoutProps {
+    locale: string;
+    options: HomeLayoutProps;
+    /**
+     * Toggle the banner rendered above the navbar.
+     *
+     * @defaultValue false
+     */
+    showBanner?: boolean;
+    /**
+     * Override banner height in rem.
+     * Defaults to `3` when banner is shown, otherwise `0.5`.
+     */
+    bannerHeight?: number;
+    /**
+     * Header height in rem units.
+     *
+     * @defaultValue 2.5
+     */
+    headerHeight?: number;
+    /**
+     * Extra padding (in rem) applied on top of the main content after banner height.
+     * Defaults to `0` when banner is shown, otherwise `0.5`.
+     */
+    headerPaddingTop?: number;
+    /**
+     * Extra classes for the navbar surface.
+     */
+    navbarClassName?: string;
+    /**
+     * Whether the header floats independently of the page flow.
+     *
+     * @defaultValue false
+     */
+    floatingNav?: boolean;
+    /**
+     * Custom banner component. Pass `null` to render nothing.
+     */
+    banner?: ReactNode;
+    /**
+     * Custom footer component.
+     */
+    footer?: ReactNode;
+    /**
+     * Custom GoToTop component.
+     */
+    goToTop?: ReactNode;
+    /**
+     * Toggle Footer visibility.
+     *
+     * @defaultValue true
+     */
+    showFooter?: boolean;
+    /**
+     * Toggle GoToTop visibility.
+     *
+     * @defaultValue true
+     */
+    showGoToTop?: boolean;
+    /**
+     * Additional styles merged on top of the computed layout style.
+     */
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function CustomHomeLayout({ locale, options, children, showBanner, bannerHeight, headerHeight, headerPaddingTop, navbarClassName, banner, footer, goToTop, showFooter, showGoToTop, style, floatingNav, }: CustomHomeLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/base/custom-home-layout.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var home = require('fumadocs-ui/layouts/home');
+require('fumadocs-ui/page');
+require('react');
+require('@windrun-huaiin/base-ui/components/server');
+require('next-themes');
+require('fumadocs-core/framework');
+require('@windrun-huaiin/lib/utils');
+require('next/link');
+require('@windrun-huaiin/base-ui/ui');
+require('next/navigation');
+require('next-intl');
+require('fumadocs-ui/utils/use-copy-button');
+require('fumadocs-core/link');
+require('fumadocs-ui/components/ui/collapsible');
+require('../mdx/banner.js');
+require('next-intl/server');
+require('node:fs');
+require('node:path');
+require('@windrun-huaiin/lib/llm-utils');
+var fumaBannerSuit = require('../fuma-banner-suit.js');
+var goToTop = require('../../main/go-to-top.js');
+require('../../main/nprogress-bar.js');
+require('next/image');
+require('../../main/rich-text-expert.js');
+require('@clerk/nextjs');
+require('../../main/money-price/money-price-types.js');
+require('../../main/credit/credit-nav-button.js');
+require('../../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.js');
+var footer = require('../../main/footer.js');
+var customHeader = require('./custom-header.js');
+
+function CustomHomeLayout({ locale, options, children, showBanner = false, bannerHeight, headerHeight = 2.5, headerPaddingTop, navbarClassName, banner, footer: footer$1, goToTop: goToTop$1, showFooter = true, showGoToTop = true, style, floatingNav = false, }) {
+    const resolvedBannerHeight = bannerHeight !== null && bannerHeight !== void 0 ? bannerHeight : (showBanner ? 3 : 0.5);
+    const resolvedPaddingTop = headerPaddingTop !== null && headerPaddingTop !== void 0 ? headerPaddingTop : (showBanner ? 0 : 0.5);
+    const layoutStyle = Object.assign({ '--fd-banner-height': `${resolvedBannerHeight}rem`, '--fd-nav-height': `${headerHeight}rem`, paddingTop: floatingNav
+            ? `calc(var(--fd-banner-height) + ${resolvedPaddingTop}rem)`
+            : `${resolvedPaddingTop}rem` }, style);
+    const { nav } = options, homeLayoutProps = tslib_es6.__rest(options, ["nav"]);
+    const navOptions = nav !== null && nav !== void 0 ? nav : {};
+    const header = (jsxRuntime.jsx(customHeader.CustomHomeHeader, Object.assign({}, homeLayoutProps, { nav: navOptions, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav })));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [banner !== null && banner !== void 0 ? banner : (jsxRuntime.jsx(fumaBannerSuit.FumaBannerSuit, { locale: locale, showBanner: showBanner, floating: floatingNav })), jsxRuntime.jsxs(home.HomeLayout, Object.assign({}, homeLayoutProps, { nav: Object.assign(Object.assign({}, navOptions), { component: header }), className: 'bg-neutral-100 dark:bg-neutral-900', style: layoutStyle, children: [children, showFooter ? footer$1 !== null && footer$1 !== void 0 ? footer$1 : jsxRuntime.jsx(footer.Footer, { locale: locale }) : null, showGoToTop ? goToTop$1 !== null && goToTop$1 !== void 0 ? goToTop$1 : jsxRuntime.jsx(goToTop.GoToTop, {}) : null] }))] }));
+}
+
+exports.CustomHomeLayout = CustomHomeLayout;

package/dist/fuma/base/custom-home-layout.mjs

@@ -0,0 +1,46 @@
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import 'fumadocs-ui/page';
+import 'react';
+import '@windrun-huaiin/base-ui/components/server';
+import 'next-themes';
+import 'fumadocs-core/framework';
+import '@windrun-huaiin/lib/utils';
+import 'next/link';
+import '@windrun-huaiin/base-ui/ui';
+import 'next/navigation';
+import 'next-intl';
+import 'fumadocs-ui/utils/use-copy-button';
+import 'fumadocs-core/link';
+import 'fumadocs-ui/components/ui/collapsible';
+import '../mdx/banner.mjs';
+import 'next-intl/server';
+import 'node:fs';
+import 'node:path';
+import '@windrun-huaiin/lib/llm-utils';
+import { FumaBannerSuit } from '../fuma-banner-suit.mjs';
+import { GoToTop } from '../../main/go-to-top.mjs';
+import '../../main/nprogress-bar.mjs';
+import 'next/image';
+import '../../main/rich-text-expert.mjs';
+import '@clerk/nextjs';
+import '../../main/money-price/money-price-types.mjs';
+import '../../main/credit/credit-nav-button.mjs';
+import '../../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.mjs';
+import { Footer } from '../../main/footer.mjs';
+import { CustomHomeHeader } from './custom-header.mjs';
+
+function CustomHomeLayout({ locale, options, children, showBanner = false, bannerHeight, headerHeight = 2.5, headerPaddingTop, navbarClassName, banner, footer, goToTop, showFooter = true, showGoToTop = true, style, floatingNav = false, }) {
+    const resolvedBannerHeight = bannerHeight !== null && bannerHeight !== void 0 ? bannerHeight : (showBanner ? 3 : 0.5);
+    const resolvedPaddingTop = headerPaddingTop !== null && headerPaddingTop !== void 0 ? headerPaddingTop : (showBanner ? 0 : 0.5);
+    const layoutStyle = Object.assign({ '--fd-banner-height': `${resolvedBannerHeight}rem`, '--fd-nav-height': `${headerHeight}rem`, paddingTop: floatingNav
+            ? `calc(var(--fd-banner-height) + ${resolvedPaddingTop}rem)`
+            : `${resolvedPaddingTop}rem` }, style);
+    const { nav } = options, homeLayoutProps = __rest(options, ["nav"]);
+    const navOptions = nav !== null && nav !== void 0 ? nav : {};
+    const header = (jsx(CustomHomeHeader, Object.assign({}, homeLayoutProps, { nav: navOptions, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav })));
+    return (jsxs(Fragment, { children: [banner !== null && banner !== void 0 ? banner : (jsx(FumaBannerSuit, { locale: locale, showBanner: showBanner, floating: floatingNav })), jsxs(HomeLayout, Object.assign({}, homeLayoutProps, { nav: Object.assign(Object.assign({}, navOptions), { component: header }), className: 'bg-neutral-100 dark:bg-neutral-900', style: layoutStyle, children: [children, showFooter ? footer !== null && footer !== void 0 ? footer : jsx(Footer, { locale: locale }) : null, showGoToTop ? goToTop !== null && goToTop !== void 0 ? goToTop : jsx(GoToTop, {}) : null] }))] }));
+}
+
+export { CustomHomeLayout };

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

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