@windrun-huaiin/third-ui 6.2.0 → 6.2.1

package/dist/fuma/mdx/index.d.mts

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ImageProps } from 'fumadocs-core/framework';
 import React, { ImgHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import { UncontrolledProps } from 'react-medium-image-zoom';
-export { E as EditOnGitHub, a as LLMCopyButton, L as LLMCopyButtonProps, b as LastUpdatedDate } from '../../toc-base-BC7kXpDU.mjs';
 
 interface MermaidProps {
     chart: string;
@@ -72,6 +71,18 @@ interface GradientButtonProps {
 }
 declare function GradientButton({ title, icon, align, disabled, className, href, openInNewTab, onClick, loadingText, preventDoubleClick, }: GradientButtonProps): react_jsx_runtime.JSX.Element;
 
+interface LLMCopyButtonProps {
+    llmApiUrl?: string;
+    sourceKey?: string;
+}
+declare function LLMCopyButton({ llmApiUrl, sourceKey }?: LLMCopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function EditOnGitHub({ url }: {
+    url: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LastUpdatedDate({ date }: {
+    date: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 interface FumaGithubInfoProps {
     owner: string;
     repo: string;
@@ -113,4 +124,21 @@ interface TocFooterProps {
 }
 declare function TocFooterWrapper({ lastModified, editPath, githubBaseUrl, copyButtonComponent }: TocFooterProps): react_jsx_runtime.JSX.Element;
 
-export { FumaGithubInfo, GradientButton, type GradientButtonProps, ImageGrid, ImageZoom, type ImageZoomProps, Mermaid, TocFooterWrapper, TrophyCard, ZiaCard, type ZiaCardProps, ZiaFile, type ZiaFileProps, ZiaFolder, type ZiaFolderProps };
+declare function Banner({ id, variant, changeLayout, height, ...props }: HTMLAttributes<HTMLDivElement> & {
+    /**
+     * @defaultValue default is 3 rem
+     */
+    height?: number;
+    /**
+     * @defaultValue 'normal'
+     */
+    variant?: 'rainbow' | 'normal';
+    /**
+     * Change Fumadocs layout styles
+     *
+     * @defaultValue true
+     */
+    changeLayout?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { Banner, EditOnGitHub, FumaGithubInfo, GradientButton, type GradientButtonProps, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, type LLMCopyButtonProps, LastUpdatedDate, Mermaid, TocFooterWrapper, TrophyCard, ZiaCard, type ZiaCardProps, ZiaFile, type ZiaFileProps, ZiaFolder, type ZiaFolderProps };

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

@@ -2,7 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ImageProps } from 'fumadocs-core/framework';
 import React, { ImgHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import { UncontrolledProps } from 'react-medium-image-zoom';
-export { E as EditOnGitHub, a as LLMCopyButton, L as LLMCopyButtonProps, b as LastUpdatedDate } from '../../toc-base-BC7kXpDU.js';
 
 interface MermaidProps {
     chart: string;
@@ -72,6 +71,18 @@ interface GradientButtonProps {
 }
 declare function GradientButton({ title, icon, align, disabled, className, href, openInNewTab, onClick, loadingText, preventDoubleClick, }: GradientButtonProps): react_jsx_runtime.JSX.Element;
 
+interface LLMCopyButtonProps {
+    llmApiUrl?: string;
+    sourceKey?: string;
+}
+declare function LLMCopyButton({ llmApiUrl, sourceKey }?: LLMCopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function EditOnGitHub({ url }: {
+    url: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LastUpdatedDate({ date }: {
+    date: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 interface FumaGithubInfoProps {
     owner: string;
     repo: string;
@@ -113,4 +124,21 @@ interface TocFooterProps {
 }
 declare function TocFooterWrapper({ lastModified, editPath, githubBaseUrl, copyButtonComponent }: TocFooterProps): react_jsx_runtime.JSX.Element;
 
-export { FumaGithubInfo, GradientButton, type GradientButtonProps, ImageGrid, ImageZoom, type ImageZoomProps, Mermaid, TocFooterWrapper, TrophyCard, ZiaCard, type ZiaCardProps, ZiaFile, type ZiaFileProps, ZiaFolder, type ZiaFolderProps };
+declare function Banner({ id, variant, changeLayout, height, ...props }: HTMLAttributes<HTMLDivElement> & {
+    /**
+     * @defaultValue default is 3 rem
+     */
+    height?: number;
+    /**
+     * @defaultValue 'normal'
+     */
+    variant?: 'rainbow' | 'normal';
+    /**
+     * Change Fumadocs layout styles
+     *
+     * @defaultValue true
+     */
+    changeLayout?: boolean;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { Banner, EditOnGitHub, FumaGithubInfo, GradientButton, type GradientButtonProps, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, type LLMCopyButtonProps, LastUpdatedDate, Mermaid, TocFooterWrapper, TrophyCard, ZiaCard, type ZiaCardProps, ZiaFile, type ZiaFileProps, ZiaFolder, type ZiaFolderProps };

package/dist/fuma/mdx/index.js

@@ -81,6 +81,7 @@ var __async = (__this, __arguments, generator) => {
 // src/fuma/mdx/index.ts
 var mdx_exports = {};
 __export(mdx_exports, {
+  Banner: () => Banner,
   EditOnGitHub: () => EditOnGitHub,
   FumaGithubInfo: () => FumaGithubInfo,
   GradientButton: () => GradientButton,
@@ -3144,6 +3145,7 @@ function TrophyCard({
 }
 
 // src/fuma/mdx/image-grid.tsx
+var import_image_zoom = require("@third-ui/fuma/mdx/image-zoom");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function ImageGrid({
   type = "url",
@@ -3162,7 +3164,7 @@ function ImageGrid({
         alignItems: "center"
       },
       children: images.map((img, idx) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-        ImageZoom,
+        import_image_zoom.ImageZoom,
         {
           src: img.startsWith("http://") || img.startsWith("https://") ? img : type === "url" ? `${cdnBaseUrl == null ? void 0 : cdnBaseUrl.replace(/\/+$/, "")}/${img.replace(/^\/+/, "")}` : img,
           alt: `${altPrefix}-${idx + 1}`
@@ -3817,17 +3819,164 @@ function ZiaFolder(_a) {
 }
 
 // src/fuma/mdx/toc-footer-wrapper.tsx
+var import_toc_base = require("@third-ui/fuma/mdx/toc-base");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function TocFooterWrapper({ lastModified, editPath, githubBaseUrl, copyButtonComponent }) {
   const showEdit = githubBaseUrl && editPath;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-y-2 items-start m-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LastUpdatedDate, { date: lastModified }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_toc_base.LastUpdatedDate, { date: lastModified }),
     copyButtonComponent,
-    showEdit && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
+    showEdit && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_toc_base.EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
   ] });
 }
+
+// src/fuma/mdx/banner.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_react41 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var buttonVariants2 = (0, import_class_variance_authority2.cva)(
+  "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"
+      }
+    }
+  }
+);
+var maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
+var rainbowLayer = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    "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__ */ (0, import_jsx_runtime45.jsx)(
+    "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__ */ (0, import_jsx_runtime45.jsx)("style", { children: `@keyframes fd-moving-banner {
+            from { background-position: 0% 0;  }
+            to { background-position: 100% 0;  }
+         }` })
+] });
+function Banner(_a) {
+  var _b = _a, {
+    id,
+    variant = "rainbow",
+    changeLayout = true,
+    height = 3
+  } = _b, props = __objRest(_b, [
+    "id",
+    "variant",
+    "changeLayout",
+    "height"
+  ]);
+  const [open, setOpen] = (0, import_react41.useState)(true);
+  const globalKey = id ? `nd-banner-${id}` : null;
+  const bannerHeight = `${height}rem`;
+  (0, import_react41.useEffect)(() => {
+    if (globalKey) setOpen(localStorage.getItem(globalKey) !== "true");
+  }, [globalKey]);
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    "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__ */ (0, import_jsx_runtime45.jsx)("style", { children: `.${globalKey} #${id} { display: none; }` }) : null,
+        globalKey ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          "script",
+          {
+            dangerouslySetInnerHTML: {
+              __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`
+            }
+          }
+        ) : null,
+        variant === "rainbow" ? rainbowLayer : null,
+        props.children,
+        id ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          "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__ */ (0, import_jsx_runtime45.jsx)(globalLucideIcons.X, {})
+          }
+        ) : null
+      ]
+    })
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Banner,
   EditOnGitHub,
   FumaGithubInfo,
   GradientButton,