@windrun-huaiin/third-ui 6.2.2 → 6.3.0

package/dist/chunk-C3MW5ZUN.mjs

@@ -0,0 +1,967 @@
+/* eslint-disable */
+import {
+  Button,
+  cn
+} from "./chunk-NV3UQTCW.mjs";
+import {
+  globalLucideIcons
+} from "./chunk-TKLIIDBR.mjs";
+import {
+  __async,
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-BZLOMDT7.mjs";
+
+// src/fuma/mdx/mermaid.tsx
+import { useTheme } from "next-themes";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview = true }) {
+  const id = useId();
+  const [svg, setSvg] = useState("");
+  const { resolvedTheme } = useTheme();
+  const [open, setOpen] = useState(false);
+  const [scale, setScale] = useState(1);
+  const [translate, setTranslate] = useState({ x: 0, y: 0 });
+  const isPanningRef = useRef(false);
+  const startPointRef = useRef({ x: 0, y: 0 });
+  const startTranslateRef = useRef({ x: 0, y: 0 });
+  useEffect(() => {
+    let isMounted = true;
+    void renderChart();
+    function renderChart() {
+      return __async(this, null, function* () {
+        const mermaidConfig = {
+          startOnLoad: false,
+          securityLevel: "loose",
+          fontFamily: "inherit",
+          themeCSS: "margin: 1.5rem auto 0;",
+          theme: resolvedTheme === "dark" ? "dark" : "default"
+        };
+        const { default: mermaid } = yield import("mermaid");
+        try {
+          mermaid.initialize(mermaidConfig);
+          const { svg: svg2 } = yield mermaid.render(
+            id.replaceAll(":", ""),
+            chart.replaceAll("\\n", "\n")
+          );
+          let svgWithWatermark = svg2;
+          if (watermarkEnabled && watermarkText) {
+            svgWithWatermark = addWatermarkToSvg(svg2, watermarkText);
+          }
+          if (isMounted) setSvg(svgWithWatermark);
+        } catch (error) {
+          console.error("Error while rendering mermaid", error);
+        }
+      });
+    }
+    return () => {
+      isMounted = false;
+      setSvg("");
+    };
+  }, [chart, id, resolvedTheme, watermarkEnabled, watermarkText]);
+  const clamp = (v, min, max) => Math.min(Math.max(v, min), max);
+  const resetTransform = useCallback(() => {
+    setScale(4);
+    setTranslate({ x: 0, y: 0 });
+  }, []);
+  const zoomBy = useCallback((delta) => {
+    setScale((prev) => clamp(prev + delta, 0.25, 10));
+  }, []);
+  const onWheel = useCallback((e) => {
+    if (e.metaKey || e.ctrlKey) {
+      e.preventDefault();
+      e.stopPropagation();
+      const delta = e.deltaY > 0 ? -0.1 : 0.1;
+      setScale((prev) => clamp(prev + delta, 0.25, 10));
+    } else {
+      e.preventDefault();
+      e.stopPropagation();
+      setTranslate((prev) => ({ x: prev.x - e.deltaX, y: prev.y - e.deltaY }));
+    }
+  }, []);
+  const onPointerDown = useCallback((e) => {
+    isPanningRef.current = true;
+    startPointRef.current = { x: e.clientX, y: e.clientY };
+    startTranslateRef.current = __spreadValues({}, translate);
+    e.currentTarget.setPointerCapture(e.pointerId);
+  }, [translate]);
+  const onPointerMove = useCallback((e) => {
+    if (!isPanningRef.current) return;
+    const dx = e.clientX - startPointRef.current.x;
+    const dy = e.clientY - startPointRef.current.y;
+    setTranslate({ x: startTranslateRef.current.x + dx, y: startTranslateRef.current.y + dy });
+  }, []);
+  const onPointerUp = useCallback((e) => {
+    isPanningRef.current = false;
+    e.currentTarget.releasePointerCapture(e.pointerId);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    resetTransform();
+    const onGlobalWheel = (ev) => {
+      if (ev.ctrlKey || ev.metaKey) {
+        ev.preventDefault();
+      }
+    };
+    const onKeyDown = (ev) => {
+      if (!(ev.ctrlKey || ev.metaKey)) return;
+      const k = ev.key;
+      if (k === "=" || k === "+") {
+        ev.preventDefault();
+        setScale((prev) => clamp(prev + 0.2, 0.25, 10));
+      } else if (k === "-") {
+        ev.preventDefault();
+        setScale((prev) => clamp(prev - 0.2, 0.25, 10));
+      } else if (k === "0") {
+        ev.preventDefault();
+        resetTransform();
+      }
+    };
+    window.addEventListener("wheel", onGlobalWheel, { passive: false, capture: true });
+    window.addEventListener("keydown", onKeyDown, { capture: true });
+    return () => {
+      window.removeEventListener("wheel", onGlobalWheel, true);
+      window.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [open, resetTransform]);
+  useEffect(() => {
+    if (!open) return;
+    const previousPosition = document.body.style.position;
+    const previousTop = document.body.style.top;
+    const previousLeft = document.body.style.left;
+    const previousRight = document.body.style.right;
+    const previousWidth = document.body.style.width;
+    const scrollY = window.scrollY;
+    document.body.style.position = "fixed";
+    document.body.style.top = `-${scrollY}px`;
+    document.body.style.left = "0";
+    document.body.style.right = "0";
+    document.body.style.width = "100%";
+    return () => {
+      document.body.style.position = previousPosition;
+      document.body.style.top = previousTop;
+      document.body.style.left = previousLeft;
+      document.body.style.right = previousRight;
+      document.body.style.width = previousWidth;
+      window.scrollTo(0, scrollY);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: enablePreview ? "group relative cursor-zoom-in" : void 0,
+        onClick: () => enablePreview && svg && setOpen(true),
+        children: [
+          /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: svg } }),
+          enablePreview && svg && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute right-2 top-2 hidden rounded bg-black/50 px-2 py-0.5 text-[12px] text-white group-hover:block", children: "Preview Chart" })
+        ]
+      }
+    ),
+    title && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "mt-2 flex items-center justify-center text-center text-[13px] font-italic text-[#AC62FD]",
+        children: [
+          /* @__PURE__ */ jsx(globalLucideIcons.Mmd, { className: "mr-1 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: title })
+        ]
+      }
+    ),
+    enablePreview && open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": typeof title === "string" ? title : "Mermaid Preview",
+        className: "fixed inset-0 z-[9999] flex items-center justify-center",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-black/60",
+              onClick: () => {
+                setOpen(false);
+                resetTransform();
+              },
+              onWheel: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+              },
+              onTouchMove: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs("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", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-neutral-200 dark:border-neutral-700", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-300", children: [
+                /* @__PURE__ */ jsx(globalLucideIcons.Mmd, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate max-w-[50vw]", children: title != null ? title : "Mermaid Preview" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom out",
+                    className: "flex h-6 w-6 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 text-[13px]",
+                    onClick: () => zoomBy(-0.5),
+                    children: "\uFF0D"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "mx-0.5 text-[12px] w-12 text-center select-none", children: [
+                  Math.round(scale * 100),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom in",
+                    className: "flex h-6 w-6 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 text-[13px]",
+                    onClick: () => zoomBy(0.5),
+                    children: "\uFF0B"
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "mx-1 h-4 w-px bg-neutral-300 dark:bg-neutral-700" }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom 100%",
+                    className: "inline-flex h-6 min-w-8 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 px-1.5 text-[12px]",
+                    onClick: () => setScale(1),
+                    children: "X1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom 200%",
+                    className: "ml-1 inline-flex h-6 min-w-8 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 px-1.5 text-[12px]",
+                    onClick: () => setScale(2),
+                    children: "X2"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom 300%",
+                    className: "ml-1 inline-flex h-6 min-w-8 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 px-1.5 text-[12px]",
+                    onClick: () => setScale(3),
+                    children: "X3"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Zoom 1000%",
+                    className: "ml-1 inline-flex h-6 min-w-10 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 px-1.5 text-[12px]",
+                    onClick: () => setScale(10),
+                    children: "X10"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Reset",
+                    className: "ml-1 flex h-6 w-6 items-center justify-center rounded text-purple-500 hover:text-purple-600",
+                    onClick: resetTransform,
+                    children: /* @__PURE__ */ jsx(globalLucideIcons.RefreshCcw, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Close",
+                    className: "ml-1 flex h-6 w-6 items-center justify-center rounded text-purple-500 hover:text-purple-600",
+                    onClick: () => {
+                      setOpen(false);
+                      resetTransform();
+                    },
+                    children: /* @__PURE__ */ jsx(globalLucideIcons.X, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "relative h-[calc(88vh-40px)] w-full overflow-hidden bg-white dark:bg-neutral-900 touch-none overscroll-contain",
+                onWheel,
+                onPointerDown,
+                onPointerMove,
+                onPointerUp,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "absolute left-1/2 top-1/2",
+                      style: { transform: `translate(-50%, -50%) translate(${translate.x}px, ${translate.y}px)` },
+                      children: /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: { transform: `scale(${scale})`, transformOrigin: "50% 50%" },
+                          dangerouslySetInnerHTML: { __html: svg }
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-2 right-3 rounded bg-black/40 px-2 py-1 text-xs text-white", children: "Drag to pan, hold Cmd/Ctrl + scroll to zoom" })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function addWatermarkToSvg(svg, watermark) {
+  const watermarkText = `
+    <text
+      x="100%"
+      y="98%"
+      text-anchor="end"
+      font-size="12"
+      font-style="italic"
+      fill="#AC62FD"
+      opacity="0.40"
+      class="pointer-events-none"
+      dx="-8"
+      dy="-4"
+    >${watermark}</text>
+  `;
+  return svg.replace("</svg>", `${watermarkText}</svg>`);
+}
+
+// src/fuma/mdx/image-zoom.tsx
+import { Image } from "fumadocs-core/framework";
+import { useState as useState2 } from "react";
+import Zoom from "react-medium-image-zoom";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function getImageSrc(src) {
+  if (typeof src === "string") return src;
+  if (typeof src === "object") {
+    if ("default" in src)
+      return src.default.src;
+    return src.src;
+  }
+  return "";
+}
+function ImageZoom(_a) {
+  var _b = _a, {
+    zoomInProps,
+    children,
+    rmiz,
+    fallbackSrc = "https://r2.d8ger.com/default.webp"
+  } = _b, props = __objRest(_b, [
+    "zoomInProps",
+    "children",
+    "rmiz",
+    "fallbackSrc"
+  ]);
+  var _a2;
+  const [imgSrc, setImgSrc] = useState2(getImageSrc(props.src));
+  const handleError = () => {
+    console.warn("ImageZoom check error:", imgSrc, fallbackSrc);
+    if (imgSrc !== fallbackSrc) {
+      setImgSrc(fallbackSrc);
+    }
+  };
+  return /* @__PURE__ */ jsx2(
+    Zoom,
+    __spreadProps(__spreadValues({
+      zoomMargin: 20,
+      wrapElement: "span"
+    }, rmiz), {
+      zoomImg: __spreadProps(__spreadValues({
+        src: imgSrc,
+        sizes: void 0
+      }, zoomInProps), {
+        onError: handleError
+      }),
+      children: children != null ? children : /* @__PURE__ */ jsx2(
+        Image,
+        __spreadProps(__spreadValues({}, props), {
+          src: imgSrc,
+          onError: handleError,
+          sizes: "(max-width: 400px) 100vw, 300px",
+          style: { width: "100%", height: "auto", maxWidth: 300 },
+          alt: (_a2 = props.alt) != null ? _a2 : "",
+          width: 300,
+          height: 225
+        })
+      )
+    })
+  );
+}
+
+// src/fuma/mdx/trophy-card.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function TrophyCard({
+  icon = /* @__PURE__ */ jsx3(globalLucideIcons.Star, {}),
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "\n        border-2 rounded-xl px-4 py-2\n        border-purple-200 dark:border-gray-500\n      ",
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center font-bold text-sm", children: [
+          /* @__PURE__ */ jsx3("span", { className: "mr-2", children: icon }),
+          /* @__PURE__ */ jsx3("span", { children: title })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "text-sm -mt-1 leading-none", children })
+      ]
+    }
+  );
+}
+
+// src/fuma/mdx/image-grid.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function ImageGrid({
+  type = "url",
+  images,
+  altPrefix = "",
+  cdnBaseUrl
+}) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(2, 1fr)",
+        gap: "16px",
+        justifyItems: "center",
+        alignItems: "center"
+      },
+      children: images.map((img, idx) => /* @__PURE__ */ jsx4(
+        ImageZoom,
+        {
+          src: img.startsWith("http://") || img.startsWith("https://") ? img : type === "url" ? `${cdnBaseUrl == null ? void 0 : cdnBaseUrl.replace(/\/+$/, "")}/${img.replace(/^\/+/, "")}` : img,
+          alt: `${altPrefix}-${idx + 1}`
+        },
+        img
+      ))
+    }
+  );
+}
+
+// src/fuma/mdx/zia-card.tsx
+import Link from "next/link";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function ZiaCard(_a) {
+  var _b = _a, { icon, title, description } = _b, props = __objRest(_b, ["icon", "title", "description"]);
+  const validHref = typeof props.href === "string" && props.href.trim() !== "";
+  const validDescription = typeof description === "string" && (description == null ? void 0 : description.trim()) !== "";
+  if (validHref) {
+    return /* @__PURE__ */ jsxs3(
+      Link,
+      __spreadProps(__spreadValues({
+        href: props.href,
+        "data-card": true,
+        className: cn(
+          "block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full",
+          "hover:bg-fd-accent/80",
+          props.className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx5("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : /* @__PURE__ */ jsx5(globalLucideIcons.CircleSmall, {}) }),
+          /* @__PURE__ */ jsx5("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-[2.5rem]", children: title }),
+          validDescription ? /* @__PURE__ */ jsx5("p", { className: "!my-0 text-sm text-fd-muted-foreground", children: description }) : /* @__PURE__ */ jsx5("p", { className: "!my-0 text-sm text-fd-muted-foreground opacity-0 select-none", children: "\xA0" }),
+          props.children ? /* @__PURE__ */ jsx5("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children }) : null
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-card": true,
+      className: cn(
+        "block rounded-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors @max-lg:col-span-full",
+        props.className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "not-prose mb-2 w-fit rounded-md border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon ? icon : /* @__PURE__ */ jsx5(globalLucideIcons.CircleSmall, {}) }),
+        /* @__PURE__ */ jsx5("h3", { className: "not-prose mb-1 text-sm font-medium line-clamp-2 min-h-[2.5rem]", children: title }),
+        validDescription ? /* @__PURE__ */ jsx5("p", { className: "!my-0 text-sm text-fd-muted-foreground", children: description }) : /* @__PURE__ */ jsx5("p", { className: "!my-0 text-sm text-fd-muted-foreground opacity-0 select-none", children: "\xA0" }),
+        props.children ? /* @__PURE__ */ jsx5("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children }) : null
+      ]
+    })
+  );
+}
+
+// src/fuma/mdx/toc-base.tsx
+import { useState as useState3 } from "react";
+import { useParams } from "next/navigation";
+import { useCopyButton } from "fumadocs-ui/utils/use-copy-button";
+import Link2 from "fumadocs-core/link";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var cache = /* @__PURE__ */ new Map();
+function LLMCopyButton({ llmApiUrl, sourceKey } = {}) {
+  const [isLoading, setLoading] = useState3(false);
+  const params = useParams();
+  const locale = params.locale;
+  const slug = params.slug;
+  const [checked, onClick] = useCopyButton(() => __async(null, null, function* () {
+    setLoading(true);
+    const path = slug && Array.isArray(slug) ? slug.join("/") : "";
+    const apiPrefix = llmApiUrl || (sourceKey ? `/api/${sourceKey}/llm-content` : "/api/llm-content");
+    let apiUrl = `${apiPrefix}?locale=${encodeURIComponent(locale)}&path=${encodeURIComponent(path)}`;
+    if (sourceKey) {
+      apiUrl += `&sourceKey=${encodeURIComponent(sourceKey)}`;
+    }
+    console.log("Fetching LLM content from:", apiUrl);
+    let content;
+    try {
+      if (cache.has(apiUrl)) {
+        content = cache.get(apiUrl);
+      } else {
+        const res = yield fetch(apiUrl);
+        if (!res.ok) {
+          content = `Error: Failed to fetch LLM content: ${res.status} ${res.statusText}`;
+        } else {
+          content = yield res.text();
+          cache.set(apiUrl, content);
+        }
+      }
+      yield navigator.clipboard.writeText(content);
+    } catch (error) {
+      const errMsg = `Error: ${error instanceof Error ? error.message : String(error)}`;
+      yield navigator.clipboard.writeText(errMsg);
+      console.error("Error fetching or copying LLM content:", error);
+    } finally {
+      setLoading(false);
+    }
+  }));
+  return /* @__PURE__ */ jsx6(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      loading: isLoading,
+      className: "justify-start px-0 text-stone-600 hover:text-stone-500 dark:text-stone-400 dark:hover:text-stone-300",
+      onClick,
+      children: checked ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsx6(globalLucideIcons.Check, {}),
+        "Copied!"
+      ] }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsx6(globalLucideIcons.Markdown, {}),
+        "Copy page as Markdown"
+      ] })
+    }
+  );
+}
+function EditOnGitHub({ url }) {
+  return /* @__PURE__ */ jsxs4(
+    Link2,
+    {
+      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,
+      children: [
+        /* @__PURE__ */ jsx6(globalLucideIcons.GitHub, {}),
+        "Edit this page on GitHub"
+      ]
+    }
+  );
+}
+function LastUpdatedDate({ date }) {
+  return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm", children: [
+    /* @__PURE__ */ jsx6(globalLucideIcons.LastUpdated, {}),
+    "Lastest on ",
+    date ? date : "Ages ago"
+  ] });
+}
+
+// src/fuma/mdx/fuma-github-info.tsx
+import { useEffect as useEffect2, useState as useState4 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function GitHubInfoSkeleton({ owner, repo, className }) {
+  return /* @__PURE__ */ jsxs5("div", { className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 lg:flex-row lg:items-center animate-pulse ${className}`, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx7("div", { className: "size-3.5 bg-fd-muted rounded" }),
+      /* @__PURE__ */ jsx7("div", { className: "h-4 bg-fd-muted rounded w-20" })
+    ] }),
+    /* @__PURE__ */ jsx7("div", { className: "h-3 bg-fd-muted rounded w-8" })
+  ] });
+}
+function GitHubInfoFallback({ owner, repo, className }) {
+  return /* @__PURE__ */ jsxs5(
+    "a",
+    {
+      href: `https://github.com/${owner}/${repo}`,
+      rel: "noreferrer noopener",
+      target: "_blank",
+      className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors lg:flex-row lg:items-center hover:text-fd-accent-foreground hover:bg-fd-accent ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs5("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ jsxs5("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ jsx7("title", { children: "GitHub" }),
+            /* @__PURE__ */ jsx7("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })
+          ] }),
+          owner,
+          "/",
+          repo
+        ] }),
+        /* @__PURE__ */ jsxs5("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ jsx7(globalLucideIcons.ExternalLink, { className: "size-3" }),
+          "GitHub"
+        ] })
+      ]
+    }
+  );
+}
+function GitHubInfoSuccess({
+  owner,
+  repo,
+  stars,
+  className
+}) {
+  const humanizedStars = humanizeNumber(stars);
+  return /* @__PURE__ */ jsxs5(
+    "a",
+    {
+      href: `https://github.com/${owner}/${repo}`,
+      rel: "noreferrer noopener",
+      target: "_blank",
+      className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors lg:flex-row lg:items-center hover:text-fd-accent-foreground hover:bg-fd-accent ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs5("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ jsxs5("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ jsx7("title", { children: "GitHub" }),
+            /* @__PURE__ */ jsx7("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })
+          ] }),
+          owner,
+          "/",
+          repo
+        ] }),
+        /* @__PURE__ */ jsxs5("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ jsx7(globalLucideIcons.Star, { className: "size-3" }),
+          humanizedStars
+        ] })
+      ]
+    }
+  );
+}
+function humanizeNumber(num) {
+  if (num < 1e3) {
+    return num.toString();
+  }
+  if (num < 1e5) {
+    const value = (num / 1e3).toFixed(1);
+    const formattedValue = value.endsWith(".0") ? value.slice(0, -2) : value;
+    return `${formattedValue}K`;
+  }
+  if (num < 1e6) {
+    return `${Math.floor(num / 1e3)}K`;
+  }
+  return num.toString();
+}
+function FumaGithubInfo({ owner, repo, token, className }) {
+  const [data, setData] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  useEffect2(() => {
+    const fetchRepoData = () => __async(null, null, function* () {
+      try {
+        setLoading(true);
+        setError(null);
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 5e3);
+        const headers = new Headers({
+          "Accept": "application/vnd.github.v3+json"
+        });
+        if (token) {
+          headers.set("Authorization", `Bearer ${token}`);
+        }
+        const response = yield fetch(`https://api.github.com/repos/${owner}/${repo}`, {
+          signal: controller.signal,
+          headers
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+          throw new Error(`GitHub API response error: ${response.status}`);
+        }
+        const repoData = yield response.json();
+        setData({
+          stargazers_count: repoData.stargazers_count,
+          forks_count: repoData.forks_count
+        });
+      } catch (err) {
+        console.warn("GitHub API call failed:", err);
+        if (err instanceof Error) {
+          if (err.name === "AbortError") {
+            setError("Request timeout");
+          } else {
+            setError("Failed to get repository information");
+          }
+        } else {
+          setError("Unknown error");
+        }
+      } finally {
+        setLoading(false);
+      }
+    });
+    fetchRepoData();
+  }, [owner, repo, token]);
+  if (loading) {
+    return /* @__PURE__ */ jsx7(GitHubInfoSkeleton, { owner, repo, className });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ jsx7(GitHubInfoFallback, { owner, repo, className });
+  }
+  return /* @__PURE__ */ jsx7(
+    GitHubInfoSuccess,
+    {
+      owner,
+      repo,
+      stars: data.stargazers_count,
+      className
+    }
+  );
+}
+
+// src/fuma/mdx/zia-file.tsx
+import { useState as useState5 } from "react";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "fumadocs-ui/components/ui/collapsible";
+import Link3 from "next/link";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var itemVariants = "flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4";
+var anotionClass = "ms-2 px-2 py-0.5 rounded text-xs font-semibold bg-fd-accent/80 text-fd-accent-foreground dark:bg-white/20 dark:text-white";
+function ZiaFile(_a) {
+  var _b = _a, {
+    name,
+    icon = /* @__PURE__ */ jsx8(globalLucideIcons.File, {}),
+    className,
+    anotion,
+    href
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "icon",
+    "className",
+    "anotion",
+    "href"
+  ]);
+  const validHref = typeof href === "string" && href.trim() !== "";
+  const validAnotion = typeof anotion === "string" && anotion.trim() !== "";
+  if (validHref) {
+    return /* @__PURE__ */ jsxs6(Link3, { href, className: cn(itemVariants, className), children: [
+      icon,
+      /* @__PURE__ */ jsx8("span", { children: name }),
+      validAnotion && /* @__PURE__ */ jsx8("span", { className: anotionClass, children: anotion })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("div", __spreadProps(__spreadValues({ className: cn(itemVariants, className) }, rest), { children: [
+    icon,
+    /* @__PURE__ */ jsx8("span", { children: name }),
+    validAnotion && /* @__PURE__ */ jsx8("span", { className: anotionClass, children: anotion })
+  ] }));
+}
+function ZiaFolder(_a) {
+  var _b = _a, {
+    name,
+    anotion,
+    defaultOpen = false,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "name",
+    "anotion",
+    "defaultOpen",
+    "className",
+    "children"
+  ]);
+  const [open, setOpen] = useState5(defaultOpen);
+  const validAnotion = typeof anotion === "string" && anotion.trim() !== "";
+  return /* @__PURE__ */ jsxs6(Collapsible, __spreadProps(__spreadValues({ open, onOpenChange: setOpen }, props), { children: [
+    /* @__PURE__ */ jsxs6(CollapsibleTrigger, { className: cn(itemVariants, className, "w-full"), children: [
+      open ? /* @__PURE__ */ jsx8(globalLucideIcons.FolderOpen, {}) : /* @__PURE__ */ jsx8(globalLucideIcons.Folder, {}),
+      /* @__PURE__ */ jsx8("span", { children: name }),
+      validAnotion && /* @__PURE__ */ jsx8("span", { className: anotionClass, children: anotion })
+    ] }),
+    /* @__PURE__ */ jsx8(CollapsibleContent, { children: /* @__PURE__ */ jsx8("div", { className: "ms-2 flex flex-col border-l ps-2", children }) })
+  ] }));
+}
+
+// src/fuma/mdx/toc-footer-wrapper.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function TocFooterWrapper({ lastModified, editPath, githubBaseUrl, copyButtonComponent }) {
+  const showEdit = githubBaseUrl && editPath;
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-2 items-start m-4", children: [
+    /* @__PURE__ */ jsx9(LastUpdatedDate, { date: lastModified }),
+    copyButtonComponent,
+    showEdit && /* @__PURE__ */ jsx9(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
+  ] });
+}
+
+// src/fuma/mdx/banner.tsx
+import { cva } from "class-variance-authority";
+import { useEffect as useEffect3, useState as useState6 } from "react";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var buttonVariants = 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__ */ jsxs8(Fragment2, { children: [
+  /* @__PURE__ */ jsx10(
+    "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__ */ jsx10(
+    "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__ */ jsx10("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] = useState6(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__ */ jsxs8(
+    "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__ */ jsx10("style", { children: `.${globalKey} #${id} { display: none; }` }) : null,
+        globalKey ? /* @__PURE__ */ jsx10(
+          "script",
+          {
+            dangerouslySetInnerHTML: {
+              __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`
+            }
+          }
+        ) : null,
+        variant === "rainbow" ? rainbowLayer : null,
+        props.children,
+        id ? /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Close Banner",
+            onClick: () => {
+              setOpen(false);
+              if (globalKey) localStorage.setItem(globalKey, "true");
+            },
+            className: cn(
+              buttonVariants({
+                color: "ghost",
+                className: "absolute end-2 top-1/2 -translate-y-1/2 text-neutral-600 dark:text-neutral-400",
+                size: "icon"
+              })
+            ),
+            children: /* @__PURE__ */ jsx10(globalLucideIcons.X, {})
+          }
+        ) : null
+      ]
+    })
+  );
+}
+
+export {
+  Mermaid,
+  ImageZoom,
+  TrophyCard,
+  ImageGrid,
+  ZiaCard,
+  LLMCopyButton,
+  EditOnGitHub,
+  LastUpdatedDate,
+  FumaGithubInfo,
+  ZiaFile,
+  ZiaFolder,
+  TocFooterWrapper,
+  Banner
+};
+//# sourceMappingURL=chunk-C3MW5ZUN.mjs.map