@windrun-huaiin/third-ui 5.14.1 → 6.0.0

package/dist/fuma/server.mjs

@@ -9471,66 +9471,33 @@ function LastUpdatedDate({ date }) {
   ] });
 }
 
-// src/fuma/mdx/fuma-banner-suit.tsx
-import { useTranslations } from "next-intl";
-
-// src/fuma/mdx/banner.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { useEffect as useEffect2, useState as useState5 } from "react";
-import { Fragment as Fragment5, jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
-var buttonVariants2 = cva2(
-  "inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      color: {
-        primary: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        secondary: "border bg-secondary text-secondary-foreground hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        sm: "gap-1 px-2 py-1.5 text-xs",
-        icon: "p-1.5 [&_svg]:size-5",
-        "icon-sm": "p-1.5 [&_svg]:size-4.5"
-      }
-    }
-  }
-);
-
-// src/fuma/mdx/fuma-banner-suit.tsx
-import { Fragment as Fragment6, jsx as jsx43 } from "react/jsx-runtime";
-
 // src/fuma/mdx/fuma-github-info.tsx
-import { useEffect as useEffect3, useState as useState6 } from "react";
-import { jsx as jsx44, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// src/fuma/mdx/site-x.tsx
-import { useTranslations as useTranslations2 } from "next-intl";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { useEffect as useEffect2, useState as useState5 } from "react";
+import { jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/fuma/mdx/zia-file.tsx
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
 } from "fumadocs-ui/components/ui/collapsible";
 import Link5 from "next/link";
-import { jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
 
 // src/fuma/mdx/toc-footer-wrapper.tsx
-import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs18 } from "react/jsx-runtime";
 function TocFooterWrapper({ lastModified, editPath, githubBaseUrl, copyButtonComponent }) {
   const showEdit = githubBaseUrl && editPath;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-y-2 items-start m-4", children: [
-    /* @__PURE__ */ jsx47(LastUpdatedDate, { date: lastModified }),
+  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-y-2 items-start m-4", children: [
+    /* @__PURE__ */ jsx44(LastUpdatedDate, { date: lastModified }),
     copyButtonComponent,
-    showEdit && /* @__PURE__ */ jsx47(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
+    showEdit && /* @__PURE__ */ jsx44(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
   ] });
 }
 
 // src/fuma/fuma-page-genarator.tsx
-import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs19 } from "react/jsx-runtime";
 function createFumaPage({
   sourceKey,
   mdxContentSource,
@@ -9547,10 +9514,10 @@ function createFumaPage({
       const { slug, locale } = yield params;
       const page = mdxContentSource.getPage(slug, locale);
       if (!page) {
-        return /* @__PURE__ */ jsx48(FallbackPage, { siteIcon });
+        return /* @__PURE__ */ jsx45(FallbackPage, { siteIcon });
       }
       const path2 = githubBaseUrl ? `${mdxSourceDir}/${page.file.path}` : void 0;
-      const tocFooterElement = /* @__PURE__ */ jsx48(
+      const tocFooterElement = /* @__PURE__ */ jsx45(
         TocFooterWrapper,
         {
           lastModified: page.data.date,
@@ -9560,7 +9527,7 @@ function createFumaPage({
         }
       );
       const MDX = page.data.body;
-      return /* @__PURE__ */ jsxs20(
+      return /* @__PURE__ */ jsxs19(
         DocsPage,
         {
           tableOfContent: { style: "clerk", single: false, footer: tocFooterElement },
@@ -9569,9 +9536,9 @@ function createFumaPage({
           full: page.data.full,
           article: { className: "max-sm:pb-16" },
           children: [
-            /* @__PURE__ */ jsx48(DocsTitle, { children: page.data.title }),
-            /* @__PURE__ */ jsx48(DocsDescription, { className: "mb-2", children: page.data.description }),
-            /* @__PURE__ */ jsx48(DocsBody, { className: "text-fd-foreground/80", children: /* @__PURE__ */ jsx48(MDX, { components: getMDXComponents() }) })
+            /* @__PURE__ */ jsx45(DocsTitle, { children: page.data.title }),
+            /* @__PURE__ */ jsx45(DocsDescription, { className: "mb-2", children: page.data.description }),
+            /* @__PURE__ */ jsx45(DocsBody, { className: "text-fd-foreground/80", children: /* @__PURE__ */ jsx45(MDX, { components: getMDXComponents() }) })
           ]
         }
       );
@@ -29970,8 +29937,224 @@ function LLMCopyHandler(options) {
     }
   });
 }
+
+// src/fuma/fuma-banner-suit.tsx
+import { getTranslations } from "next-intl/server";
+
+// src/fuma/mdx/banner.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { useEffect as useEffect3, useState as useState7 } from "react";
+import { Fragment as Fragment5, jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+var buttonVariants2 = cva2(
+  "inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        secondary: "border bg-secondary text-secondary-foreground hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        sm: "gap-1 px-2 py-1.5 text-xs",
+        icon: "p-1.5 [&_svg]:size-5",
+        "icon-sm": "p-1.5 [&_svg]:size-4.5"
+      }
+    }
+  }
+);
+function Banner(_a) {
+  var _b = _a, {
+    id,
+    variant = "rainbow",
+    changeLayout = true,
+    height = 3
+  } = _b, props = __objRest(_b, [
+    "id",
+    "variant",
+    "changeLayout",
+    "height"
+  ]);
+  const [open, setOpen] = useState7(true);
+  const globalKey = id ? `nd-banner-${id}` : null;
+  const bannerHeight = `${height}rem`;
+  useEffect3(() => {
+    if (globalKey) setOpen(localStorage.getItem(globalKey) !== "true");
+  }, [globalKey]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    __spreadProps(__spreadValues({
+      id
+    }, props), {
+      className: cn(
+        "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
+      ),
+      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
+      },
+      children: [
+        globalKey ? /* @__PURE__ */ jsx46("style", { children: `.${globalKey} #${id} { display: none; }` }) : null,
+        globalKey ? /* @__PURE__ */ jsx46(
+          "script",
+          {
+            dangerouslySetInnerHTML: {
+              __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`
+            }
+          }
+        ) : null,
+        variant === "rainbow" ? rainbowLayer : null,
+        props.children,
+        id ? /* @__PURE__ */ jsx46(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Close Banner",
+            onClick: () => {
+              setOpen(false);
+              if (globalKey) localStorage.setItem(globalKey, "true");
+            },
+            className: cn(
+              buttonVariants2({
+                color: "ghost",
+                className: "absolute end-2 top-1/2 -translate-y-1/2 text-neutral-600 dark:text-neutral-400",
+                size: "icon"
+              })
+            ),
+            children: /* @__PURE__ */ jsx46(globalLucideIcons.X, {})
+          }
+        ) : null
+      ]
+    })
+  );
+}
+var maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
+var rainbowLayer = /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  /* @__PURE__ */ jsx46(
+    "div",
+    {
+      className: "absolute inset-0 z-[-1]",
+      style: {
+        maskImage,
+        maskComposite: "intersect",
+        animation: "fd-moving-banner 16s linear infinite",
+        "--start": "rgba(0,87,255,0.5)",
+        "--mid": "rgba(255,0,166,0.77)",
+        "--end": "rgba(255,77,0,0.4)",
+        "--via": "rgba(164,255,68,0.4)",
+        animationDirection: "reverse",
+        backgroundImage: "repeating-linear-gradient(60deg, var(--end), var(--start) 2%, var(--start) 5%, transparent 8%, transparent 14%, var(--via) 18%, var(--via) 22%, var(--mid) 28%, var(--mid) 30%, var(--via) 34%, var(--via) 36%, transparent, var(--end) calc(50% - 12px))",
+        backgroundSize: "200% 100%",
+        mixBlendMode: "difference"
+      }
+    }
+  ),
+  /* @__PURE__ */ jsx46(
+    "div",
+    {
+      className: "absolute inset-0 z-[-1]",
+      style: {
+        maskImage,
+        maskComposite: "intersect",
+        animation: "fd-moving-banner 20s linear infinite",
+        "--start": "rgba(255,120,120,0.5)",
+        "--mid": "rgba(36,188,255,0.4)",
+        "--end": "rgba(64,0,255,0.51)",
+        "--via": "rgba(255,89,0,0.56)",
+        backgroundImage: "repeating-linear-gradient(45deg, var(--end), var(--start) 4%, var(--start) 8%, transparent 9%, transparent 14%, var(--mid) 16%, var(--mid) 20%, transparent, var(--via) 36%, var(--via) 40%, transparent 42%, var(--end) 46%, var(--end) calc(50% - 16.8px))",
+        backgroundSize: "200% 100%",
+        mixBlendMode: "color-dodge"
+      }
+    }
+  ),
+  /* @__PURE__ */ jsx46("style", { children: `@keyframes fd-moving-banner {
+            from { background-position: 0% 0;  }
+            to { background-position: 100% 0;  }
+         }` })
+] });
+
+// src/fuma/fuma-banner-suit.tsx
+import { Fragment as Fragment6, jsx as jsx47 } from "react/jsx-runtime";
+function FumaBannerSuit(_0) {
+  return __async(this, arguments, function* ({ locale, showBanner }) {
+    const t = yield getTranslations({ locale, namespace: "home" });
+    const heightValue = showBanner ? 3 : 0.5;
+    const height = `${heightValue}rem`;
+    return /* @__PURE__ */ jsx47(Fragment6, { children: showBanner ? /* @__PURE__ */ jsx47(Banner, { variant: "rainbow", changeLayout: true, height: heightValue, children: /* @__PURE__ */ jsx47("p", { className: "text-xl", children: t("banner") }) }) : /* @__PURE__ */ jsx47(
+      "div",
+      {
+        className: "fixed top-0 left-0 w-screen z-[1001] m-0 rounded-none bg-neutral-100 dark:bg-neutral-900",
+        style: {
+          height,
+          minHeight: height,
+          maxHeight: height
+        }
+      }
+    ) });
+  });
+}
+
+// src/fuma/site-x.tsx
+import { getTranslations as getTranslations2 } from "next-intl/server";
+import { jsx as jsx48 } from "react/jsx-runtime";
+function SiteX(_a) {
+  return __async(this, null, function* () {
+    var _b = _a, { locale, type, namespace, tKey, className } = _b, props = __objRest(_b, ["locale", "type", "namespace", "tKey", "className"]);
+    let ns = namespace;
+    let key = tKey;
+    if (!ns) {
+      ns = type === "site" ? "home" : "footer";
+    }
+    if (!key) {
+      key = type === "site" ? "title" : "email";
+    }
+    const t = yield getTranslations2({ locale, namespace: ns });
+    const text5 = t(key, { defaultValue: type === "site" ? "Site----" : "----@example.com" });
+    if (type === "site") {
+      return /* @__PURE__ */ jsx48(
+        "strong",
+        __spreadProps(__spreadValues({}, props), {
+          className: cn(
+            "font-extrabold text-sm",
+            className
+          ),
+          children: text5
+        })
+      );
+    }
+    if (type === "email") {
+      return /* @__PURE__ */ jsx48(
+        "a",
+        __spreadProps(__spreadValues({}, props), {
+          href: `mailto:${text5}`,
+          className: cn(
+            "font-mono underline text-sm",
+            className
+          ),
+          children: text5
+        })
+      );
+    }
+    return null;
+  });
+}
 export {
+  FumaBannerSuit,
   LLMCopyHandler,
+  SiteX,
   createFumaPage
 };
 /*! Bundled license information: