@windrun-huaiin/third-ui 26.0.0 → 28.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "26.0.0",
+  "version": "28.0.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -28,6 +28,56 @@
       "import": "./dist/main/index.mjs",
       "require": "./dist/main/index.js"
     },
+    "./main/alert-dialog": {
+      "types": "./dist/main/alert-dialog/index.d.ts",
+      "import": "./dist/main/alert-dialog/index.mjs",
+      "require": "./dist/main/alert-dialog/index.js"
+    },
+    "./main/buttons": {
+      "types": "./dist/main/buttons/index.d.ts",
+      "import": "./dist/main/buttons/index.mjs",
+      "require": "./dist/main/buttons/index.js"
+    },
+    "./main/credit": {
+      "types": "./dist/main/credit/index.d.ts",
+      "import": "./dist/main/credit/index.mjs",
+      "require": "./dist/main/credit/index.js"
+    },
+    "./main/credit/server": {
+      "types": "./dist/main/credit/server.d.ts",
+      "import": "./dist/main/credit/server.mjs",
+      "require": "./dist/main/credit/server.js"
+    },
+    "./main/hero": {
+      "types": "./dist/main/hero/index.d.ts",
+      "import": "./dist/main/hero/index.mjs",
+      "require": "./dist/main/hero/index.js"
+    },
+    "./main/home/server": {
+      "types": "./dist/main/home/server.d.ts",
+      "import": "./dist/main/home/server.mjs",
+      "require": "./dist/main/home/server.js"
+    },
+    "./main/loading": {
+      "types": "./dist/main/loading/index.d.ts",
+      "import": "./dist/main/loading/index.mjs",
+      "require": "./dist/main/loading/index.js"
+    },
+    "./main/loading-frame": {
+      "types": "./dist/main/loading-frame/index.d.ts",
+      "import": "./dist/main/loading-frame/index.mjs",
+      "require": "./dist/main/loading-frame/index.js"
+    },
+    "./main/money-price": {
+      "types": "./dist/main/money-price/index.d.ts",
+      "import": "./dist/main/money-price/index.mjs",
+      "require": "./dist/main/money-price/index.js"
+    },
+    "./main/money-price/server": {
+      "types": "./dist/main/money-price/server.d.ts",
+      "import": "./dist/main/money-price/server.mjs",
+      "require": "./dist/main/money-price/server.js"
+    },
     "./main/pill-select": {
       "types": "./dist/main/pill-select/index.d.ts",
       "import": "./dist/main/pill-select/index.mjs",
@@ -48,6 +98,21 @@
       "import": "./dist/fuma/server.mjs",
       "require": "./dist/fuma/server.js"
     },
+    "./fuma/server/page-generator": {
+      "types": "./dist/fuma/server/page-generator.d.ts",
+      "import": "./dist/fuma/server/page-generator.mjs",
+      "require": "./dist/fuma/server/page-generator.js"
+    },
+    "./fuma/server/llm-copy-handler": {
+      "types": "./dist/fuma/server/llm-copy-handler.d.ts",
+      "import": "./dist/fuma/server/llm-copy-handler.mjs",
+      "require": "./dist/fuma/server/llm-copy-handler.js"
+    },
+    "./fuma/fuma-translate-util": {
+      "types": "./dist/fuma/fuma-translate-util.d.ts",
+      "import": "./dist/fuma/fuma-translate-util.mjs",
+      "require": "./dist/fuma/fuma-translate-util.js"
+    },
     "./fuma/server/site-mdx/base": {
       "types": "./dist/fuma/server/site-mdx-base.d.ts",
       "import": "./dist/fuma/server/site-mdx-base.mjs",
@@ -93,6 +158,31 @@
       "import": "./dist/fuma/base/index.mjs",
       "require": "./dist/fuma/base/index.js"
     },
+    "./fuma/base/docs-root-provider": {
+      "types": "./dist/fuma/base/docs-root-provider.d.ts",
+      "import": "./dist/fuma/base/docs-root-provider.mjs",
+      "require": "./dist/fuma/base/docs-root-provider.js"
+    },
+    "./fuma/base/nav-config": {
+      "types": "./dist/fuma/base/nav-config.d.ts",
+      "import": "./dist/fuma/base/nav-config.mjs",
+      "require": "./dist/fuma/base/nav-config.js"
+    },
+    "./fuma/base/site-docs-layout": {
+      "types": "./dist/fuma/base/site-docs-layout.d.ts",
+      "import": "./dist/fuma/base/site-docs-layout.mjs",
+      "require": "./dist/fuma/base/site-docs-layout.js"
+    },
+    "./fuma/base/site-home-layout": {
+      "types": "./dist/fuma/base/site-home-layout.d.ts",
+      "import": "./dist/fuma/base/site-home-layout.mjs",
+      "require": "./dist/fuma/base/site-home-layout.js"
+    },
+    "./fuma/base/site-layout-shared": {
+      "types": "./dist/fuma/base/site-layout-shared.d.ts",
+      "import": "./dist/fuma/base/site-layout-shared.mjs",
+      "require": "./dist/fuma/base/site-layout-shared.js"
+    },
     "./lib/server": {
       "types": "./dist/lib/server.d.ts",
       "import": "./dist/lib/server.mjs",
@@ -137,9 +227,9 @@
     "tslib": "^2.8.1",
     "unified": "^11.0.5",
     "zod": "^4.3.6",
-    "@windrun-huaiin/base-ui": "^26.0.0",
-    "@windrun-huaiin/contracts": "^26.0.0",
-    "@windrun-huaiin/lib": "^26.0.0"
+    "@windrun-huaiin/base-ui": "^28.0.0",
+    "@windrun-huaiin/lib": "^28.0.0",
+    "@windrun-huaiin/contracts": "^28.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/ai/index.ts

@@ -11,3 +11,4 @@ export * from './ai-message-content';
 export * from './ai-message-meta';
 export * from './ai-message-actions';
 export * from './ai-status-indicator';
+export * from './ai-prompt-textarea';

package/src/clerk/clerk-provider-client.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { clerkIntl } from '@third-ui/lib/clerk-intl';
+import { clerkIntl } from '../lib/clerk-intl';
 import { ClerkProvider } from '@clerk/nextjs';
 import React from 'react';
 
@@ -72,8 +72,6 @@ export function ClerkProviderClient({
     clerkProviderProps.waitlistUrl = waitlistWithLocale;
   }
 
-  // console.log('ClerkProviderClient props:', clerkProviderProps);
-
   return (
     <ClerkProvider {...clerkProviderProps}>
       {children}

package/src/clerk/fingerprint/fingerprint-client.ts

@@ -214,7 +214,6 @@ export async function generateFingerprintId(): Promise<string> {
   // 检查现有 ID
   const existingId = checkStoredFingerprintId();
   if (existingId) {
-    console.log('Using existing fingerprint ID:', existingId);
     return existingId;
   }
 
@@ -228,7 +227,6 @@ export async function generateFingerprintId(): Promise<string> {
     setLocalStorageValue(FINGERPRINT_STORAGE_KEY, fingerprintId);
     setCookie(FINGERPRINT_COOKIE_NAME, fingerprintId, 365);
 
-    console.log('Generated new fingerprint ID:', fingerprintId);
     return fingerprintId;
   } catch (error) {
     console.warn('Failed to generate fingerprint with FingerprintJS:', error);
@@ -237,7 +235,6 @@ export async function generateFingerprintId(): Promise<string> {
     setLocalStorageValue(FINGERPRINT_STORAGE_KEY, fallbackId);
     setCookie(FINGERPRINT_COOKIE_NAME, fallbackId, 365);
 
-    console.log('Generated fallback fingerprint ID:', fallbackId);
     return fallbackId;
   }
 }
@@ -284,7 +281,6 @@ export function clearFingerprintId(): void {
 export async function getOrGenerateFingerprintId(): Promise<string> {
   const existingId = checkStoredFingerprintId();
   if (existingId) {
-    console.log('Retrieved existing fingerprint ID:', existingId);
     return existingId;
   }
 

package/src/clerk/fingerprint/use-fingerprint.ts

@@ -58,7 +58,6 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
       // Capture first-touch as early as possible before any in-site navigation can overwrite context.
       getOrCreateFirstTouchData();
       const currentFingerprintId = await getOrGenerateFingerprintId();
-      console.log('Initialized fingerprintId:', currentFingerprintId);
       setFingerprintIdState(currentFingerprintId);
       return currentFingerprintId;
     } catch (error) {
@@ -79,12 +78,10 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
     }
 
     if (isInitializingAnonymousUserRef.current) {
-      console.log('Skipping anonymous user initialization because a request is already in flight:', fingerprintId);
       return;
     }
 
     if (requestedAnonymousFingerprintRef.current === fingerprintId && isInitialized) {
-      console.log('Skipping anonymous user initialization because fingerprint is already initialized:', fingerprintId);
       return;
     }
 
@@ -94,7 +91,6 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
       setIsLoading(true);
       setError(null);
 
-      console.log('Initializing anonymous user with fingerprintId:', fingerprintId);
       const fingerprintHeaders = await createFingerprintHeaders();
       const response = await fetch(config.apiEndpoint, {
         method: 'POST',
@@ -112,11 +108,9 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
       }
 
       const data = await response.json();
-      console.log('API response in initializeAnonymousUser:', data);
 
       if (data.success) {
         const updatedXUser = data.xUser || { userId: '', fingerprintId, clerkUserId: '', email: '', status: '', createdAt: '' };
-        console.log('Setting xUser:', updatedXUser);
         setXUser(updatedXUser);
         setXCredit(data.xCredit || null);
         setXSubscription(data.xSubscription || null);

package/src/clerk/signin-with-fingerprint-client.tsx

@@ -33,16 +33,6 @@ export function SignInWithFingerprint() {
     }
   }, [fingerprintId, isInitialized, initializeAnonymousUser]);
 
-  // 调试日志和处理登录逻辑
-  useEffect(() => {
-    console.log('SignInWithFingerprint on [redirect] DEBUG:', {
-      fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
-      fingerprintId: fingerprintId || 'Not generated',
-      xUser: xUser ? 'Initialized' : 'Not initialized',
-      clerkMetadata: unsafeMetadata
-    });
-  }, [xUser, fingerprintId, fingerprintContext, unsafeMetadata]);
-
   return <SignIn unsafeMetadata={unsafeMetadata} />;
 }
 

package/src/clerk/signup-button-with-fingerprint-client.tsx

@@ -50,15 +50,6 @@ export function SignUpButtonWithFingerprint({
     }
   }, [fingerprintId, isInitialized, initializeAnonymousUser]);
 
-  // 调试日志和处理注册逻辑
-  useEffect(() => {
-    console.log('SignUpWithFingerprint on [modal] DEBUG:', {
-      fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
-      fingerprintId: fingerprintId || 'Not generated',
-      xUser: xUser ? 'Initialized' : 'Not initialized',
-      clerkMetadata: unsafeMetadata
-    });
-  }, [xUser, fingerprintId, fingerprintContext, unsafeMetadata]);
   const { openSignUp } = useClerk();
   
 
@@ -66,14 +57,6 @@ export function SignUpButtonWithFingerprint({
     openSignUp({
       unsafeMetadata,
     });
-
-    // 记录日志
-    console.log('SignUpButton on [modal] clicked', {
-      timestamp: new Date().toISOString(),
-      mode,
-      userId,
-      fingerprintId
-    });
   };
 
   return (

package/src/clerk/signup-with-fingerprint-client.tsx

@@ -33,16 +33,6 @@ export function SignUpWithFingerprint() {
     }
   }, [fingerprintId, isInitialized, initializeAnonymousUser]);
 
-  // 调试日志和处理注册逻辑
-  useEffect(() => {
-    console.log('SignUpWithFingerprint on [redirect] DEBUG:', {
-      fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
-      fingerprintId: fingerprintId || 'Not generated',
-      xUser: xUser ? 'Initialized' : 'Not initialized',
-      clerkMetadata: unsafeMetadata
-    });
-  }, [xUser, fingerprintId, fingerprintContext, unsafeMetadata]);
-
   return <SignUp unsafeMetadata={unsafeMetadata} />;
 }
 

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

@@ -16,7 +16,6 @@ import Link from 'fumadocs-core/link';
 import { HomeLayoutProps } from 'fumadocs-ui/layouts/home';
 import {
   LinkItem,
-  type LinkItemType,
   resolveLinkItems,
 } from 'fumadocs-ui/layouts/shared';
 import {
@@ -36,6 +35,7 @@ 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 type { ExtendedLinkItem } from './site-layout-shared';
 
 export type NavbarCSSVars = CSSProperties & {
   '--fd-banner-height'?: string;
@@ -316,6 +316,7 @@ export function CustomHomeHeader({
     >
       <Link
         href={nav.url ?? '/'}
+        prefetch={false}
         className="inline-flex items-center gap-2.5 font-semibold"
       >
         {renderNavTitle(nav.title)}
@@ -454,7 +455,7 @@ function NavbarLinkItem({
   item,
   ...props
 }: {
-  item: LinkItemType;
+  item: ExtendedLinkItem;
   className?: string;
 }) {
   if (item.type === 'custom') return <div {...props}>{item.children}</div>;
@@ -465,6 +466,8 @@ function NavbarLinkItem({
         return <Fragment key={j}>{child.children}</Fragment>;
       }
 
+      const extendedChild = child as ExtendedLinkItem;
+
       const {
         banner = child.icon ? (
           <div className="w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4">
@@ -478,6 +481,7 @@ function NavbarLinkItem({
         <NavigationMenuLink key={`${j}-${child.url}`} asChild>
           <Link
             href={child.url}
+            prefetch={extendedChild.prefetch ?? false}
             external={child.external}
             {...rest}
             className={cn(
@@ -506,7 +510,7 @@ function NavbarLinkItem({
           className={cn(navItemVariants(), 'rounded-md', props.className)}
         >
           {item.url ? (
-            <Link href={item.url} external={item.external}>
+            <Link href={item.url} prefetch={item.prefetch ?? false} external={item.external}>
               {item.text}
             </Link>
           ) : (
@@ -545,7 +549,7 @@ function MenuLinkItem({
   item,
   ...props
 }: {
-  item: LinkItemType;
+  item: ExtendedLinkItem;
   className?: string;
 }) {
   if (item.type === 'custom')
@@ -564,7 +568,7 @@ function MenuLinkItem({
         <p className="mb-1 text-sm text-fd-muted-foreground">
           {item.url ? (
             <NavigationMenuLink asChild>
-              <Link href={item.url} external={item.external}>
+              <Link href={item.url} prefetch={item.prefetch ?? false} external={item.external}>
                 {header}
               </Link>
             </NavigationMenuLink>
@@ -692,19 +696,19 @@ function CompactLanguageToggle({
   );
 }
 
-function isGithubItem(item: LinkItemType, githubUrl?: string): boolean {
+function isGithubItem(item: ExtendedLinkItem, githubUrl?: string): boolean {
   return Boolean(
     githubUrl && item.type === 'icon' && item.url === githubUrl,
   );
 }
 
-function isSecondary(item: LinkItemType): boolean {
+function isSecondary(item: ExtendedLinkItem): boolean {
   if ('secondary' in item && item.secondary != null) return item.secondary;
 
   return item.type === 'icon';
 }
 
-function isMobilePinned(item: LinkItemType): boolean {
+function isMobilePinned(item: ExtendedLinkItem): boolean {
   return Boolean((item as { mobilePinned?: boolean }).mobilePinned);
 }
 

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

@@ -1,9 +1,8 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { HomeLayout, type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
-import { type LinkItemType } from 'fumadocs-ui/layouts/shared';
-import { FumaBannerSuit } from '@third-ui/fuma/fuma-banner-suit';
-import { Footer } from '@third-ui/main/footer';
-import { GoToTop } from '@third-ui/main/go-to-top';
+import { FumaBannerSuit } from '../fuma-banner-suit';
+import { Footer } from '../../main/footer';
+import { GoToTop } from '../../main/go-to-top';
 import {
   NavbarCSSVars,
   CustomHomeHeader,
@@ -12,8 +11,6 @@ import {
   type MobileMenuAction,
 } from './custom-header';
 
-export type ExtendedLinkItem = LinkItemType & { mobilePinned?: boolean };
-
 // - bannerHeight/headerHeight 换成你项目期望的 rem 值即可（如果没有 Banner 就把 bannerHeight 设成 0）。
 // - layoutStyle 同时把变量传给 HomeLayout 的 main 元素，这样内容整体会往下错开，不需要 has-banner/no-banner class。
 // - CustomHomeHeader 直接接受 HomeLayout 的各类 props（links、nav、searchToggle、themeSwitch、i18n 等），内部会复用 Fumadocs 原本的导航功能。

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

@@ -0,0 +1,58 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { NextProvider } from 'fumadocs-core/framework/next';
+import { I18nProvider, type I18nProviderProps } from 'fumadocs-ui/contexts/i18n';
+import { ThemeProvider, type ThemeProviderProps } from 'next-themes';
+
+type NextProviderComponents = {
+  Link?: ComponentProps<typeof NextProvider>['Link'];
+  Image?: ComponentProps<typeof NextProvider>['Image'];
+};
+
+type ThemeOptions = ThemeProviderProps & {
+  enabled?: boolean;
+};
+
+export interface DocsRootProviderProps {
+  i18n: Omit<I18nProviderProps, 'children'>;
+  theme?: ThemeOptions;
+  components?: NextProviderComponents;
+  children: ReactNode;
+}
+
+export function DocsRootProvider({
+  i18n,
+  theme = {},
+  components,
+  children,
+}: DocsRootProviderProps) {
+  let body = children;
+
+  if (theme.enabled !== false) {
+    body = (
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="system"
+        enableSystem
+        disableTransitionOnChange
+        {...theme}
+      >
+        {body}
+      </ThemeProvider>
+    );
+  }
+
+  body = (
+    <I18nProvider {...i18n}>
+      {body}
+    </I18nProvider>
+  );
+
+  return (
+    <NextProvider
+      Link={components?.Link}
+      Image={components?.Image}
+    >
+      {body}
+    </NextProvider>
+  );
+}

package/src/fuma/base/index.ts

@@ -1,3 +1,8 @@
 export * from './custom-header';
 export * from './custom-home-layout';
+export * from './docs-root-provider';
+export * from './nav-config';
+export * from './site-docs-layout';
+export * from './site-home-layout';
 export * from './site-layout';
+export * from './site-layout-shared';

package/src/fuma/base/nav-config.ts

@@ -0,0 +1,81 @@
+import type {
+  CreateSiteNavGroupOptions,
+  CreateSiteNavItemContext,
+  SiteMenuGroupConfig,
+  SiteMenuLeafConfig,
+  SiteNavItemConfig,
+  SiteNavLinkItemConfig,
+} from './site-layout';
+
+export interface LocalizedNavContextOptions {
+  locale: string;
+  localePrefixAsNeeded?: boolean;
+  defaultLocale?: string;
+  localizeHref: (locale: string, path: string, localePrefixAsNeeded: boolean, defaultLocale: string) => string;
+}
+
+export function createLocalizedNavContext(
+  options: LocalizedNavContextOptions,
+): CreateSiteNavItemContext {
+  const {
+    locale,
+    localePrefixAsNeeded = true,
+    defaultLocale = 'en',
+    localizeHref,
+  } = options;
+
+  return {
+    resolveUrl(path: string) {
+      return localizeHref(locale, path, localePrefixAsNeeded, defaultLocale);
+    },
+  };
+}
+
+export function createLocalizedNavLink(
+  item: SiteMenuLeafConfig,
+  context: CreateSiteNavItemContext,
+): SiteNavItemConfig {
+  return {
+    type: 'main',
+    text: item.text,
+    ...(item.description ? { description: item.description } : {}),
+    url: context.resolveUrl(item.path),
+    ...(item.external ? { external: item.external } : {}),
+    ...(item.prefetch !== undefined ? { prefetch: item.prefetch } : {}),
+    ...(item.icon || item.className
+      ? {
+          menu: {
+            ...(item.icon ? { banner: item.icon } : {}),
+            ...(item.className ? { className: item.className } : {}),
+          },
+        }
+      : {}),
+  };
+}
+
+export function createLocalizedNavGroup(
+  item: SiteMenuGroupConfig,
+  context: CreateSiteNavItemContext,
+  options?: CreateSiteNavGroupOptions,
+): SiteNavItemConfig {
+  return {
+    type: 'menu',
+    text: item.text,
+    ...(item.path ? { url: context.resolveUrl(item.path) } : {}),
+    ...(item.prefetch !== undefined ? { prefetch: item.prefetch } : {}),
+    items: [
+      ...(item.landing
+        ? [
+            {
+              ...createLocalizedNavLink(item.landing, context),
+              menu: {
+                ...(options?.featuredBanner ? { banner: options.featuredBanner } : {}),
+                className: options?.featuredClassName ?? 'md:row-span-2',
+              },
+            } as SiteNavLinkItemConfig,
+          ]
+        : []),
+      ...item.items.map((child) => createLocalizedNavLink(child, context)),
+    ],
+  };
+}

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

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+import { DocsLayout, type DocsLayoutProps } from 'fumadocs-ui/layouts/docs';
+import {
+  normalizeNavItems,
+  type SiteBaseLayoutConfig,
+} from './site-layout-shared';
+
+export interface SiteDocsLayoutConfig extends SiteBaseLayoutConfig {
+  tree: DocsLayoutProps['tree'];
+  sidebar?: DocsLayoutProps['sidebar'];
+}
+
+function toDocsLayoutOptions(config: SiteDocsLayoutConfig): DocsLayoutProps {
+  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 } : {}),
+    ...(config.themeSwitch ? { themeSwitch: config.themeSwitch } : {}),
+    ...(config.sidebar ? { sidebar: config.sidebar } : {}),
+    tree: config.tree,
+  };
+}
+
+export function SiteDocsLayout({
+  config,
+  children,
+}: {
+  config: SiteDocsLayoutConfig;
+  children: ReactNode;
+}) {
+  const options = toDocsLayoutOptions(config);
+  return <DocsLayout {...options}>{children}</DocsLayout>;
+}

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

@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+import {
+  CustomHomeLayout,
+  type CustomHomeLayoutProps,
+  type HeaderActionOrders,
+} from './custom-home-layout';
+import {
+  toHomeLayoutOptions,
+  type SiteBaseLayoutConfig,
+} from './site-layout-shared';
+
+export interface SiteHomeLayoutConfig extends SiteBaseLayoutConfig {
+  showBanner?: boolean;
+  bannerHeight?: number;
+  headerHeight?: number;
+  headerPaddingTop?: number;
+  navbarClassName?: string;
+  floatingNav?: boolean;
+  banner?: ReactNode;
+  footer?: ReactNode;
+  goToTop?: ReactNode;
+  showFooter?: boolean;
+  showGoToTop?: boolean;
+  actionOrders?: HeaderActionOrders;
+  localePrefixAsNeeded?: boolean;
+  defaultLocale?: string;
+}
+
+export function SiteHomeLayout({
+  locale,
+  config,
+  children,
+}: {
+  locale: string;
+  config: SiteHomeLayoutConfig;
+  children: ReactNode;
+}) {
+  const {
+    actionOrders,
+    banner,
+    bannerHeight,
+    defaultLocale,
+    floatingNav,
+    footer,
+    goToTop,
+    headerHeight,
+    headerPaddingTop,
+    localePrefixAsNeeded,
+    navbarClassName,
+    showBanner,
+    showFooter,
+    showGoToTop,
+    ...baseConfig
+  } = config;
+
+  const options = toHomeLayoutOptions(baseConfig);
+
+  const layoutProps: CustomHomeLayoutProps = {
+    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 <CustomHomeLayout {...layoutProps}>{children}</CustomHomeLayout>;
+}