@windrun-huaiin/third-ui 6.3.1 → 7.1.0

package/dist/fuma/mdx/banner.mjs

@@ -0,0 +1,88 @@
+"use client";
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs';
+import { useState, useEffect } from 'react';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+const 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',
+        },
+    },
+});
+const maskImage = 'linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)';
+const rainbowLayer = (jsxs(Fragment, { children: [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',
+            } }), 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',
+            } }), jsx("style", { children: `@keyframes fd-moving-banner {
+            from { background-position: 0% 0;  }
+            to { background-position: 100% 0;  }
+         }` })] }));
+function Banner(_a) {
+    var { id, variant = 'rainbow', changeLayout = true, height = 3 } = _a, props = __rest(_a, ["id", "variant", "changeLayout", "height"]);
+    const [open, setOpen] = useState(true);
+    const globalKey = id ? `nd-banner-${id}` : null;
+    const bannerHeight = `${height}rem`;
+    useEffect(() => {
+        if (globalKey)
+            setOpen(localStorage.getItem(globalKey) !== 'true');
+    }, [globalKey]);
+    if (!open)
+        return null;
+    return (jsxs("div", Object.assign({ id: 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 ? (jsx("style", { children: `.${globalKey} #${id} { display: none; }` })) : null, globalKey ? (jsx("script", { dangerouslySetInnerHTML: {
+                    __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,
+                } })) : null, variant === 'rainbow' ? rainbowLayer : null, props.children, id ? (jsx("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: jsx(globalLucideIcons.X, {}) })) : null] })));
+}
+
+export { Banner };

package/dist/fuma/mdx/fuma-github-info.d.ts

@@ -0,0 +1,18 @@
+interface FumaGithubInfoProps {
+    owner: string;
+    repo: string;
+    token?: string;
+    className?: string;
+}
+/**
+ * GitHub repository information component with graceful fallback
+ *
+ * Features:
+ * - 🛡️ Client-side rendering, avoiding server-side network issues
+ * - ⏱️ 5 second timeout control
+ * - 🎯 Graceful fallback: display basic link when network fails
+ * - 🎨 Three states: loading, success, error
+ * - 💯 Not affected by network issues causing page crashes
+ */
+export declare function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/fuma/mdx/fuma-github-info.js

@@ -0,0 +1,113 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var server = require('@windrun-huaiin/base-ui/components/server');
+
+// Loading state component
+function GitHubInfoSkeleton({ owner, repo, className }) {
+    return (jsxRuntime.jsxs("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: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsxRuntime.jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsxRuntime.jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
+}
+// Error state component - graceful fallback
+function GitHubInfoFallback({ owner, repo, className }) {
+    return (jsxRuntime.jsxs("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: [jsxRuntime.jsxs("p", { className: "flex items-center gap-2 truncate", children: [jsxRuntime.jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [jsxRuntime.jsx("title", { children: "GitHub" }), jsxRuntime.jsx("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] }), jsxRuntime.jsxs("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [jsxRuntime.jsx(server.globalLucideIcons.ExternalLink, { className: "size-3" }), "GitHub"] })] }));
+}
+// Success state component
+function GitHubInfoSuccess({ owner, repo, stars, className }) {
+    const humanizedStars = humanizeNumber(stars);
+    return (jsxRuntime.jsxs("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: [jsxRuntime.jsxs("p", { className: "flex items-center gap-2 truncate", children: [jsxRuntime.jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [jsxRuntime.jsx("title", { children: "GitHub" }), jsxRuntime.jsx("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] }), jsxRuntime.jsxs("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [jsxRuntime.jsx(server.globalLucideIcons.Star, { className: "size-3" }), humanizedStars] })] }));
+}
+/**
+ * Humanize number display
+ */
+function humanizeNumber(num) {
+    if (num < 1000) {
+        return num.toString();
+    }
+    if (num < 100000) {
+        const value = (num / 1000).toFixed(1);
+        const formattedValue = value.endsWith('.0') ? value.slice(0, -2) : value;
+        return `${formattedValue}K`;
+    }
+    if (num < 1000000) {
+        return `${Math.floor(num / 1000)}K`;
+    }
+    return num.toString();
+}
+/**
+ * GitHub repository information component with graceful fallback
+ *
+ * Features:
+ * - 🛡️ Client-side rendering, avoiding server-side network issues
+ * - ⏱️ 5 second timeout control
+ * - 🎯 Graceful fallback: display basic link when network fails
+ * - 🎨 Three states: loading, success, error
+ * - 💯 Not affected by network issues causing page crashes
+ */
+function FumaGithubInfo({ owner, repo, token, className }) {
+    const [data, setData] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+    React.useEffect(() => {
+        const fetchRepoData = () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+            try {
+                setLoading(true);
+                setError(null);
+                // Add timeout control
+                const controller = new AbortController();
+                const timeoutId = setTimeout(() => controller.abort(), 5000);
+                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]);
+    // Loading state
+    if (loading) {
+        return jsxRuntime.jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });
+    }
+    // Error state - graceful fallback
+    if (error || !data) {
+        return jsxRuntime.jsx(GitHubInfoFallback, { owner: owner, repo: repo, className: className });
+    }
+    // Success state
+    return (jsxRuntime.jsx(GitHubInfoSuccess, { owner: owner, repo: repo, stars: data.stargazers_count, className: className }));
+}
+
+exports.FumaGithubInfo = FumaGithubInfo;

package/dist/fuma/mdx/fuma-github-info.mjs

@@ -0,0 +1,111 @@
+"use client";
+import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+
+// Loading state component
+function GitHubInfoSkeleton({ owner, repo, className }) {
+    return (jsxs("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: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
+}
+// Error state component - graceful fallback
+function GitHubInfoFallback({ owner, repo, className }) {
+    return (jsxs("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: [jsxs("p", { className: "flex items-center gap-2 truncate", children: [jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [jsx("title", { children: "GitHub" }), jsx("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] }), jsxs("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [jsx(globalLucideIcons.ExternalLink, { className: "size-3" }), "GitHub"] })] }));
+}
+// Success state component
+function GitHubInfoSuccess({ owner, repo, stars, className }) {
+    const humanizedStars = humanizeNumber(stars);
+    return (jsxs("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: [jsxs("p", { className: "flex items-center gap-2 truncate", children: [jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [jsx("title", { children: "GitHub" }), jsx("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] }), jsxs("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [jsx(globalLucideIcons.Star, { className: "size-3" }), humanizedStars] })] }));
+}
+/**
+ * Humanize number display
+ */
+function humanizeNumber(num) {
+    if (num < 1000) {
+        return num.toString();
+    }
+    if (num < 100000) {
+        const value = (num / 1000).toFixed(1);
+        const formattedValue = value.endsWith('.0') ? value.slice(0, -2) : value;
+        return `${formattedValue}K`;
+    }
+    if (num < 1000000) {
+        return `${Math.floor(num / 1000)}K`;
+    }
+    return num.toString();
+}
+/**
+ * GitHub repository information component with graceful fallback
+ *
+ * Features:
+ * - 🛡️ Client-side rendering, avoiding server-side network issues
+ * - ⏱️ 5 second timeout control
+ * - 🎯 Graceful fallback: display basic link when network fails
+ * - 🎨 Three states: loading, success, error
+ * - 💯 Not affected by network issues causing page crashes
+ */
+function FumaGithubInfo({ owner, repo, token, className }) {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const fetchRepoData = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                setLoading(true);
+                setError(null);
+                // Add timeout control
+                const controller = new AbortController();
+                const timeoutId = setTimeout(() => controller.abort(), 5000);
+                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]);
+    // Loading state
+    if (loading) {
+        return jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });
+    }
+    // Error state - graceful fallback
+    if (error || !data) {
+        return jsx(GitHubInfoFallback, { owner: owner, repo: repo, className: className });
+    }
+    // Success state
+    return (jsx(GitHubInfoSuccess, { owner: owner, repo: repo, stars: data.stargazers_count, className: className }));
+}
+
+export { FumaGithubInfo };

package/dist/fuma/mdx/gradient-button.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface GradientButtonProps {
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    disabled?: boolean;
+    className?: string;
+    href?: string;
+    openInNewTab?: boolean;
+    onClick?: () => void | Promise<void>;
+    loadingText?: React.ReactNode;
+    preventDoubleClick?: boolean;
+}
+export declare function GradientButton({ title, icon, align, disabled, className, href, openInNewTab, onClick, loadingText, preventDoubleClick, }: GradientButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/mdx/gradient-button.js

@@ -0,0 +1,74 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@windrun-huaiin/base-ui/ui');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var Link = require('next/link');
+var React = require('react');
+
+function GradientButton({ title, icon, align = 'left', disabled = false, className = "", href, openInNewTab = true, onClick, loadingText, preventDoubleClick = true, }) {
+    const [isLoading, setIsLoading] = React.useState(false);
+    const actualLoadingText = loadingText || (title === null || title === void 0 ? void 0 : title.toString().trim()) || 'Loading...';
+    // set justify class according to alignment
+    const getAlignmentClass = () => {
+        switch (align) {
+            case 'center':
+                return 'justify-center';
+            case 'right':
+                return 'justify-end';
+            default: // 'left'
+                return 'justify-start';
+        }
+    };
+    const handleClick = (e) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        if (disabled || isLoading) {
+            e.preventDefault();
+            return;
+        }
+        if (onClick) {
+            e.preventDefault();
+            if (preventDoubleClick) {
+                setIsLoading(true);
+            }
+            try {
+                yield onClick();
+            }
+            catch (error) {
+                console.error('GradientButton onClick error:', error);
+            }
+            finally {
+                if (preventDoubleClick) {
+                    setIsLoading(false);
+                }
+            }
+        }
+    });
+    const isDisabled = disabled || isLoading;
+    const displayTitle = isLoading ? actualLoadingText : title;
+    // icon
+    const displayIcon = isLoading ? (jsxRuntime.jsx(server.globalLucideIcons.Loader2, { className: "h-4 w-4 text-white animate-spin" })) : icon ? (React.cloneElement(icon, {
+        className: "h-4 w-4 text-white"
+    })) : (jsxRuntime.jsx(server.globalLucideIcons.ArrowRight, { className: "h-4 w-4 text-white" }));
+    const buttonContent = onClick ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: displayIcon }), jsxRuntime.jsx("span", { className: "ml-1", children: displayTitle })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: displayTitle }), jsxRuntime.jsx("span", { className: "ml-1", children: displayIcon })] }));
+    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}
+  `;
+    return (jsxRuntime.jsx("div", { className: `flex flex-col sm:flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (
+        // for click
+        jsxRuntime.jsx(ui.Button, { size: "lg", className: buttonClassName, onClick: handleClick, disabled: isDisabled, children: buttonContent })) : (
+        // for Link
+        jsxRuntime.jsx(ui.Button, { asChild: true, size: "lg", className: buttonClassName, disabled: isDisabled, children: jsxRuntime.jsx(Link, Object.assign({ href: href || "#", className: "no-underline hover:no-underline" }, (openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {}), { onClick: isDisabled ? (e) => e.preventDefault() : undefined, children: buttonContent })) })) }));
+}
+
+exports.GradientButton = GradientButton;

package/dist/fuma/mdx/gradient-button.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button } from '@windrun-huaiin/base-ui/ui';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import Link from 'next/link';
+import React, { useState } from 'react';
+
+function GradientButton({ title, icon, align = 'left', disabled = false, className = "", href, openInNewTab = true, onClick, loadingText, preventDoubleClick = true, }) {
+    const [isLoading, setIsLoading] = useState(false);
+    const actualLoadingText = loadingText || (title === null || title === void 0 ? void 0 : title.toString().trim()) || 'Loading...';
+    // set justify class according to alignment
+    const getAlignmentClass = () => {
+        switch (align) {
+            case 'center':
+                return 'justify-center';
+            case 'right':
+                return 'justify-end';
+            default: // 'left'
+                return 'justify-start';
+        }
+    };
+    const handleClick = (e) => __awaiter(this, void 0, void 0, function* () {
+        if (disabled || isLoading) {
+            e.preventDefault();
+            return;
+        }
+        if (onClick) {
+            e.preventDefault();
+            if (preventDoubleClick) {
+                setIsLoading(true);
+            }
+            try {
+                yield onClick();
+            }
+            catch (error) {
+                console.error('GradientButton onClick error:', error);
+            }
+            finally {
+                if (preventDoubleClick) {
+                    setIsLoading(false);
+                }
+            }
+        }
+    });
+    const isDisabled = disabled || isLoading;
+    const displayTitle = isLoading ? actualLoadingText : title;
+    // icon
+    const displayIcon = isLoading ? (jsx(globalLucideIcons.Loader2, { className: "h-4 w-4 text-white animate-spin" })) : icon ? (React.cloneElement(icon, {
+        className: "h-4 w-4 text-white"
+    })) : (jsx(globalLucideIcons.ArrowRight, { className: "h-4 w-4 text-white" }));
+    const buttonContent = onClick ? (jsxs(Fragment, { children: [jsx("span", { children: displayIcon }), jsx("span", { className: "ml-1", children: displayTitle })] })) : (jsxs(Fragment, { children: [jsx("span", { children: displayTitle }), jsx("span", { className: "ml-1", children: displayIcon })] }));
+    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}
+  `;
+    return (jsx("div", { className: `flex flex-col sm:flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (
+        // for click
+        jsx(Button, { size: "lg", className: buttonClassName, onClick: handleClick, disabled: isDisabled, children: buttonContent })) : (
+        // for Link
+        jsx(Button, { asChild: true, size: "lg", className: buttonClassName, disabled: isDisabled, children: jsx(Link, Object.assign({ href: href || "#", className: "no-underline hover:no-underline" }, (openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {}), { onClick: isDisabled ? (e) => e.preventDefault() : undefined, children: buttonContent })) })) }));
+}
+
+export { GradientButton };

package/dist/fuma/mdx/image-grid.d.ts

@@ -0,0 +1,6 @@
+export declare function ImageGrid({ type, images, altPrefix, cdnBaseUrl, }: {
+    type: "url" | "local";
+    images: string[];
+    altPrefix?: string;
+    cdnBaseUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/mdx/image-grid.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var imageZoom = require('./image-zoom.js');
+
+function ImageGrid({ type = "url", images, altPrefix = '', cdnBaseUrl, }) {
+    return (jsxRuntime.jsx("div", { style: {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '16px',
+            justifyItems: 'center',
+            alignItems: 'center',
+        }, children: images.map((img, idx) => (jsxRuntime.jsx(imageZoom.ImageZoom, { src: img.startsWith('http://') || img.startsWith('https://') ? img : (type === "url" ? `${cdnBaseUrl === null || cdnBaseUrl === void 0 ? void 0 : cdnBaseUrl.replace(/\/+$/, '')}/${img.replace(/^\/+/, '')}` : img), alt: `${altPrefix}-${idx + 1}` }, img))) }));
+}
+
+exports.ImageGrid = ImageGrid;

package/dist/fuma/mdx/image-grid.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { ImageZoom } from './image-zoom.mjs';
+
+function ImageGrid({ type = "url", images, altPrefix = '', cdnBaseUrl, }) {
+    return (jsx("div", { style: {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '16px',
+            justifyItems: 'center',
+            alignItems: 'center',
+        }, children: images.map((img, idx) => (jsx(ImageZoom, { src: img.startsWith('http://') || img.startsWith('https://') ? img : (type === "url" ? `${cdnBaseUrl === null || cdnBaseUrl === void 0 ? void 0 : cdnBaseUrl.replace(/\/+$/, '')}/${img.replace(/^\/+/, '')}` : img), alt: `${altPrefix}-${idx + 1}` }, img))) }));
+}
+
+export { ImageGrid };

package/dist/fuma/mdx/image-zoom.d.ts

@@ -0,0 +1,22 @@
+import { type ImageProps } from 'fumadocs-core/framework';
+import { type ImgHTMLAttributes } from 'react';
+import { type UncontrolledProps } from 'react-medium-image-zoom';
+export type ImageZoomProps = ImageProps & {
+    /**
+     * Image props when zoom in
+     */
+    zoomInProps?: ImgHTMLAttributes<HTMLImageElement>;
+    /**
+     * Props for `react-medium-image-zoom`
+     */
+    rmiz?: UncontrolledProps;
+    /**
+     * placeholder image path
+     */
+    fallbackSrc?: string;
+};
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+export declare function ImageZoom({ zoomInProps, children, rmiz, fallbackSrc, ...props }: ImageZoomProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/mdx/image-zoom.js

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var framework = require('fumadocs-core/framework');
+var React = require('react');
+var index = require('../../node_modules/.pnpm/react-medium-image-zoom@5.3.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-medium-image-zoom/dist/index.js');
+
+function getImageSrc(src) {
+    if (typeof src === 'string')
+        return src;
+    if (typeof src === 'object') {
+        // Next.js
+        if ('default' in src)
+            return src.default.src;
+        return src.src;
+    }
+    return '';
+}
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+function ImageZoom(_a) {
+    var _b;
+    var { zoomInProps, children, rmiz, fallbackSrc = 'https://r2.d8ger.com/default.webp' } = _a, props = tslib_es6.__rest(_a, ["zoomInProps", "children", "rmiz", "fallbackSrc"]);
+    const [imgSrc, setImgSrc] = React.useState(getImageSrc(props.src));
+    // fallback logic
+    const handleError = () => {
+        console.warn('ImageZoom check error:', imgSrc, fallbackSrc);
+        if (imgSrc !== fallbackSrc) {
+            setImgSrc(fallbackSrc);
+        }
+    };
+    return (jsxRuntime.jsx(index.default, Object.assign({ zoomMargin: 20, wrapElement: "span" }, rmiz, { zoomImg: Object.assign(Object.assign({ src: imgSrc, sizes: undefined }, zoomInProps), { onError: handleError }), children: children !== null && children !== void 0 ? children : (jsxRuntime.jsx(framework.Image, Object.assign({}, props, { src: imgSrc, onError: handleError, sizes: "(max-width: 400px) 100vw, 300px", style: { width: '100%', height: 'auto', maxWidth: 300 }, alt: (_b = props.alt) !== null && _b !== void 0 ? _b : '', width: 300, height: 225 }))) })));
+}
+
+exports.ImageZoom = ImageZoom;

package/dist/fuma/mdx/image-zoom.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { Image } from 'fumadocs-core/framework';
+import { useState } from 'react';
+import Uncontrolled from '../../node_modules/.pnpm/react-medium-image-zoom@5.3.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-medium-image-zoom/dist/index.mjs';
+
+function getImageSrc(src) {
+    if (typeof src === 'string')
+        return src;
+    if (typeof src === 'object') {
+        // Next.js
+        if ('default' in src)
+            return src.default.src;
+        return src.src;
+    }
+    return '';
+}
+/**
+ * @example
+ * <ImageZoom src="URL" fallbackSrc="/my-placeholder.png" />
+ */
+function ImageZoom(_a) {
+    var _b;
+    var { zoomInProps, children, rmiz, fallbackSrc = 'https://r2.d8ger.com/default.webp' } = _a, props = __rest(_a, ["zoomInProps", "children", "rmiz", "fallbackSrc"]);
+    const [imgSrc, setImgSrc] = useState(getImageSrc(props.src));
+    // fallback logic
+    const handleError = () => {
+        console.warn('ImageZoom check error:', imgSrc, fallbackSrc);
+        if (imgSrc !== fallbackSrc) {
+            setImgSrc(fallbackSrc);
+        }
+    };
+    return (jsx(Uncontrolled, Object.assign({ zoomMargin: 20, wrapElement: "span" }, rmiz, { zoomImg: Object.assign(Object.assign({ src: imgSrc, sizes: undefined }, zoomInProps), { onError: handleError }), children: children !== null && children !== void 0 ? children : (jsx(Image, Object.assign({}, props, { src: imgSrc, onError: handleError, sizes: "(max-width: 400px) 100vw, 300px", style: { width: '100%', height: 'auto', maxWidth: 300 }, alt: (_b = props.alt) !== null && _b !== void 0 ? _b : '', width: 300, height: 225 }))) })));
+}
+
+export { ImageZoom };