@windrun-huaiin/third-ui 7.6.0 → 10.0.0

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

@@ -0,0 +1,146 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { HomeLayout, type HomeLayoutProps } from 'fumadocs-ui/layouts/home';
+import { FumaBannerSuit } from '@third-ui/fuma/server';
+import { Footer } from '@third-ui/main/server';
+import { GoToTop } from '@third-ui/main';
+import { NavbarCSSVars, CustomHomeHeader } from './custom-header';
+
+// - bannerHeight/headerHeight 换成你项目期望的 rem 值即可（如果没有 Banner 就把 bannerHeight 设成 0）。
+// - layoutStyle 同时把变量传给 HomeLayout 的 main 元素，这样内容整体会往下错开，不需要 has-banner/no-banner class。
+// - CustomHomeHeader 直接接受 HomeLayout 的各类 props（links、nav、searchToggle、themeSwitch、i18n 等），内部会复用 Fumadocs 原本的导航功能。
+// - Banner 部分仍然可以用你现有的 FumaBannerSuit（或者任何自定义 Banner 组件），因为 Header 是固定定位、z-index 也处理好了，开关只影响 bannerHeight。
+
+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 function CustomHomeLayout({
+  locale,
+  options,
+  children,
+  showBanner = false,
+  bannerHeight,
+  headerHeight = 2.5,
+  headerPaddingTop,
+  navbarClassName,
+  banner,
+  footer,
+  goToTop,
+  showFooter = true,
+  showGoToTop = true,
+  style,
+  floatingNav = false,
+}: CustomHomeLayoutProps) {
+  const resolvedBannerHeight = bannerHeight ?? (showBanner ? 3 : 0.5);
+  const resolvedPaddingTop =
+    headerPaddingTop ?? (showBanner ? 0 : 0.5);
+
+  const layoutStyle: NavbarCSSVars = {
+    '--fd-banner-height': `${resolvedBannerHeight}rem`,
+    '--fd-nav-height': `${headerHeight}rem`,
+    paddingTop: floatingNav
+      ? `calc(var(--fd-banner-height) + ${resolvedPaddingTop}rem)`
+      : `${resolvedPaddingTop}rem`,
+    ...style,
+  };
+
+  const { nav, ...homeLayoutProps } = options;
+  const navOptions = nav ?? {};
+  const header = (
+    <CustomHomeHeader
+      {...homeLayoutProps}
+      nav={navOptions}
+      bannerHeight={resolvedBannerHeight}
+      headerHeight={headerHeight}
+      navbarClassName={navbarClassName}
+      floating={floatingNav}
+    />
+  );
+
+  return (
+    <>
+      {banner ?? (
+        <FumaBannerSuit
+          locale={locale}
+          showBanner={showBanner}
+          floating={floatingNav}
+        />
+      )}
+      <HomeLayout
+        {...homeLayoutProps}
+        nav={{
+          ...navOptions,
+          component: header,
+        }}
+        className='bg-neutral-100 dark:bg-neutral-900'
+        style={layoutStyle}
+      >
+        {children}
+        {showFooter ? footer ?? <Footer locale={locale} /> : null}
+        {showGoToTop ? goToTop ?? <GoToTop /> : null}
+      </HomeLayout>
+    </>
+  );
+}

package/src/fuma/base/index.ts

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

package/src/fuma/fuma-banner-suit.tsx

@@ -1,21 +1,39 @@
 import { getTranslations } from 'next-intl/server';
 import { Banner } from '@third-ui/fuma/mdx';
 
-export async function FumaBannerSuit({ locale, showBanner }: { locale: string, showBanner: boolean }) {
+export async function FumaBannerSuit({
+  locale,
+  showBanner,
+  floating = true,
+}: {
+  locale: string;
+  showBanner: boolean;
+  floating?: boolean;
+}) {
   const t = await getTranslations({ locale, namespace: 'home' });
   const heightValue = showBanner ? 3 : 0.5;
-  const height= `${heightValue}rem`;
+  const height = `${heightValue}rem`;
   const bannerText = t('banner');
   return (
     <>
       {showBanner ? (
-        <Banner variant="rainbow" changeLayout={true} height={heightValue}>
+        <Banner
+          variant="rainbow"
+          changeLayout={true}
+          height={heightValue}
+          floating={floating}
+        >
           <p className="text-xl">{bannerText}</p>
         </Banner>
       ) : (
         <div
-          className="fixed top-0 left-0 w-screen z-[1001] m-0 rounded-none bg-neutral-100 dark:bg-neutral-900"
+          className="m-0 rounded-none bg-neutral-100 dark:bg-neutral-900"
           style={{
+            position: floating ? 'fixed' : 'relative',
+            top: floating ? 0 : undefined,
+            left: floating ? 0 : undefined,
+            width: floating ? '100vw' : '100%',
+            zIndex: floating ? 1001 : undefined,
             height: height,
             minHeight: height,
             maxHeight: height,
@@ -25,4 +43,3 @@ export async function FumaBannerSuit({ locale, showBanner }: { locale: string, s
     </>
   );
 }
-

package/src/fuma/fuma-page-genarator.tsx

@@ -40,6 +40,15 @@ interface FumaPageParams {
    * Supported locales for generating alternates metadata, defaults to ['en']
    */
   supportedLocales?: string[];
+
+  // default true
+  showBreadcrumb?: boolean;
+
+  // default true
+  showTableOfContent?: boolean;
+
+  // default false, for mobile style can cause issue
+  showTableOfContentPopover?: boolean;
 }
 
 export function createFumaPage({
@@ -52,6 +61,9 @@ export function createFumaPage({
   siteIcon,
   FallbackPage,
   supportedLocales = ['en'],
+  showBreadcrumb = true,
+  showTableOfContent = true,
+  showTableOfContentPopover = false,
 }: FumaPageParams) {
   const Page = async function Page({ params }: { params: Promise<{ locale: string; slug?: string[] }> }) {
     const { slug, locale } = await params;
@@ -60,7 +72,7 @@ export function createFumaPage({
       return <FallbackPage siteIcon={siteIcon} />;
     }
 
-    const path = githubBaseUrl ? `${mdxSourceDir}/${page.file.path}` : undefined;
+    const path = githubBaseUrl ? `${mdxSourceDir}/${page.path}` : undefined;
     const tocFooterElement = (
       <TocFooterWrapper
         lastModified={page.data.date}
@@ -77,14 +89,22 @@ export function createFumaPage({
     const MDX = page.data.body;
     return (
       <DocsPage
-        tableOfContent={{ style: 'clerk', single: false, footer: tocFooterElement }}
-        tableOfContentPopover={{ footer: tocFooterElement }}
+        breadcrumb={{enabled: showBreadcrumb}}
+        tableOfContent={{
+          enabled: showTableOfContent,
+          style: 'clerk',
+          single: false,
+          footer: tocFooterElement,
+        }}
+        tableOfContentPopover={{
+          enabled: showTableOfContentPopover,
+          footer: tocFooterElement,
+        }}
         toc={page.data.toc}
-        full={page.data.full}
         article={{ className: 'max-sm:pb-16' }}
       >
-        <DocsTitle>{page.data.title}</DocsTitle>
-        <DocsDescription className="mb-2">{page.data.description}</DocsDescription>
+        <DocsTitle>{page.title}</DocsTitle>
+        <DocsDescription className="mb-2">{page.description}</DocsDescription>
         <DocsBody className="text-fd-foreground/80">
           <MDX components={getMDXComponents()} />
         </DocsBody>
@@ -121,8 +141,8 @@ export function createFumaPage({
 
     return {
       metadataBase: new URL(baseUrl),
-      title: page.data.title,
-      description: page.data.description,
+      title: page.title,
+      description: page.description,
       alternates: {
         canonical: currentUrl,
         languages: seoLanguageMap
@@ -135,4 +155,4 @@ export function createFumaPage({
     generateStaticParams,
     generateMetadata,
   };
-} 
+} 

package/src/fuma/fuma-translate-util.ts

@@ -0,0 +1,44 @@
+import { getTranslations } from 'next-intl/server';
+import { Translations } from 'fumadocs-ui/i18n';
+
+const defaultFumaTranslations: Translations = {
+  search: 'Search',
+  searchNoResult: 'No results found',
+  toc: 'On this page',
+  tocNoHeadings: 'No Headings',
+  lastUpdate: 'Last updated on',
+  chooseLanguage: 'Choose a language',
+  nextPage: 'Next Page',
+  previousPage: 'Previous Page',
+  chooseTheme: 'Theme',
+  editOnGithub: 'Edit on GitHub',
+};
+
+type FumaTranslationKey = keyof Translations;
+
+function resolveTranslation(
+  t: Awaited<ReturnType<typeof getTranslations>>,
+  key: FumaTranslationKey,
+) {
+  const value = t.raw(key);
+  return typeof value === 'string' ? value : defaultFumaTranslations[key];
+}
+
+export async function getFumaTranslations(
+  locale: string,
+): Promise<Partial<Translations>> {
+  const t = await getTranslations({ locale, namespace: 'fuma' });
+
+  return {
+    search: resolveTranslation(t, 'search'),
+    searchNoResult: resolveTranslation(t, 'searchNoResult'),
+    toc: resolveTranslation(t, 'toc'),
+    tocNoHeadings: resolveTranslation(t, 'tocNoHeadings'),
+    lastUpdate: resolveTranslation(t, 'lastUpdate'),
+    chooseLanguage: resolveTranslation(t, 'chooseLanguage'),
+    nextPage: resolveTranslation(t, 'nextPage'),
+    previousPage: resolveTranslation(t, 'previousPage'),
+    chooseTheme: resolveTranslation(t, 'chooseTheme'),
+    editOnGithub: resolveTranslation(t, 'editOnGithub'),
+  } satisfies Partial<Translations>;
+}

package/src/fuma/llm-copy-handler.ts

@@ -30,20 +30,21 @@ export async function LLMCopyHandler(options: LLMCopyHandlerOptions): Promise<{
   try {
     console.log('[LLMCopy] Attempting to call getPage()');
     const page = dataSource.getPage(slug, locale);
+    // console.log(page);
     console.log('[LLMCopy] Call to getPage() completed.');
 
-    if (!page || !page.data) {
-      console.error(`[LLMCopy] Page or page.data not found for locale=${locale}, path=${requestedPath}`);
+    if (!page) {
+      console.error(`[LLMCopy] Page or page data not found for locale=${locale}, path=${requestedPath}`);
       return { error: 'Page data not found', status: 404 };
     }
-    if (!page.data._file || !page.data._file.path) {
-      console.error(`[LLMCopy] _file path information missing in page.data for locale=${locale}, path=${requestedPath}`);
+    if (!page.path) {
+      console.error(`[LLMCopy] file path information missing in page data for locale=${locale}, path=${requestedPath}`);
       return { error: 'Page file path information missing', status: 500 };
     }
 
-    const title = page.data.title;
-    const description = page.data.description;
-    const relativeMdxFilePath = page.data._file.path;
+    const title = page.title;
+    const description = page.description;
+    const relativeMdxFilePath = page.path;
     const absoluteFilePath = nodePath.join(process.cwd(), sourceDir, relativeMdxFilePath);
     console.log(`[LLMCopy] Attempting to read MDX content from: ${absoluteFilePath}`);
 

package/src/fuma/mdx/airtical-card.tsx

@@ -44,7 +44,7 @@ export function AirticalCard({ icon, title, description, ...props }: AirticalCar
       ) : null}
       <h3 className="not-prose mb-1 text-sm font-medium">{title}</h3>
       {description ? (
-        <p className="!my-0 text-sm text-fd-muted-foreground">{description}</p>
+        <p className="my-0! text-sm text-fd-muted-foreground">{description}</p>
       ) : null}
       {props.children ? (
         <div className="text-sm text-fd-muted-foreground prose-no-margin">

package/src/fuma/mdx/banner.tsx

@@ -82,6 +82,9 @@ export function Banner({
   variant = 'rainbow',
   changeLayout = true,
   height = 3,
+  floating = true,
+  className,
+  style,
   ...props
 }: HTMLAttributes<HTMLDivElement> & {
   /**
@@ -100,6 +103,12 @@ export function Banner({
    * @defaultValue true
    */
   changeLayout?: boolean;
+  /**
+   * Render the banner as a floating fixed element.
+   *
+   * @defaultValue true
+   */
+  floating?: boolean;
 }) {
   const [open, setOpen] = useState(true);
   const globalKey = id ? `nd-banner-${id}` : null;
@@ -119,20 +128,29 @@ export function Banner({
         'flex flex-row items-center justify-center px-4 text-center text-sm font-medium',
         'bg-neutral-100 dark:bg-neutral-900',
         !open && 'hidden',
-        props.className,
+        className,
       )}
       style={{
-        // 将 fuma.css 中的 .sticky.top-0.z-40 样式完全移到这里
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100vw',
-        zIndex: 1001,
         height: bannerHeight,
         minHeight: bannerHeight,
         maxHeight: bannerHeight,
         margin: 0,
         borderRadius: 0,
+        overflow: 'hidden',
+        ...(floating
+          ? {
+              position: 'fixed',
+              top: 0,
+              left: 0,
+              width: '100vw',
+              zIndex: 1001,
+            }
+          : {
+              position: 'relative',
+              width: '100%',
+              zIndex: 0,
+            }),
+        ...style,
       }}
     >
       

package/src/fuma/mdx/gradient-button.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Button } from "@windrun-huaiin/base-ui/ui";
+import { cn } from '@windrun-huaiin/lib/utils';
 import { globalLucideIcons as icons } from "@windrun-huaiin/base-ui/components/server";
 import Link from "next/link";
 import React, { useState } from 'react';
@@ -78,43 +79,59 @@ export function GradientButton({
   const displayTitle = isLoading ? actualLoadingText : title;
 
   // icon
-  const displayIcon = isLoading ? (
-    <icons.Loader2 className="h-4 w-4 text-white animate-spin" />
-  ) : icon ? (
-    React.cloneElement(icon as React.ReactElement<{ className?: string }>, { 
-      className: "h-4 w-4 text-white" 
-    })
-  ) : (
-    <icons.ArrowRight className="h-4 w-4 text-white" />
-  );
+  const iconProvided = icon !== undefined;
+
+  const iconNode = (() => {
+    if (isLoading) {
+      return <icons.Loader2 className="h-4 w-4 text-white animate-spin" />;
+    }
+
+    if (iconProvided) {
+      if (icon === null || icon === false) {
+        return null;
+      }
+
+      if (React.isValidElement<{ className?: string }>(icon)) {
+        return React.cloneElement(icon, {
+          className: cn('h-4 w-4 text-white', icon.props.className),
+        });
+      }
+
+      return icon;
+    }
+
+    return <icons.ArrowRight className="h-4 w-4 text-white" />;
+  })();
+
+  const shouldRenderIcon = iconNode !== null && iconNode !== undefined;
 
   const buttonContent = onClick ? (
     <>
-      <span>{displayIcon}</span>
-      <span className="ml-1">{displayTitle}</span>
+      {shouldRenderIcon ? <span>{iconNode}</span> : null}
+      <span className={cn(shouldRenderIcon && 'ml-1')}>{displayTitle}</span>
     </>
   ) : (
     <>
       <span>{displayTitle}</span>
-      <span className="ml-1">{displayIcon}</span>
+      {shouldRenderIcon ? <span className="ml-1">{iconNode}</span> : null}
     </>
   );
 
-  const buttonClassName = `
-    bg-gradient-to-r 
-    from-purple-400 to-pink-500 
-    hover:from-purple-500 hover:to-pink-600
-    dark:from-purple-500 dark:to-pink-600 
-    dark:hover:from-purple-600 dark:hover:to-pink-700
-    text-white text-base font-bold shadow-lg hover:shadow-xl
-    transition-all duration-300
-    rounded-full
-    ${isDisabled ? 'opacity-50 cursor-not-allowed' : ''}
-    ${className}
-  `;
+  const alignmentClass = align === 'right'
+    ? 'justify-end'
+    : align === 'center'
+      ? 'justify-center'
+      : 'justify-start';
+
+  const buttonClassName = cn(
+    'bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white text-base font-bold shadow-lg hover:shadow-xl transition-all duration-300 rounded-full',
+    alignmentClass,
+    isDisabled && 'opacity-50 cursor-not-allowed',
+    className,
+  );
 
   return (
-    <div className={`flex flex-col sm:flex-row gap-3 ${getAlignmentClass()}`}>
+    <div className={`flex flex-row gap-3 ${getAlignmentClass()}`}>
       {onClick ? (
         // for click
         <Button
@@ -145,4 +162,4 @@ export function GradientButton({
       )}
     </div>
   );
-} 
+} 

package/src/fuma/mdx/mermaid.tsx

@@ -216,7 +216,7 @@ export function Mermaid({ chart, title, watermarkEnabled, watermarkText, enableP
           role="dialog"
           aria-modal="true"
           aria-label={typeof title === 'string' ? title : 'Mermaid Preview'}
-          className="fixed inset-0 z-[9999] flex items-center justify-center"
+          className="fixed inset-0 z-9999 flex items-center justify-center"
         >
           <div
             className="absolute inset-0 bg-black/60"
@@ -224,7 +224,7 @@ export function Mermaid({ chart, title, watermarkEnabled, watermarkText, enableP
             onWheel={(e) => { e.preventDefault(); e.stopPropagation(); }}
             onTouchMove={(e) => { e.preventDefault(); e.stopPropagation(); }}
           />
-          <div className="relative z-[1] max-w-[95vw] w-[95vw] h-[88vh] p-0 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 rounded-md shadow-2xl overflow-hidden">
+          <div className="relative z-1 max-w-[95vw] w-[95vw] h-[88vh] p-0 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 rounded-md shadow-2xl overflow-hidden">
             {/* Top bar */}
             <div className="flex items-center justify-between px-3 py-2 border-b border-neutral-200 dark:border-neutral-700">
               <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-300">

package/src/fuma/mdx/toc-base.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import { useParams } from 'next/navigation';
+import { useTranslations } from 'next-intl';
 import { useCopyButton } from 'fumadocs-ui/utils/use-copy-button';
 import Link from 'fumadocs-core/link';
 import { globalLucideIcons as icons } from '@windrun-huaiin/base-ui/components/server';
@@ -15,6 +16,7 @@ export interface LLMCopyButtonProps {
 }
 
 export function LLMCopyButton({ llmApiUrl, sourceKey }: LLMCopyButtonProps = {}) {
+  const t = useTranslations('fuma');
   const [isLoading, setLoading] = useState(false);
   const params = useParams();
   const locale = params.locale as string;
@@ -68,12 +70,12 @@ export function LLMCopyButton({ llmApiUrl, sourceKey }: LLMCopyButtonProps = {})
       {checked ? (
         <>
           <icons.Check/>
-          Copied!
+          {t('copyMarkdownDone')}
         </>
       ) : (
         <>
           <icons.Markdown/>
-          Copy page as Markdown
+          {t('copyMarkdown')}
         </>
       )}
     </Button>
@@ -81,23 +83,26 @@ export function LLMCopyButton({ llmApiUrl, sourceKey }: LLMCopyButtonProps = {})
 }
 
 export function EditOnGitHub({ url }: { url: string }) {
+  const t = useTranslations('fuma');
   return (
     <Link
       className="flex items-center gap-x-2 text-stone-600 hover:text-stone-500 dark:text-stone-400 dark:hover:text-stone-300 text-sm"
       href={url}
     >
       <icons.GitHub/>
-      Edit this page on GitHub
+      {t('editOnGithub')}
     </Link>
   );
 }
 
 // New component for displaying the last updated date with an icon
 export function LastUpdatedDate({ date }: { date: string | undefined }) {
+  const t = useTranslations('fuma');
+  const viewDate = date ? `${t('lastUpdate')} ${date}` : `${t('emptyLastUpdate')}`
   return (
     <div className="flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm">
       <icons.LastUpdated/>
-      Latest on {date ? date : "Ages ago"}
+      {viewDate}
     </div>
   );
 }

package/src/fuma/mdx/zia-card.tsx

@@ -33,11 +33,11 @@ export function ZiaCard({ icon, title, description, ...props }: ZiaCardProps) {
         <div className="not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4">
           {icon ? icon : <icons.CircleSmall />}
         </div>
-        <h3 className="not-prose mb-1 text-sm font-medium line-clamp-2 min-h-[2.5rem]">{title}</h3>
+        <h3 className="not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10">{title}</h3>
         {validDescription ? (
-          <p className="!my-0 text-sm text-fd-muted-foreground">{description}</p>
+          <p className="my-0! text-sm text-fd-muted-foreground">{description}</p>
         ) : (
-          <p className="!my-0 text-sm text-fd-muted-foreground opacity-0 select-none">&nbsp;</p>
+          <p className="my-0! text-sm text-fd-muted-foreground opacity-0 select-none">&nbsp;</p>
         )}
         {props.children ? (
           <div className="text-sm text-fd-muted-foreground prose-no-margin">
@@ -59,11 +59,11 @@ export function ZiaCard({ icon, title, description, ...props }: ZiaCardProps) {
       <div className="not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4">
         {icon ? icon : <icons.CircleSmall />}
       </div>
-      <h3 className="not-prose mb-1 text-sm font-medium line-clamp-2 min-h-[2.5rem]">{title}</h3>
+      <h3 className="not-prose mb-1 text-sm font-medium line-clamp-2 min-h-10">{title}</h3>
       {validDescription ? (
-        <p className="!my-0 text-sm text-fd-muted-foreground">{description}</p>
+        <p className="my-0! text-sm text-fd-muted-foreground">{description}</p>
       ) : (
-        <p className="!my-0 text-sm text-fd-muted-foreground opacity-0 select-none">&nbsp;</p>
+        <p className="my-0! text-sm text-fd-muted-foreground opacity-0 select-none">&nbsp;</p>
       )}
       {props.children ? (
         <div className="text-sm text-fd-muted-foreground prose-no-margin">

package/src/fuma/server.ts

@@ -1,5 +1,6 @@
 // Fumadocs related components, this is a server component!
 export * from './fuma-page-genarator';
+export * from './fuma-translate-util';
 export * from './llm-copy-handler';
 export * from './fuma-banner-suit';
 export * from './site-x';