@windrun-huaiin/third-ui 31.1.0 → 31.2.0

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

@@ -1,12 +1,11 @@
 import { type CSSProperties } from 'react';
 import { HomeLayoutProps } from 'fumadocs-ui/layouts/home';
-import type { SiteThemeSwitchConfig } from './site-layout-shared';
 export type NavbarCSSVars = CSSProperties & {
     '--fd-banner-height'?: string;
     '--fd-header-height'?: string;
     '--fd-nav-max-width'?: string;
 };
-export interface CustomHomeHeaderProps extends Omit<HomeLayoutProps, 'themeSwitch'> {
+export interface CustomHomeHeaderProps extends HomeLayoutProps {
     /**
      * Banner height in rem units
      *
@@ -47,9 +46,8 @@ export interface CustomHomeHeaderProps extends Omit<HomeLayoutProps, 'themeSwitc
      * Control order of utilities inside the mobile dropdown.
      */
     mobileMenuActionsOrder?: MobileMenuAction[];
-    themeSwitch?: SiteThemeSwitchConfig;
 }
 export type DesktopAction = 'search' | 'theme' | 'i18n' | 'secondary' | 'github';
 export type MobileBarAction = 'pinned' | 'search' | 'menu';
 export type MobileMenuAction = 'secondary' | 'github' | 'separator' | 'i18n' | 'theme';
-export declare function CustomHomeHeader({ nav, i18n, links, githubUrl, themeSwitch, searchToggle, bannerHeight, headerHeight, maxContentWidth, navbarClassName, floating, desktopActionsOrder, mobileBarActionsOrder, mobileMenuActionsOrder, }: CustomHomeHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomHomeHeader({ nav, i18n, links, githubUrl, searchToggle, bannerHeight, headerHeight, maxContentWidth, navbarClassName, floating, desktopActionsOrder, mobileBarActionsOrder, mobileMenuActionsOrder, }: CustomHomeHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ var popover = require('fumadocs-ui/components/ui/popover');
 var button = require('fumadocs-ui/components/ui/button');
 var i18n = require('fumadocs-ui/contexts/i18n');
 var headerThemeSwitch = require('./header-theme-switch.js');
+var siteThemeContext = require('./site-theme-context.js');
 
 const PrefetchLinkItem = shared.LinkItem;
 const DEFAULT_DESKTOP_ACTIONS = [
@@ -34,8 +35,9 @@ const DEFAULT_MOBILE_MENU_ACTIONS = [
     'i18n',
     'theme',
 ];
-function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, desktopActionsOrder = DEFAULT_DESKTOP_ACTIONS, mobileBarActionsOrder = DEFAULT_MOBILE_BAR_ACTIONS, mobileMenuActionsOrder = DEFAULT_MOBILE_MENU_ACTIONS, }) {
+function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, searchToggle = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, desktopActionsOrder = DEFAULT_DESKTOP_ACTIONS, mobileBarActionsOrder = DEFAULT_MOBILE_BAR_ACTIONS, mobileMenuActionsOrder = DEFAULT_MOBILE_MENU_ACTIONS, }) {
     var _a, _b, _c, _d, _e;
+    const themeMode = siteThemeContext.useSiteThemeMode();
     const finalLinks = React.useMemo(() => shared.resolveLinkItems({ 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'); });
@@ -55,8 +57,8 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         search: searchToggle.enabled !== false
             ? (_b = (_a = searchToggle.components) === null || _a === void 0 ? void 0 : _a.lg) !== null && _b !== void 0 ? _b : null
             : null,
-        theme: shouldShowThemeSwitch(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode)
-            ? (jsxRuntime.jsx(headerThemeSwitch.HeaderThemeSwitch, { mode: normalizeThemeSwitchMode(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) }))
+        theme: shouldShowThemeSwitch(themeMode)
+            ? (jsxRuntime.jsx(headerThemeSwitch.HeaderThemeSwitch, { mode: normalizeThemeSwitchMode() }))
             : null,
         i18n: i18n ? (jsxRuntime.jsx(CompactLanguageToggle, { children: jsxRuntime.jsx(icons.LanguagesIcon, { className: "size-5" }) })) : null,
         secondary: desktopSecondaryDisplayItems.length ? (jsxRuntime.jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryDisplayItems.map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: utils.cn(item.type === 'icon' && [
@@ -78,8 +80,8 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         github: githubMobileMenuItem ? (jsxRuntime.jsx(MenuLinkItem, { item: githubMobileMenuItem, className: "-me-1.5" })) : null,
         separator: jsxRuntime.jsx("div", { role: "separator", className: "flex-1" }),
         i18n: i18n ? (jsxRuntime.jsxs(CompactLanguageToggle, { children: [jsxRuntime.jsx(icons.LanguagesIcon, { className: "size-5" }), jsxRuntime.jsx(languageSelect.LanguageSelectText, {}), jsxRuntime.jsx(icons.ChevronDownIcon, { className: "size-3 text-fd-muted-foreground" })] })) : null,
-        theme: shouldShowThemeSwitch(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode)
-            ? (jsxRuntime.jsx(headerThemeSwitch.HeaderThemeSwitch, { mode: normalizeThemeSwitchMode(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) }))
+        theme: shouldShowThemeSwitch(themeMode)
+            ? (jsxRuntime.jsx(headerThemeSwitch.HeaderThemeSwitch, { mode: normalizeThemeSwitchMode() }))
             : null,
     };
     const shouldRenderMobileUtilities = mobileMenuActionsOrder.some((action) => action !== 'separator' && Boolean(mobileMenuActionNodes[action]));
@@ -121,10 +123,10 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
                 }) })] }));
 }
 function shouldShowThemeSwitch(mode) {
-    return mode === 'light-dark' || mode === 'light-dark-system' || mode == null;
+    return mode === 'light-dark-system' || mode == null;
 }
 function normalizeThemeSwitchMode(mode) {
-    return mode === 'light-dark' ? 'light-dark' : 'light-dark-system';
+    return 'light-dark-system';
 }
 function CustomNavbar(_a) {
     var { bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, className, style, floating = false } = _a, props = tslib.__rest(_a, ["bannerHeight", "headerHeight", "maxContentWidth", "className", "style", "floating"]);

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

@@ -13,6 +13,7 @@ import { Popover, PopoverTrigger, PopoverContent } from 'fumadocs-ui/components/
 import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { useI18n } from 'fumadocs-ui/contexts/i18n';
 import { HeaderThemeSwitch } from './header-theme-switch.mjs';
+import { useSiteThemeMode } from './site-theme-context.mjs';
 
 const PrefetchLinkItem = LinkItem;
 const DEFAULT_DESKTOP_ACTIONS = [
@@ -32,8 +33,9 @@ const DEFAULT_MOBILE_MENU_ACTIONS = [
     'i18n',
     'theme',
 ];
-function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitch = {}, searchToggle = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, desktopActionsOrder = DEFAULT_DESKTOP_ACTIONS, mobileBarActionsOrder = DEFAULT_MOBILE_BAR_ACTIONS, mobileMenuActionsOrder = DEFAULT_MOBILE_MENU_ACTIONS, }) {
+function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, searchToggle = {}, bannerHeight = 0, headerHeight = 2.5, maxContentWidth = 1400, navbarClassName, floating = false, desktopActionsOrder = DEFAULT_DESKTOP_ACTIONS, mobileBarActionsOrder = DEFAULT_MOBILE_BAR_ACTIONS, mobileMenuActionsOrder = DEFAULT_MOBILE_MENU_ACTIONS, }) {
     var _a, _b, _c, _d, _e;
+    const themeMode = useSiteThemeMode();
     const finalLinks = useMemo(() => resolveLinkItems({ 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'); });
@@ -53,8 +55,8 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         search: searchToggle.enabled !== false
             ? (_b = (_a = searchToggle.components) === null || _a === void 0 ? void 0 : _a.lg) !== null && _b !== void 0 ? _b : null
             : null,
-        theme: shouldShowThemeSwitch(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode)
-            ? (jsx(HeaderThemeSwitch, { mode: normalizeThemeSwitchMode(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) }))
+        theme: shouldShowThemeSwitch(themeMode)
+            ? (jsx(HeaderThemeSwitch, { mode: normalizeThemeSwitchMode() }))
             : null,
         i18n: i18n ? (jsx(CompactLanguageToggle, { children: jsx(LanguagesIcon, { className: "size-5" }) })) : null,
         secondary: desktopSecondaryDisplayItems.length ? (jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryDisplayItems.map((item, i) => (jsx(NavbarLinkItem, { item: item, className: cn(item.type === 'icon' && [
@@ -76,8 +78,8 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
         github: githubMobileMenuItem ? (jsx(MenuLinkItem, { item: githubMobileMenuItem, className: "-me-1.5" })) : null,
         separator: jsx("div", { role: "separator", className: "flex-1" }),
         i18n: i18n ? (jsxs(CompactLanguageToggle, { children: [jsx(LanguagesIcon, { className: "size-5" }), jsx(LanguageSelectText, {}), jsx(ChevronDownIcon, { className: "size-3 text-fd-muted-foreground" })] })) : null,
-        theme: shouldShowThemeSwitch(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode)
-            ? (jsx(HeaderThemeSwitch, { mode: normalizeThemeSwitchMode(themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) }))
+        theme: shouldShowThemeSwitch(themeMode)
+            ? (jsx(HeaderThemeSwitch, { mode: normalizeThemeSwitchMode() }))
             : null,
     };
     const shouldRenderMobileUtilities = mobileMenuActionsOrder.some((action) => action !== 'separator' && Boolean(mobileMenuActionNodes[action]));
@@ -119,10 +121,10 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
                 }) })] }));
 }
 function shouldShowThemeSwitch(mode) {
-    return mode === 'light-dark' || mode === 'light-dark-system' || mode == null;
+    return mode === 'light-dark-system' || mode == null;
 }
 function normalizeThemeSwitchMode(mode) {
-    return mode === 'light-dark' ? 'light-dark' : 'light-dark-system';
+    return 'light-dark-system';
 }
 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"]);

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

@@ -1,7 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
 import { type DesktopAction, type MobileBarAction, type MobileMenuAction } from './custom-header';
-import type { SiteThemeSwitchConfig } from './site-layout-shared';
 export interface CustomHomeLayoutProps {
     locale: string;
     options: HomeLayoutProps;
@@ -77,10 +76,6 @@ export interface CustomHomeLayoutProps {
      * The default locale for the application (default: 'en')
      */
     defaultLocale?: string;
-    /**
-     * Theme mode for this layout group.
-     */
-    themeSwitch?: SiteThemeSwitchConfig;
     children?: ReactNode;
 }
 export interface HeaderActionOrders {
@@ -88,7 +83,7 @@ export interface HeaderActionOrders {
     mobileBar?: MobileBarAction[];
     mobileMenu?: MobileMenuAction[];
 }
-export declare function CustomHomeLayout({ locale, options, children, showBanner, bannerHeight, headerHeight, headerPaddingTop, navbarClassName, banner, footer, goToTop, showFooter, showGoToTop, style, floatingNav, actionOrders, localePrefixAsNeeded, defaultLocale, themeSwitch, }: CustomHomeLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomHomeLayout({ locale, options, children, showBanner, bannerHeight, headerHeight, headerPaddingTop, navbarClassName, banner, footer, goToTop, showFooter, showGoToTop, style, floatingNav, actionOrders, localePrefixAsNeeded, defaultLocale, }: CustomHomeLayoutProps): import("react/jsx-runtime").JSX.Element;
 export declare function HomeTitle({ children, className, }: {
     children: ReactNode;
     className?: string;

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

@@ -6,11 +6,9 @@ var home = require('fumadocs-ui/layouts/home');
 var fumaBannerSuit = require('../fuma-banner-suit.js');
 var footer = require('../../main/footer.js');
 var goToTop = require('../../main/go-to-top.js');
-var siteThemeProvider = require('./site-theme-provider.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, actionOrders, localePrefixAsNeeded = true, defaultLocale = 'en', themeSwitch, }) {
-    var _a;
+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, actionOrders, localePrefixAsNeeded = true, defaultLocale = 'en', }) {
     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-header-height': `${headerHeight}rem`, paddingTop: floatingNav
@@ -18,9 +16,8 @@ function CustomHomeLayout({ locale, options, children, showBanner = false, banne
             : `${resolvedPaddingTop}rem` }, style);
     const { nav } = options, homeLayoutProps = tslib.__rest(options, ["nav"]);
     const navOptions = nav !== null && nav !== void 0 ? nav : {};
-    const header = (jsxRuntime.jsx(customHeader.CustomHomeHeader, Object.assign({}, homeLayoutProps, { nav: navOptions, themeSwitch: themeSwitch, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav, desktopActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.desktop, mobileBarActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileBar, mobileMenuActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileMenu })));
-    const themeMode = (_a = themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) !== null && _a !== void 0 ? _a : 'light-dark-system';
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [banner !== null && banner !== void 0 ? banner : (jsxRuntime.jsx(fumaBannerSuit.FumaBannerSuit, { locale: locale, showBanner: showBanner, floating: floatingNav })), jsxRuntime.jsx(siteThemeProvider.SiteThemeProvider, { mode: themeMode, children: 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, localePrefixAsNeeded: localePrefixAsNeeded, defaultLocale: defaultLocale }) : null, showGoToTop ? goToTop$1 !== null && goToTop$1 !== void 0 ? goToTop$1 : jsxRuntime.jsx(goToTop.GoToTop, {}) : null] })) })] }));
+    const header = (jsxRuntime.jsx(customHeader.CustomHomeHeader, Object.assign({}, homeLayoutProps, { nav: navOptions, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav, desktopActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.desktop, mobileBarActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileBar, mobileMenuActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileMenu })));
+    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, localePrefixAsNeeded: localePrefixAsNeeded, defaultLocale: defaultLocale }) : null, showGoToTop ? goToTop$1 !== null && goToTop$1 !== void 0 ? goToTop$1 : jsxRuntime.jsx(goToTop.GoToTop, {}) : null] }))] }));
 }
 function HomeTitle({ children, className, }) {
     return (jsxRuntime.jsx("span", { className: `font-medium in-[.uwu]:hidden in-[header]:text-[clamp(12px,3vw,15px)]! ${className !== null && className !== void 0 ? className : ''}`, children: children }));

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

@@ -4,11 +4,9 @@ import { HomeLayout } from 'fumadocs-ui/layouts/home';
 import { FumaBannerSuit } from '../fuma-banner-suit.mjs';
 import { Footer } from '../../main/footer.mjs';
 import { GoToTop } from '../../main/go-to-top.mjs';
-import { SiteThemeProvider } from './site-theme-provider.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, actionOrders, localePrefixAsNeeded = true, defaultLocale = 'en', themeSwitch, }) {
-    var _a;
+function CustomHomeLayout({ locale, options, children, showBanner = false, bannerHeight, headerHeight = 2.5, headerPaddingTop, navbarClassName, banner, footer, goToTop, showFooter = true, showGoToTop = true, style, floatingNav = false, actionOrders, localePrefixAsNeeded = true, defaultLocale = 'en', }) {
     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-header-height': `${headerHeight}rem`, paddingTop: floatingNav
@@ -16,9 +14,8 @@ function CustomHomeLayout({ locale, options, children, showBanner = false, banne
             : `${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, themeSwitch: themeSwitch, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav, desktopActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.desktop, mobileBarActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileBar, mobileMenuActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileMenu })));
-    const themeMode = (_a = themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode) !== null && _a !== void 0 ? _a : 'light-dark-system';
-    return (jsxs(Fragment, { children: [banner !== null && banner !== void 0 ? banner : (jsx(FumaBannerSuit, { locale: locale, showBanner: showBanner, floating: floatingNav })), jsx(SiteThemeProvider, { mode: themeMode, children: 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, localePrefixAsNeeded: localePrefixAsNeeded, defaultLocale: defaultLocale }) : null, showGoToTop ? goToTop !== null && goToTop !== void 0 ? goToTop : jsx(GoToTop, {}) : null] })) })] }));
+    const header = (jsx(CustomHomeHeader, Object.assign({}, homeLayoutProps, { nav: navOptions, bannerHeight: resolvedBannerHeight, headerHeight: headerHeight, navbarClassName: navbarClassName, floating: floatingNav, desktopActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.desktop, mobileBarActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileBar, mobileMenuActionsOrder: actionOrders === null || actionOrders === void 0 ? void 0 : actionOrders.mobileMenu })));
+    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, localePrefixAsNeeded: localePrefixAsNeeded, defaultLocale: defaultLocale }) : null, showGoToTop ? goToTop !== null && goToTop !== void 0 ? goToTop : jsx(GoToTop, {}) : null] }))] }));
 }
 function HomeTitle({ children, className, }) {
     return (jsx("span", { className: `font-medium in-[.uwu]:hidden in-[header]:text-[clamp(12px,3vw,15px)]! ${className !== null && className !== void 0 ? className : ''}`, children: children }));

package/dist/fuma/base/docs-root-provider.d.ts

@@ -1,14 +1,16 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { NextProvider } from 'fumadocs-core/framework/next';
 import { type I18nProviderProps } from 'fumadocs-ui/contexts/i18n';
+import type { SiteThemeProviderProps } from './site-theme-provider';
 type NextProviderComponents = {
     Link?: ComponentProps<typeof NextProvider>['Link'];
     Image?: ComponentProps<typeof NextProvider>['Image'];
 };
 export interface DocsRootProviderProps {
     i18n: Omit<I18nProviderProps, 'children'>;
+    theme?: Omit<SiteThemeProviderProps, 'children'>;
     components?: NextProviderComponents;
     children: ReactNode;
 }
-export declare function DocsRootProvider({ i18n, components, children, }: DocsRootProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DocsRootProvider({ i18n, theme, components, children, }: DocsRootProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/fuma/base/docs-root-provider.js

@@ -3,9 +3,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var next = require('fumadocs-core/framework/next');
 var i18n = require('fumadocs-ui/contexts/i18n');
+var siteThemeContext = require('./site-theme-context.js');
 
-function DocsRootProvider({ i18n: i18n$1, components, children, }) {
-    return (jsxRuntime.jsx(next.NextProvider, { Link: components === null || components === void 0 ? void 0 : components.Link, Image: components === null || components === void 0 ? void 0 : components.Image, children: jsxRuntime.jsx(i18n.I18nProvider, Object.assign({}, i18n$1, { children: children })) }));
+function DocsRootProvider({ i18n: i18n$1, theme = {}, components, children, }) {
+    var _a;
+    const themeMode = (_a = theme.mode) !== null && _a !== void 0 ? _a : 'light-dark-system';
+    return (jsxRuntime.jsx(next.NextProvider, { Link: components === null || components === void 0 ? void 0 : components.Link, Image: components === null || components === void 0 ? void 0 : components.Image, children: jsxRuntime.jsx(i18n.I18nProvider, Object.assign({}, i18n$1, { children: jsxRuntime.jsx(siteThemeContext.SiteThemeRootProvider, Object.assign({}, theme, { mode: themeMode, children: children })) })) }));
 }
 
 exports.DocsRootProvider = DocsRootProvider;

package/dist/fuma/base/docs-root-provider.mjs

@@ -1,9 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { NextProvider } from 'fumadocs-core/framework/next';
 import { I18nProvider } from 'fumadocs-ui/contexts/i18n';
+import { SiteThemeRootProvider } from './site-theme-context.mjs';
 
-function DocsRootProvider({ i18n, components, children, }) {
-    return (jsx(NextProvider, { Link: components === null || components === void 0 ? void 0 : components.Link, Image: components === null || components === void 0 ? void 0 : components.Image, children: jsx(I18nProvider, Object.assign({}, i18n, { children: children })) }));
+function DocsRootProvider({ i18n, theme = {}, components, children, }) {
+    var _a;
+    const themeMode = (_a = theme.mode) !== null && _a !== void 0 ? _a : 'light-dark-system';
+    return (jsx(NextProvider, { Link: components === null || components === void 0 ? void 0 : components.Link, Image: components === null || components === void 0 ? void 0 : components.Image, children: jsx(I18nProvider, Object.assign({}, i18n, { children: jsx(SiteThemeRootProvider, Object.assign({}, theme, { mode: themeMode, children: children })) })) }));
 }
 
 export { DocsRootProvider };

package/dist/fuma/base/header-theme-switch.d.ts

@@ -1,6 +1,5 @@
 import { type ComponentProps } from 'react';
-import type { SiteThemeSwitchMode } from './site-layout-shared';
 export interface HeaderThemeSwitchProps extends ComponentProps<'div'> {
-    mode?: Exclude<SiteThemeSwitchMode, 'light-only' | 'dark-only'>;
+    mode?: 'light-dark-system';
 }
-export declare function HeaderThemeSwitch({ className, mode, ...props }: HeaderThemeSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeaderThemeSwitch({ className, ...props }: HeaderThemeSwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/base/header-theme-switch.js

@@ -19,22 +19,14 @@ const itemVariants = classVarianceAuthority.cva('inline-flex size-6.5 items-cent
 });
 const full = [['light', icons.SunIcon], ['dark', icons.MoonIcon], ['system', icons.AirplayIcon]];
 function HeaderThemeSwitch(_a) {
-    var { className, mode = 'light-dark' } = _a, props = tslib.__rest(_a, ["className", "mode"]);
-    const { setTheme, theme, resolvedTheme } = nextThemes.useTheme();
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    const { setTheme, theme } = nextThemes.useTheme();
     const [mounted, setMounted] = React.useState(false);
     React.useEffect(() => {
         setMounted(true);
     }, []);
     const container = utils.cn('inline-flex items-center rounded-full border p-1 overflow-hidden *:rounded-full', className);
     const iconClassName = 'size-3.5 text-neutral-600 dark:text-neutral-300';
-    if (mode === 'light-dark') {
-        const value = mounted ? resolvedTheme : null;
-        return (jsxRuntime.jsx("button", { type: "button", className: container, "aria-label": "Toggle Theme", onClick: () => setTheme(value === 'light' ? 'dark' : 'light'), "data-theme-toggle": "", children: full.map(([key, Icon]) => {
-                if (key === 'system')
-                    return null;
-                return (jsxRuntime.jsx(Icon, { fill: "currentColor", className: utils.cn(itemVariants({ active: value === key }), iconClassName) }, key));
-            }) }));
-    }
     const value = mounted ? theme : null;
     return (jsxRuntime.jsx("div", Object.assign({ className: container, "data-theme-toggle": "" }, props, { children: full.map(([key, Icon]) => (jsxRuntime.jsx("button", { type: "button", "aria-label": key, className: utils.cn(itemVariants({ active: value === key })), onClick: () => setTheme(key), children: jsxRuntime.jsx(Icon, { className: iconClassName, fill: "currentColor" }) }, key))) })));
 }

package/dist/fuma/base/header-theme-switch.mjs

@@ -17,22 +17,14 @@ const itemVariants = cva('inline-flex size-6.5 items-center justify-center round
 });
 const full = [['light', SunIcon], ['dark', MoonIcon], ['system', AirplayIcon]];
 function HeaderThemeSwitch(_a) {
-    var { className, mode = 'light-dark' } = _a, props = __rest(_a, ["className", "mode"]);
-    const { setTheme, theme, resolvedTheme } = useTheme();
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { setTheme, theme } = useTheme();
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
     }, []);
     const container = cn('inline-flex items-center rounded-full border p-1 overflow-hidden *:rounded-full', className);
     const iconClassName = 'size-3.5 text-neutral-600 dark:text-neutral-300';
-    if (mode === 'light-dark') {
-        const value = mounted ? resolvedTheme : null;
-        return (jsx("button", { type: "button", className: container, "aria-label": "Toggle Theme", onClick: () => setTheme(value === 'light' ? 'dark' : 'light'), "data-theme-toggle": "", children: full.map(([key, Icon]) => {
-                if (key === 'system')
-                    return null;
-                return (jsx(Icon, { fill: "currentColor", className: cn(itemVariants({ active: value === key }), iconClassName) }, key));
-            }) }));
-    }
     const value = mounted ? theme : null;
     return (jsx("div", Object.assign({ className: container, "data-theme-toggle": "" }, props, { children: full.map(([key, Icon]) => (jsx("button", { type: "button", "aria-label": key, className: cn(itemVariants({ active: value === key })), onClick: () => setTheme(key), children: jsx(Icon, { className: iconClassName, fill: "currentColor" }) }, key))) })));
 }

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

@@ -4,7 +4,7 @@ import { type SiteBaseLayoutConfig } from './site-layout-shared';
 export interface SiteDocsLayoutConfig extends SiteBaseLayoutConfig {
     tree: DocsLayoutProps['tree'];
     sidebar?: DocsLayoutProps['sidebar'];
-    themeProvider?: boolean;
+    slots?: DocsLayoutProps['slots'];
 }
 export declare function SiteDocsLayout({ config, children, }: {
     config: SiteDocsLayoutConfig;

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

@@ -3,33 +3,14 @@
 var jsxRuntime = require('react/jsx-runtime');
 var docs = require('fumadocs-ui/layouts/docs');
 var siteLayoutShared = require('./site-layout-shared.js');
-var siteThemeProvider = require('./site-theme-provider.js');
+var siteDocsThemeSwitch = require('./site-docs-theme-switch.js');
 
 function toDocsLayoutOptions(config) {
-    var _a, _b;
-    const themeMode = (_b = (_a = config.themeSwitch) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : 'light-dark-system';
-    const shouldShowThemeSwitch = config.themeProvider !== false &&
-        (themeMode === 'light-dark' || themeMode === 'light-dark-system');
-    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: siteLayoutShared.normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), (shouldShowThemeSwitch
-        ? {
-            themeSwitch: {
-                mode: themeMode,
-            },
-        }
-        : {
-            themeSwitch: {
-                enabled: false,
-            },
-        })), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
+    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: siteLayoutShared.normalizeNavItems(config.links) } : {})), (config.searchToggle ? { searchToggle: config.searchToggle } : {})), { slots: Object.assign(Object.assign({}, config.slots), { themeSwitch: siteDocsThemeSwitch.SiteDocsThemeSwitch }) }), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
 }
 function SiteDocsLayout({ config, children, }) {
-    var _a, _b;
     const options = toDocsLayoutOptions(config);
-    const themeMode = (_b = (_a = config.themeSwitch) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : 'light-dark-system';
-    const body = jsxRuntime.jsx(docs.DocsLayout, Object.assign({}, options, { children: children }));
-    if (config.themeProvider === false)
-        return body;
-    return jsxRuntime.jsx(siteThemeProvider.SiteThemeProvider, { mode: themeMode, children: body });
+    return jsxRuntime.jsx(docs.DocsLayout, Object.assign({}, options, { children: children }));
 }
 
 exports.SiteDocsLayout = SiteDocsLayout;

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

@@ -1,33 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { DocsLayout } from 'fumadocs-ui/layouts/docs';
 import { normalizeNavItems } from './site-layout-shared.mjs';
-import { SiteThemeProvider } from './site-theme-provider.mjs';
+import { SiteDocsThemeSwitch } from './site-docs-theme-switch.mjs';
 
 function toDocsLayoutOptions(config) {
-    var _a, _b;
-    const themeMode = (_b = (_a = config.themeSwitch) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : 'light-dark-system';
-    const shouldShowThemeSwitch = config.themeProvider !== false &&
-        (themeMode === 'light-dark' || themeMode === 'light-dark-system');
-    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 } : {})), (shouldShowThemeSwitch
-        ? {
-            themeSwitch: {
-                mode: themeMode,
-            },
-        }
-        : {
-            themeSwitch: {
-                enabled: false,
-            },
-        })), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
+    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 } : {})), { slots: Object.assign(Object.assign({}, config.slots), { themeSwitch: SiteDocsThemeSwitch }) }), (config.sidebar ? { sidebar: config.sidebar } : {})), { tree: config.tree });
 }
 function SiteDocsLayout({ config, children, }) {
-    var _a, _b;
     const options = toDocsLayoutOptions(config);
-    const themeMode = (_b = (_a = config.themeSwitch) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : 'light-dark-system';
-    const body = jsx(DocsLayout, Object.assign({}, options, { children: children }));
-    if (config.themeProvider === false)
-        return body;
-    return jsx(SiteThemeProvider, { mode: themeMode, children: body });
+    return jsx(DocsLayout, Object.assign({}, options, { children: children }));
 }
 
 export { SiteDocsLayout };

package/dist/fuma/base/site-docs-theme-switch.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from 'react';
+export declare function SiteDocsThemeSwitch(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/fuma/base/site-docs-theme-switch.js

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var headerThemeSwitch = require('./header-theme-switch.js');
+var siteThemeContext = require('./site-theme-context.js');
+
+function SiteDocsThemeSwitch(props) {
+    const themeMode = siteThemeContext.useSiteThemeMode();
+    if (themeMode !== 'light-dark-system') {
+        return null;
+    }
+    return jsxRuntime.jsx(headerThemeSwitch.HeaderThemeSwitch, Object.assign({}, props, { mode: "light-dark-system" }));
+}
+
+exports.SiteDocsThemeSwitch = SiteDocsThemeSwitch;

package/dist/fuma/base/site-docs-theme-switch.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { HeaderThemeSwitch } from './header-theme-switch.mjs';
+import { useSiteThemeMode } from './site-theme-context.mjs';
+
+function SiteDocsThemeSwitch(props) {
+    const themeMode = useSiteThemeMode();
+    if (themeMode !== 'light-dark-system') {
+        return null;
+    }
+    return jsx(HeaderThemeSwitch, Object.assign({}, props, { mode: "light-dark-system" }));
+}
+
+export { SiteDocsThemeSwitch };

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

@@ -8,8 +8,8 @@ var siteLayoutShared = require('./site-layout-shared.js');
 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 = siteLayoutShared.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(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 } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}));
+    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 }));
 }
 

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

@@ -6,8 +6,8 @@ import { toHomeLayoutOptions } from './site-layout-shared.mjs';
 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(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 } : {})), (config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}));
+    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 }));
 }
 

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

@@ -47,9 +47,8 @@ export interface SiteBaseLayoutConfig {
     githubUrl?: string;
     links?: SiteNavItemConfig[];
     searchToggle?: HomeLayoutProps['searchToggle'];
-    themeSwitch?: SiteThemeSwitchConfig;
 }
-export type SiteThemeSwitchMode = 'light-dark-system' | 'light-dark' | 'light-only' | 'dark-only';
+export type SiteThemeSwitchMode = 'light-dark-system' | 'light-only' | 'dark-only';
 export interface SiteThemeSwitchConfig {
     mode?: SiteThemeSwitchMode;
 }

package/dist/fuma/base/site-theme-context.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import type { SiteThemeSwitchMode } from './site-layout-shared';
+import { type SiteThemeProviderProps } from './site-theme-provider';
+export declare function useSiteThemeMode(): SiteThemeSwitchMode;
+export interface SiteThemeRootProviderProps extends Omit<SiteThemeProviderProps, 'children'> {
+    children: ReactNode;
+}
+export declare function SiteThemeRootProvider({ mode, children, ...props }: SiteThemeRootProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/base/site-theme-context.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var siteThemeProvider = require('./site-theme-provider.js');
+
+const SiteThemeModeContext = React.createContext('light-dark-system');
+function useSiteThemeMode() {
+    return React.useContext(SiteThemeModeContext);
+}
+function SiteThemeRootProvider(_a) {
+    var { mode = 'light-dark-system', children } = _a, props = tslib.__rest(_a, ["mode", "children"]);
+    return (jsxRuntime.jsx(SiteThemeModeContext.Provider, { value: mode, children: jsxRuntime.jsx(siteThemeProvider.SiteThemeProvider, Object.assign({}, props, { mode: mode, children: children })) }));
+}
+
+exports.SiteThemeRootProvider = SiteThemeRootProvider;
+exports.useSiteThemeMode = useSiteThemeMode;

package/dist/fuma/base/site-theme-context.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { SiteThemeProvider } from './site-theme-provider.mjs';
+
+const SiteThemeModeContext = createContext('light-dark-system');
+function useSiteThemeMode() {
+    return useContext(SiteThemeModeContext);
+}
+function SiteThemeRootProvider(_a) {
+    var { mode = 'light-dark-system', children } = _a, props = __rest(_a, ["mode", "children"]);
+    return (jsx(SiteThemeModeContext.Provider, { value: mode, children: jsx(SiteThemeProvider, Object.assign({}, props, { mode: mode, children: children })) }));
+}
+
+export { SiteThemeRootProvider, useSiteThemeMode };

package/dist/fuma/base/site-theme-provider.js

@@ -24,13 +24,6 @@ function resolveThemeProviderProps(mode) {
             defaultTheme: 'dark',
         };
     }
-    if (mode === 'light-dark') {
-        return {
-            enableSystem: false,
-            defaultTheme: 'light',
-            forcedTheme: undefined,
-        };
-    }
     return {
         enableSystem: true,
         defaultTheme: 'system',

package/dist/fuma/base/site-theme-provider.mjs

@@ -22,13 +22,6 @@ function resolveThemeProviderProps(mode) {
             defaultTheme: 'dark',
         };
     }
-    if (mode === 'light-dark') {
-        return {
-            enableSystem: false,
-            defaultTheme: 'light',
-            forcedTheme: undefined,
-        };
-    }
     return {
         enableSystem: true,
         defaultTheme: 'system',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "31.1.0",
+  "version": "31.2.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -243,9 +243,9 @@
     "tslib": "^2.8.1",
     "unified": "^11.0.5",
     "zod": "^4.3.6",
+    "@windrun-huaiin/lib": "^31.0.1",
     "@windrun-huaiin/base-ui": "^31.0.0",
-    "@windrun-huaiin/contracts": "^31.0.0",
-    "@windrun-huaiin/lib": "^31.0.0"
+    "@windrun-huaiin/contracts": "^31.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/fuma/base/custom-header.tsx

@@ -35,9 +35,9 @@ import { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/
 import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { useI18n } from 'fumadocs-ui/contexts/i18n';
 import { HeaderThemeSwitch } from './header-theme-switch';
+import { useSiteThemeMode } from './site-theme-context';
 import type {
   ExtendedLinkItem,
-  SiteThemeSwitchConfig,
   SiteThemeSwitchMode,
 } from './site-layout-shared';
 
@@ -51,8 +51,7 @@ const PrefetchLinkItem = LinkItem as (
   props: ComponentProps<typeof LinkItem> & { prefetch?: boolean },
 ) => ReactNode;
 
-export interface CustomHomeHeaderProps
-  extends Omit<HomeLayoutProps, 'themeSwitch'> {
+export interface CustomHomeHeaderProps extends HomeLayoutProps {
   /**
    * Banner height in rem units
    *
@@ -97,7 +96,6 @@ export interface CustomHomeHeaderProps
    * Control order of utilities inside the mobile dropdown.
    */
   mobileMenuActionsOrder?: MobileMenuAction[];
-  themeSwitch?: SiteThemeSwitchConfig;
 }
 
 export type DesktopAction =
@@ -137,7 +135,6 @@ export function CustomHomeHeader({
   i18n = false,
   links,
   githubUrl,
-  themeSwitch = {},
   searchToggle = {},
   bannerHeight = 0,
   headerHeight = 2.5,
@@ -148,6 +145,7 @@ export function CustomHomeHeader({
   mobileBarActionsOrder = DEFAULT_MOBILE_BAR_ACTIONS,
   mobileMenuActionsOrder = DEFAULT_MOBILE_MENU_ACTIONS,
 }: CustomHomeHeaderProps) {
+  const themeMode = useSiteThemeMode();
   const finalLinks = useMemo(
     () => resolveLinkItems({ links, githubUrl }),
     [links, githubUrl],
@@ -181,10 +179,10 @@ export function CustomHomeHeader({
         ? searchToggle.components?.lg ?? null
         : null,
     theme:
-      shouldShowThemeSwitch(themeSwitch?.mode)
+      shouldShowThemeSwitch(themeMode)
         ? (
             <HeaderThemeSwitch
-              mode={normalizeThemeSwitchMode(themeSwitch?.mode)}
+              mode={normalizeThemeSwitchMode(themeMode)}
             />
           )
         : null,
@@ -248,10 +246,10 @@ export function CustomHomeHeader({
       </CompactLanguageToggle>
     ) : null,
     theme:
-      shouldShowThemeSwitch(themeSwitch?.mode)
+      shouldShowThemeSwitch(themeMode)
         ? (
             <HeaderThemeSwitch
-              mode={normalizeThemeSwitchMode(themeSwitch?.mode)}
+              mode={normalizeThemeSwitchMode(themeMode)}
             />
           )
         : null,
@@ -371,13 +369,13 @@ export function CustomHomeHeader({
 }
 
 function shouldShowThemeSwitch(mode?: SiteThemeSwitchMode): boolean {
-  return mode === 'light-dark' || mode === 'light-dark-system' || mode == null;
+  return mode === 'light-dark-system' || mode == null;
 }
 
 function normalizeThemeSwitchMode(
   mode?: SiteThemeSwitchMode,
-): 'light-dark' | 'light-dark-system' {
-  return mode === 'light-dark' ? 'light-dark' : 'light-dark-system';
+): 'light-dark-system' {
+  return 'light-dark-system';
 }
 
 interface CustomNavbarProps extends ComponentProps<'div'> {

package/src/fuma/base/custom-home-layout.tsx

@@ -3,16 +3,13 @@ import { HomeLayout, type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
 import { FumaBannerSuit } from '../fuma-banner-suit';
 import { Footer } from '../../main/footer';
 import { GoToTop } from '../../main/go-to-top';
-import { SiteThemeProvider } from './site-theme-provider';
 import {
   NavbarCSSVars,
   CustomHomeHeader,
   type DesktopAction,
   type MobileBarAction,
   type MobileMenuAction,
-  type CustomHomeHeaderProps,
 } from './custom-header';
-import type { SiteThemeSwitchConfig } from './site-layout-shared';
 
 // - Set bannerHeight/headerHeight to the rem values expected by the project. Use bannerHeight = 0 when there is no banner.
 // - layoutStyle passes the variables to HomeLayout's main element, offsetting content without has-banner/no-banner classes.
@@ -94,10 +91,6 @@ export interface CustomHomeLayoutProps {
    * The default locale for the application (default: 'en')
    */
   defaultLocale?: string;
-  /**
-   * Theme mode for this layout group.
-   */
-  themeSwitch?: SiteThemeSwitchConfig;
   children?: ReactNode;
 }
 
@@ -126,7 +119,6 @@ export function CustomHomeLayout({
   actionOrders,
   localePrefixAsNeeded = true,
   defaultLocale = 'en',
-  themeSwitch,
 }: CustomHomeLayoutProps) {
   const resolvedBannerHeight = bannerHeight ?? (showBanner ? 3 : 0.5);
   const resolvedPaddingTop =
@@ -147,7 +139,6 @@ export function CustomHomeLayout({
     <CustomHomeHeader
       {...homeLayoutProps}
       nav={navOptions}
-      themeSwitch={themeSwitch}
       bannerHeight={resolvedBannerHeight}
       headerHeight={headerHeight}
       navbarClassName={navbarClassName}
@@ -157,7 +148,6 @@ export function CustomHomeLayout({
       mobileMenuActionsOrder={actionOrders?.mobileMenu}
     />
   );
-  const themeMode = themeSwitch?.mode ?? 'light-dark-system';
 
   return (
     <>
@@ -168,7 +158,6 @@ export function CustomHomeLayout({
           floating={floatingNav}
         />
       )}
-    <SiteThemeProvider mode={themeMode}>
       <HomeLayout
           {...homeLayoutProps}
           nav={{
@@ -182,7 +171,6 @@ export function CustomHomeLayout({
           {showFooter ? footer ?? <Footer locale={locale} localePrefixAsNeeded={localePrefixAsNeeded} defaultLocale={defaultLocale} /> : null}
           {showGoToTop ? goToTop ?? <GoToTop /> : null}
         </HomeLayout>
-      </SiteThemeProvider>
     </>
   );
 }

package/src/fuma/base/docs-root-provider.tsx

@@ -1,6 +1,8 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { NextProvider } from 'fumadocs-core/framework/next';
 import { I18nProvider, type I18nProviderProps } from 'fumadocs-ui/contexts/i18n';
+import { SiteThemeRootProvider } from './site-theme-context';
+import type { SiteThemeProviderProps } from './site-theme-provider';
 
 type NextProviderComponents = {
   Link?: ComponentProps<typeof NextProvider>['Link'];
@@ -9,22 +11,28 @@ type NextProviderComponents = {
 
 export interface DocsRootProviderProps {
   i18n: Omit<I18nProviderProps, 'children'>;
+  theme?: Omit<SiteThemeProviderProps, 'children'>;
   components?: NextProviderComponents;
   children: ReactNode;
 }
 
 export function DocsRootProvider({
   i18n,
+  theme = {},
   components,
   children,
 }: DocsRootProviderProps) {
+  const themeMode = theme.mode ?? 'light-dark-system';
+
   return (
     <NextProvider
       Link={components?.Link}
       Image={components?.Image}
     >
       <I18nProvider {...i18n}>
-        {children}
+        <SiteThemeRootProvider {...theme} mode={themeMode}>
+          {children}
+        </SiteThemeRootProvider>
       </I18nProvider>
     </NextProvider>
   );

package/src/fuma/base/header-theme-switch.tsx

@@ -19,15 +19,14 @@ const itemVariants = cva('inline-flex size-6.5 items-center justify-center round
 const full = [['light', SunIcon] as const, ['dark', MoonIcon] as const, ['system', AirplayIcon] as const];
 
 export interface HeaderThemeSwitchProps extends ComponentProps<'div'> {
-  mode?: Exclude<SiteThemeSwitchMode, 'light-only' | 'dark-only'>;
+  mode?: 'light-dark-system';
 }
 
 export function HeaderThemeSwitch({
   className,
-  mode = 'light-dark',
   ...props
 }: HeaderThemeSwitchProps) {
-  const { setTheme, theme, resolvedTheme } = useTheme();
+  const { setTheme, theme } = useTheme();
   const [mounted, setMounted] = useState(false);
 
   useEffect(() => {
@@ -40,35 +39,6 @@ export function HeaderThemeSwitch({
   );
   const iconClassName = 'size-3.5 text-neutral-600 dark:text-neutral-300';
 
-  if (mode === 'light-dark') {
-    const value = mounted ? resolvedTheme : null;
-
-    return (
-      <button
-        type="button"
-        className={container}
-        aria-label="Toggle Theme"
-        onClick={() => setTheme(value === 'light' ? 'dark' : 'light')}
-        data-theme-toggle=""
-      >
-        {full.map(([key, Icon]) => {
-          if (key === 'system') return null;
-
-          return (
-            <Icon
-              key={key}
-              fill="currentColor"
-              className={cn(
-                itemVariants({ active: value === key }),
-                iconClassName,
-              )}
-            />
-          );
-        })}
-      </button>
-    );
-  }
-
   const value = mounted ? theme : null;
 
   return (

package/src/fuma/base/site-docs-layout.tsx

@@ -4,36 +4,25 @@ import {
   normalizeNavItems,
   type SiteBaseLayoutConfig,
 } from './site-layout-shared';
-import { SiteThemeProvider } from './site-theme-provider';
+import { SiteDocsThemeSwitch } from './site-docs-theme-switch';
 
 export interface SiteDocsLayoutConfig extends SiteBaseLayoutConfig {
   tree: DocsLayoutProps['tree'];
   sidebar?: DocsLayoutProps['sidebar'];
-  themeProvider?: boolean;
+  slots?: DocsLayoutProps['slots'];
 }
 
 function toDocsLayoutOptions(config: SiteDocsLayoutConfig): DocsLayoutProps {
-  const themeMode = config.themeSwitch?.mode ?? 'light-dark-system';
-  const shouldShowThemeSwitch =
-    config.themeProvider !== false &&
-    (themeMode === 'light-dark' || themeMode === 'light-dark-system');
   return {
     ...(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 } : {}),
-    ...(shouldShowThemeSwitch
-      ? {
-          themeSwitch: {
-            mode: themeMode,
-          },
-        }
-      : {
-          themeSwitch: {
-            enabled: false,
-          },
-        }),
+    slots: {
+      ...config.slots,
+      themeSwitch: SiteDocsThemeSwitch,
+    },
     ...(config.sidebar ? { sidebar: config.sidebar } : {}),
     tree: config.tree,
   };
@@ -47,10 +36,6 @@ export function SiteDocsLayout({
   children: ReactNode;
 }) {
   const options = toDocsLayoutOptions(config);
-  const themeMode = config.themeSwitch?.mode ?? 'light-dark-system';
-  const body = <DocsLayout {...options}>{children}</DocsLayout>;
 
-  if (config.themeProvider === false) return body;
-
-  return <SiteThemeProvider mode={themeMode}>{body}</SiteThemeProvider>;
+  return <DocsLayout {...options}>{children}</DocsLayout>;
 }

package/src/fuma/base/site-docs-theme-switch.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import type { ComponentProps } from 'react';
+import { HeaderThemeSwitch } from './header-theme-switch';
+import { useSiteThemeMode } from './site-theme-context';
+
+export function SiteDocsThemeSwitch(props: ComponentProps<'div'>) {
+  const themeMode = useSiteThemeMode();
+
+  if (themeMode !== 'light-dark-system') {
+    return null;
+  }
+
+  return <HeaderThemeSwitch {...props} mode="light-dark-system" />;
+}

package/src/fuma/base/site-home-layout.tsx

@@ -72,7 +72,6 @@ export function SiteHomeLayout({
     ...(showBanner != null ? { showBanner } : {}),
     ...(showFooter != null ? { showFooter } : {}),
     ...(showGoToTop != null ? { showGoToTop } : {}),
-    ...(config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}),
   };
 
   return <CustomHomeLayout {...layoutProps}>{children}</CustomHomeLayout>;

package/src/fuma/base/site-layout-shared.tsx

@@ -58,12 +58,10 @@ export interface SiteBaseLayoutConfig {
   githubUrl?: string;
   links?: SiteNavItemConfig[];
   searchToggle?: HomeLayoutProps['searchToggle'];
-  themeSwitch?: SiteThemeSwitchConfig;
 }
 
 export type SiteThemeSwitchMode =
   | 'light-dark-system'
-  | 'light-dark'
   | 'light-only'
   | 'dark-only';
 

package/src/fuma/base/site-theme-context.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { createContext, type ReactNode, useContext } from 'react';
+import type { SiteThemeSwitchMode } from './site-layout-shared';
+import { SiteThemeProvider, type SiteThemeProviderProps } from './site-theme-provider';
+
+const SiteThemeModeContext = createContext<SiteThemeSwitchMode>('light-dark-system');
+
+export function useSiteThemeMode(): SiteThemeSwitchMode {
+  return useContext(SiteThemeModeContext);
+}
+
+export interface SiteThemeRootProviderProps
+  extends Omit<SiteThemeProviderProps, 'children'> {
+  children: ReactNode;
+}
+
+export function SiteThemeRootProvider({
+  mode = 'light-dark-system',
+  children,
+  ...props
+}: SiteThemeRootProviderProps) {
+  return (
+    <SiteThemeModeContext.Provider value={mode}>
+      <SiteThemeProvider {...props} mode={mode}>
+        {children}
+      </SiteThemeProvider>
+    </SiteThemeModeContext.Provider>
+  );
+}

package/src/fuma/base/site-theme-provider.tsx

@@ -43,14 +43,6 @@ function resolveThemeProviderProps(mode: SiteThemeSwitchMode): ThemeProviderProp
     };
   }
 
-  if (mode === 'light-dark') {
-    return {
-      enableSystem: false,
-      defaultTheme: 'light',
-      forcedTheme: undefined,
-    };
-  }
-
   return {
     enableSystem: true,
     defaultTheme: 'system',