@windrun-huaiin/third-ui 7.3.11 → 7.3.13

package/dist/main/faq.js

@@ -15,7 +15,6 @@ require('next/navigation');
 require('@clerk/nextjs');
 require('../clerk/fingerprint/fingerprint-provider.js');
 require('react-dom');
-require('@windrun-huaiin/third-ui/fuma/mdx');
 require('./money-price/money-price-types.js');
 
 function FAQ(_a) {

package/dist/main/faq.mjs

@@ -13,7 +13,6 @@ import 'next/navigation';
 import '@clerk/nextjs';
 import '../clerk/fingerprint/fingerprint-provider.mjs';
 import 'react-dom';
-import '@windrun-huaiin/third-ui/fuma/mdx';
 import './money-price/money-price-types.mjs';
 
 function FAQ(_a) {

package/dist/main/gallery.js

@@ -15,7 +15,6 @@ var galleryInteractive = require('./gallery-interactive.js');
 require('@clerk/nextjs');
 require('../clerk/fingerprint/fingerprint-provider.js');
 require('react-dom');
-require('@windrun-huaiin/third-ui/fuma/mdx');
 require('./money-price/money-price-types.js');
 
 function Gallery(_a) {

package/dist/main/gallery.mjs

@@ -13,7 +13,6 @@ import { GalleryInteractive } from './gallery-interactive.mjs';
 import '@clerk/nextjs';
 import '../clerk/fingerprint/fingerprint-provider.mjs';
 import 'react-dom';
-import '@windrun-huaiin/third-ui/fuma/mdx';
 import './money-price/money-price-types.mjs';
 
 function Gallery(_a) {

package/dist/main/money-price/money-price-button.js

@@ -1,16 +1,18 @@
 "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 mdx = require('@windrun-huaiin/third-ui/fuma/mdx');
-var server = require('@windrun-huaiin/base-ui/components/server');
+var utils = require('@windrun-huaiin/lib/utils');
 var moneyPriceTypes = require('./money-price-types.js');
+var React = require('react');
 
 function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
 }
 function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrade, texts, isProcessing = false }) {
     const { isAuthenticated, subscriptionStatus } = userContext;
+    const [isLoading, setIsLoading] = React.useState(false);
     // 决定按钮显示和行为
     const getButtonConfig = () => {
         // 匿名用户
@@ -20,8 +22,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                 text: texts[textKey] || texts.getStarted,
                 onClick: onLogin,
                 disabled: false,
-                hidden: false,
-                icon: jsxRuntime.jsx(server.globalLucideIcons.ArrowRight, {})
+                hidden: false
             };
         }
         // 已登录用户
@@ -31,8 +32,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     return {
                         text: texts.currentPlan,
                         disabled: true,
-                        hidden: false,
-                        icon: jsxRuntime.jsx(server.globalLucideIcons.GlobeLock, {})
+                        hidden: false
                     };
                 }
                 const getFreeUserText = planKey === 'pro' ? texts.getPro : texts.getUltra;
@@ -40,8 +40,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     text: getFreeUserText,
                     onClick: () => onUpgrade(planKey, billingType),
                     disabled: false,
-                    hidden: false,
-                    icon: jsxRuntime.jsx(server.globalLucideIcons.ArrowRight, {})
+                    hidden: false
                 };
             case moneyPriceTypes.UserState.ProUser:
                 if (planKey === 'free')
@@ -50,16 +49,14 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     return {
                         text: texts.currentPlan,
                         disabled: true,
-                        hidden: false,
-                        icon: jsxRuntime.jsx(server.globalLucideIcons.GlobeLock, {})
+                        hidden: false
                     };
                 }
                 return {
                     text: texts.upgrade,
                     onClick: () => onUpgrade('ultra', billingType),
                     disabled: false,
-                    hidden: false,
-                    icon: jsxRuntime.jsx(server.globalLucideIcons.ArrowRight, {})
+                    hidden: false
                 };
             case moneyPriceTypes.UserState.UltraUser:
                 if (planKey !== 'ultra')
@@ -67,8 +64,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                 return {
                     text: texts.currentPlan,
                     disabled: true,
-                    hidden: false,
-                    icon: jsxRuntime.jsx(server.globalLucideIcons.GlobeLock, {})
+                    hidden: false
                 };
             default:
                 return { text: '', disabled: true, hidden: true };
@@ -77,7 +73,32 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
     const config = getButtonConfig();
     if (config.hidden)
         return null;
-    return (jsxRuntime.jsx(mdx.GradientButton, { title: config.text, icon: config.icon, onClick: config.onClick, disabled: config.disabled || isProcessing, align: "center", className: "w-full", preventDoubleClick: true, loadingText: "Processing..." }));
+    const handleClick = (e) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        if (config.disabled || isLoading || isProcessing) {
+            e.preventDefault();
+            return;
+        }
+        if (config.onClick) {
+            e.preventDefault();
+            setIsLoading(true);
+            try {
+                const result = config.onClick();
+                // Handle both sync and async functions
+                yield Promise.resolve(result);
+            }
+            catch (error) {
+                console.error('MoneyPriceButton onClick error:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+    });
+    const isDisabled = config.disabled || isLoading || isProcessing;
+    const displayText = isLoading ? 'Processing...' : config.text;
+    return (jsxRuntime.jsx("button", { className: utils.cn('w-full py-2 mt-auto text-white text-base font-bold shadow-lg hover:shadow-xl transition-all duration-300 rounded-full', isDisabled
+            ? 'bg-gray-400 cursor-not-allowed'
+            : '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'), disabled: isDisabled, onClick: handleClick, type: "button", "data-plan-button": planKey, children: displayText }));
 }
 
 exports.MoneyPriceButton = MoneyPriceButton;

package/dist/main/money-price/money-price-button.mjs

@@ -1,14 +1,16 @@
 "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 } from 'react/jsx-runtime';
-import { GradientButton } from '@windrun-huaiin/third-ui/fuma/mdx';
-import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { cn } from '@windrun-huaiin/lib/utils';
 import { UserState } from './money-price-types.mjs';
+import { useState } from 'react';
 
 function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
 }
 function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrade, texts, isProcessing = false }) {
     const { isAuthenticated, subscriptionStatus } = userContext;
+    const [isLoading, setIsLoading] = useState(false);
     // 决定按钮显示和行为
     const getButtonConfig = () => {
         // 匿名用户
@@ -18,8 +20,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                 text: texts[textKey] || texts.getStarted,
                 onClick: onLogin,
                 disabled: false,
-                hidden: false,
-                icon: jsx(globalLucideIcons.ArrowRight, {})
+                hidden: false
             };
         }
         // 已登录用户
@@ -29,8 +30,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     return {
                         text: texts.currentPlan,
                         disabled: true,
-                        hidden: false,
-                        icon: jsx(globalLucideIcons.GlobeLock, {})
+                        hidden: false
                     };
                 }
                 const getFreeUserText = planKey === 'pro' ? texts.getPro : texts.getUltra;
@@ -38,8 +38,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     text: getFreeUserText,
                     onClick: () => onUpgrade(planKey, billingType),
                     disabled: false,
-                    hidden: false,
-                    icon: jsx(globalLucideIcons.ArrowRight, {})
+                    hidden: false
                 };
             case UserState.ProUser:
                 if (planKey === 'free')
@@ -48,16 +47,14 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                     return {
                         text: texts.currentPlan,
                         disabled: true,
-                        hidden: false,
-                        icon: jsx(globalLucideIcons.GlobeLock, {})
+                        hidden: false
                     };
                 }
                 return {
                     text: texts.upgrade,
                     onClick: () => onUpgrade('ultra', billingType),
                     disabled: false,
-                    hidden: false,
-                    icon: jsx(globalLucideIcons.ArrowRight, {})
+                    hidden: false
                 };
             case UserState.UltraUser:
                 if (planKey !== 'ultra')
@@ -65,8 +62,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
                 return {
                     text: texts.currentPlan,
                     disabled: true,
-                    hidden: false,
-                    icon: jsx(globalLucideIcons.GlobeLock, {})
+                    hidden: false
                 };
             default:
                 return { text: '', disabled: true, hidden: true };
@@ -75,7 +71,32 @@ function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrad
     const config = getButtonConfig();
     if (config.hidden)
         return null;
-    return (jsx(GradientButton, { title: config.text, icon: config.icon, onClick: config.onClick, disabled: config.disabled || isProcessing, align: "center", className: "w-full", preventDoubleClick: true, loadingText: "Processing..." }));
+    const handleClick = (e) => __awaiter(this, void 0, void 0, function* () {
+        if (config.disabled || isLoading || isProcessing) {
+            e.preventDefault();
+            return;
+        }
+        if (config.onClick) {
+            e.preventDefault();
+            setIsLoading(true);
+            try {
+                const result = config.onClick();
+                // Handle both sync and async functions
+                yield Promise.resolve(result);
+            }
+            catch (error) {
+                console.error('MoneyPriceButton onClick error:', error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+    });
+    const isDisabled = config.disabled || isLoading || isProcessing;
+    const displayText = isLoading ? 'Processing...' : config.text;
+    return (jsx("button", { className: cn('w-full py-2 mt-auto text-white text-base font-bold shadow-lg hover:shadow-xl transition-all duration-300 rounded-full', isDisabled
+            ? 'bg-gray-400 cursor-not-allowed'
+            : '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'), disabled: isDisabled, onClick: handleClick, type: "button", "data-plan-button": planKey, children: displayText }));
 }
 
 export { MoneyPriceButton };

package/dist/main/money-price/money-price-interactive.js

@@ -173,6 +173,8 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
                 : utils.cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full');
         }
     }, []);
+    // State for button portals
+    const [buttonPortals, setButtonPortals] = React.useState([]);
     // 处理月付/年付切换和 tooltip 功能
     React.useEffect(() => {
         const monthlyButton = document.querySelector('[data-billing-button="monthly"]');
@@ -226,14 +228,6 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
                 }
             });
         });
-        // Inject buttons into placeholders using createPortal
-        data.plans.forEach((plan) => {
-            const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
-            if (placeholder) {
-                console.log('MoneyPriceButton', `[data-button-placeholder="${plan.key}"]`);
-                ReactDOM.createPortal(jsxRuntime.jsx(moneyPriceButton.MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }), placeholder);
-            }
-        });
         // Initial updates
         updatePriceDisplay(billingType);
         updateDiscountInfo(billingType);
@@ -252,6 +246,18 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
             });
         };
     }, [data, billingType, updatePriceDisplay, updateButtonStyles, updateDiscountInfo, userContext, handleLogin, handleUpgrade, isProcessing]);
+    // Create button portals after component mounts
+    React.useEffect(() => {
+        const portals = [];
+        data.plans.forEach((plan) => {
+            const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
+            if (placeholder) {
+                console.log('Creating portal for', `[data-button-placeholder="${plan.key}"]`);
+                portals.push(ReactDOM.createPortal(jsxRuntime.jsx(moneyPriceButton.MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }, plan.key), placeholder));
+            }
+        });
+        setButtonPortals(portals);
+    }, [data.plans, userContext, billingType, handleLogin, handleUpgrade, data.buttonTexts, isProcessing]);
     // Tooltip 组件
     const Tooltip = ({ show, content, x, y }) => {
         if (!show)
@@ -268,7 +274,7 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
         };
         return (jsxRuntime.jsx("div", { style: style, className: "bg-gray-700 dark:bg-gray-200 text-gray-100 dark:text-gray-800 text-xs leading-relaxed px-3 py-2 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600 backdrop-blur-sm", children: content }));
     };
-    return jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip)), buttonPortals] }));
 }
 
 exports.MoneyPriceInteractive = MoneyPriceInteractive;

package/dist/main/money-price/money-price-interactive.mjs

@@ -1,6 +1,6 @@
 "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 } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useClerk } from '@clerk/nextjs';
 import { useState, useCallback, useMemo, useEffect } from 'react';
 import { useFingerprintContextSafe } from '../../clerk/fingerprint/fingerprint-provider.mjs';
@@ -171,6 +171,8 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
                 : cn('min-w-[120px] px-6 py-2 font-medium transition text-lg relative', 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full');
         }
     }, []);
+    // State for button portals
+    const [buttonPortals, setButtonPortals] = useState([]);
     // 处理月付/年付切换和 tooltip 功能
     useEffect(() => {
         const monthlyButton = document.querySelector('[data-billing-button="monthly"]');
@@ -224,14 +226,6 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
                 }
             });
         });
-        // Inject buttons into placeholders using createPortal
-        data.plans.forEach((plan) => {
-            const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
-            if (placeholder) {
-                console.log('MoneyPriceButton', `[data-button-placeholder="${plan.key}"]`);
-                createPortal(jsx(MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }), placeholder);
-            }
-        });
         // Initial updates
         updatePriceDisplay(billingType);
         updateDiscountInfo(billingType);
@@ -250,6 +244,18 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
             });
         };
     }, [data, billingType, updatePriceDisplay, updateButtonStyles, updateDiscountInfo, userContext, handleLogin, handleUpgrade, isProcessing]);
+    // Create button portals after component mounts
+    useEffect(() => {
+        const portals = [];
+        data.plans.forEach((plan) => {
+            const placeholder = document.querySelector(`[data-button-placeholder="${plan.key}"]`);
+            if (placeholder) {
+                console.log('Creating portal for', `[data-button-placeholder="${plan.key}"]`);
+                portals.push(createPortal(jsx(MoneyPriceButton, { planKey: plan.key, userContext: userContext, billingType: billingType, onLogin: handleLogin, onUpgrade: handleUpgrade, texts: data.buttonTexts, isProcessing: isProcessing }, plan.key), placeholder));
+            }
+        });
+        setButtonPortals(portals);
+    }, [data.plans, userContext, billingType, handleLogin, handleUpgrade, data.buttonTexts, isProcessing]);
     // Tooltip 组件
     const Tooltip = ({ show, content, x, y }) => {
         if (!show)
@@ -266,7 +272,7 @@ function MoneyPriceInteractive({ data, config, upgradeApiEndpoint, signInPath })
         };
         return (jsx("div", { style: style, className: "bg-gray-700 dark:bg-gray-200 text-gray-100 dark:text-gray-800 text-xs leading-relaxed px-3 py-2 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600 backdrop-blur-sm", children: content }));
     };
-    return jsx(Tooltip, Object.assign({}, tooltip));
+    return (jsxs(Fragment, { children: [jsx(Tooltip, Object.assign({}, tooltip)), buttonPortals] }));
 }
 
 export { MoneyPriceInteractive };

package/dist/main/money-price/money-price.js

@@ -6,18 +6,6 @@ var utils = require('@windrun-huaiin/lib/utils');
 var server = require('next-intl/server');
 var moneyPriceConfigUtil = require('./money-price-config-util.js');
 var moneyPriceInteractive = require('./money-price-interactive.js');
-require('@windrun-huaiin/base-ui/components/server');
-require('next-themes');
-require('react');
-require('fumadocs-core/framework');
-require('next/link');
-var gradientButton = require('../../fuma/mdx/gradient-button.js');
-require('next/navigation');
-require('fumadocs-ui/utils/use-copy-button');
-require('fumadocs-core/link');
-require('@windrun-huaiin/base-ui/ui');
-require('fumadocs-ui/components/ui/collapsible');
-require('../../fuma/mdx/banner.js');
 
 function MoneyPrice(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
@@ -78,8 +66,7 @@ function MoneyPrice(_a) {
                                 if (!(opt && hasDiscount && opt.discountText))
                                     return null;
                                 return (jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace('{percent}', String(discountPercent)) }));
-                            })() })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxRuntime.jsxs("div", { "data-price-plan": plan.key, className: utils.cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 w-full h-full shadow-sm dark:shadow-none', // 添加 w-full
-                        'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsxRuntime.jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsxRuntime.jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsxRuntime.jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxRuntime.jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsxRuntime.jsx("span", { children: feature.icon }) : jsxRuntime.jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsxRuntime.jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxRuntime.jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsxRuntime.jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsxRuntime.jsx("span", { children: "\u00A0" }))] }, i))) }), jsxRuntime.jsx("div", { className: "flex-1" }), jsxRuntime.jsx("div", { "data-button-placeholder": plan.key, children: jsxRuntime.jsx(gradientButton.GradientButton, { title: data.buttonTexts.getStarted, disabled: true, align: "center", className: "w-full" }) })] }, plan.key))) }), jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
+                            })() })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxRuntime.jsxs("div", { "data-price-plan": plan.key, className: utils.cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none', 'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsxRuntime.jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsxRuntime.jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsxRuntime.jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxRuntime.jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsxRuntime.jsx("span", { children: feature.icon }) : jsxRuntime.jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsxRuntime.jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxRuntime.jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsxRuntime.jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsxRuntime.jsx("span", { children: "\u00A0" }))] }, i))) }), jsxRuntime.jsx("div", { className: "flex-1" }), jsxRuntime.jsx("div", { "data-button-placeholder": plan.key })] }, plan.key))) }), jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
     });
 }
 

package/dist/main/money-price/money-price.mjs

@@ -4,18 +4,6 @@ import { cn } from '@windrun-huaiin/lib/utils';
 import { getTranslations } from 'next-intl/server';
 import { getActiveProviderConfig } from './money-price-config-util.mjs';
 import { MoneyPriceInteractive } from './money-price-interactive.mjs';
-import '@windrun-huaiin/base-ui/components/server';
-import 'next-themes';
-import 'react';
-import 'fumadocs-core/framework';
-import 'next/link';
-import { GradientButton } from '../../fuma/mdx/gradient-button.mjs';
-import 'next/navigation';
-import 'fumadocs-ui/utils/use-copy-button';
-import 'fumadocs-core/link';
-import '@windrun-huaiin/base-ui/ui';
-import 'fumadocs-ui/components/ui/collapsible';
-import '../../fuma/mdx/banner.mjs';
 
 function MoneyPrice(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, config, upgradeApiEndpoint, signInPath, sectionClassName }) {
@@ -76,8 +64,7 @@ function MoneyPrice(_a) {
                                 if (!(opt && hasDiscount && opt.discountText))
                                     return null;
                                 return (jsx("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace('{percent}', String(discountPercent)) }));
-                            })() })] }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxs("div", { "data-price-plan": plan.key, className: cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 w-full h-full shadow-sm dark:shadow-none', // 添加 w-full
-                        'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsx("span", { children: feature.icon }) : jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsx("span", { children: "\u00A0" }))] }, i))) }), jsx("div", { className: "flex-1" }), jsx("div", { "data-button-placeholder": plan.key, children: jsx(GradientButton, { title: data.buttonTexts.getStarted, disabled: true, align: "center", className: "w-full" }) })] }, plan.key))) }), jsx(MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
+                            })() })] }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => (jsxs("div", { "data-price-plan": plan.key, className: cn('flex flex-col bg-white dark:bg-gray-800/60 rounded-2xl border border-gray-300 dark:border-[#7c3aed40] transition p-8 h-full shadow-sm dark:shadow-none', 'hover:border-2 hover:border-purple-500', 'focus-within:border-2 focus-within:border-purple-500'), style: { minHeight: maxFeaturesCount * 100 }, children: [jsxs("div", { className: "flex items-center gap-2 mb-2", children: [jsx("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }), plan.titleTags && plan.titleTags.map((tag, i) => (jsx("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i)))] }), renderPrice(plan), jsx("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => (jsxs("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [feature ? (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? jsx("span", { children: feature.icon }) : jsx("span", { className: "font-bold", children: "\u2713" }) })) : (jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\u00A0" })), feature && feature.tag && (jsx("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag })), feature ? (jsxs("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [feature.description, feature.tooltip && (jsx("span", { className: "ml-1 align-middle inline-flex", "data-tooltip-trigger": `${plan.key}-${i}`, "data-tooltip-content": feature.tooltip, children: jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }))] })) : (jsx("span", { children: "\u00A0" }))] }, i))) }), jsx("div", { className: "flex-1" }), jsx("div", { "data-button-placeholder": plan.key })] }, plan.key))) }), jsx(MoneyPriceInteractive, { data: data, config: config, upgradeApiEndpoint: upgradeApiEndpoint, signInPath: signInPath })] }));
     });
 }
 

package/dist/main/price-plan.js

@@ -15,7 +15,6 @@ require('@clerk/nextjs');
 require('../clerk/fingerprint/fingerprint-provider.js');
 require('next/navigation');
 require('react-dom');
-require('@windrun-huaiin/third-ui/fuma/mdx');
 require('./money-price/money-price-types.js');
 
 function PricePlan(_a) {

package/dist/main/price-plan.mjs

@@ -13,7 +13,6 @@ import '@clerk/nextjs';
 import '../clerk/fingerprint/fingerprint-provider.mjs';
 import 'next/navigation';
 import 'react-dom';
-import '@windrun-huaiin/third-ui/fuma/mdx';
 import './money-price/money-price-types.mjs';
 
 function PricePlan(_a) {

package/dist/node_modules/.pnpm/cose-base@1.0.3/node_modules/cose-base/cose-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var coseBase$1 = require('../../../../../_virtual/cose-base2.js');
+var coseBase$1 = require('../../../../../_virtual/cose-base.js');
 var layoutBase = require('../../../layout-base@1.0.2/node_modules/layout-base/layout-base.js');
 
 var coseBase = coseBase$1.__module.exports;

package/dist/node_modules/.pnpm/cose-base@2.2.0/node_modules/cose-base/cose-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var coseBase$1 = require('../../../../../_virtual/cose-base.js');
+var coseBase$1 = require('../../../../../_virtual/cose-base2.js');
 var layoutBase = require('../../../layout-base@2.0.1/node_modules/layout-base/layout-base.js');
 
 var coseBase = coseBase$1.__module.exports;

package/dist/node_modules/.pnpm/{cytoscape@3.33.0 → cytoscape@3.33.1}/node_modules/cytoscape/dist/cytoscape.esm.js

@@ -33374,6 +33374,13 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
       if (!this._isVisible(ele, opts)) {
         return;
       }
+
+      // Edges with invalid points could be passed here (labels), causing errors
+      // Ref: Random "Script Error" thrown when generating nodes and edges in newest webgl version #3365
+      // https://github.com/cytoscape/cytoscape.js/issues/3365
+      if (ele.isEdge() && !this._isValidEdge(ele)) {
+        return;
+      }
       if (this.renderTarget.picking && opts.getTexPickingMode) {
         var mode = opts.getTexPickingMode(ele);
         if (mode === TEX_PICKING_MODE.IGNORE) {
@@ -33813,13 +33820,23 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "_isValidEdge",
+    value: function _isValidEdge(edge) {
+      var rs = edge._private.rscratch;
+      if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+        // isNaN in case edge is impossible and browser bugs (e.g. safari)
+        return false;
+      }
+      return true;
+    }
   }, {
     key: "_getEdgePoints",
     value: function _getEdgePoints(edge) {
       var rs = edge._private.rscratch;
 
       // if bezier ctrl pts can not be calculated, then die
-      if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+      if (!this._isValidEdge(edge)) {
         // isNaN in case edge is impossible and browser bugs (e.g. safari)
         return;
       }
@@ -35524,7 +35541,7 @@ sheetfn.appendToStyle = function (style) {
   return style;
 };
 
-var version = "3.33.0";
+var version = "3.33.1";
 
 var cytoscape = function cytoscape(options) {
   // if no options specified, use default

package/dist/node_modules/.pnpm/{cytoscape@3.33.0 → cytoscape@3.33.1}/node_modules/cytoscape/dist/cytoscape.esm.mjs

@@ -33372,6 +33372,13 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
       if (!this._isVisible(ele, opts)) {
         return;
       }
+
+      // Edges with invalid points could be passed here (labels), causing errors
+      // Ref: Random "Script Error" thrown when generating nodes and edges in newest webgl version #3365
+      // https://github.com/cytoscape/cytoscape.js/issues/3365
+      if (ele.isEdge() && !this._isValidEdge(ele)) {
+        return;
+      }
       if (this.renderTarget.picking && opts.getTexPickingMode) {
         var mode = opts.getTexPickingMode(ele);
         if (mode === TEX_PICKING_MODE.IGNORE) {
@@ -33811,13 +33818,23 @@ var ElementDrawingWebGL = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "_isValidEdge",
+    value: function _isValidEdge(edge) {
+      var rs = edge._private.rscratch;
+      if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+        // isNaN in case edge is impossible and browser bugs (e.g. safari)
+        return false;
+      }
+      return true;
+    }
   }, {
     key: "_getEdgePoints",
     value: function _getEdgePoints(edge) {
       var rs = edge._private.rscratch;
 
       // if bezier ctrl pts can not be calculated, then die
-      if (rs.badLine || rs.allpts == null || isNaN(rs.allpts[0])) {
+      if (!this._isValidEdge(edge)) {
         // isNaN in case edge is impossible and browser bugs (e.g. safari)
         return;
       }
@@ -35522,7 +35539,7 @@ sheetfn.appendToStyle = function (style) {
   return style;
 };
 
-var version = "3.33.0";
+var version = "3.33.1";
 
 var cytoscape = function cytoscape(options) {
   // if no options specified, use default

package/dist/node_modules/.pnpm/layout-base@1.0.2/node_modules/layout-base/layout-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var layoutBase$1 = require('../../../../../_virtual/layout-base2.js');
+var layoutBase$1 = require('../../../../../_virtual/layout-base.js');
 
 var layoutBase = layoutBase$1.__module.exports;
 

package/dist/node_modules/.pnpm/layout-base@2.0.1/node_modules/layout-base/layout-base.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var layoutBase$1 = require('../../../../../_virtual/layout-base.js');
+var layoutBase$1 = require('../../../../../_virtual/layout-base2.js');
 
 var layoutBase = layoutBase$1.__module.exports;
 

package/dist/node_modules/.pnpm/mermaid@11.9.0/node_modules/mermaid/dist/chunks/mermaid.core/architectureDiagram-SUXI7LT5.js

@@ -7,7 +7,7 @@ var chunk55PJQP7W = require('./chunk-55PJQP7W.js');
 var chunkP3VETL53 = require('./chunk-P3VETL53.js');
 var chunk3XYRH5AP = require('./chunk-3XYRH5AP.js');
 var mermaidParser_core = require('../../../../../../@mermaid-js_parser@0.6.2/node_modules/@mermaid-js/parser/dist/mermaid-parser.core.js');
-var cytoscape_esm = require('../../../../../../cytoscape@3.33.0/node_modules/cytoscape/dist/cytoscape.esm.js');
+var cytoscape_esm = require('../../../../../../cytoscape@3.33.1/node_modules/cytoscape/dist/cytoscape.esm.js');
 var cytoscapeFcose = require('../../../../../../../../_virtual/cytoscape-fcose.js');
 require('../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js');
 require('../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js');

package/dist/node_modules/.pnpm/mermaid@11.9.0/node_modules/mermaid/dist/chunks/mermaid.core/architectureDiagram-SUXI7LT5.mjs

@@ -5,7 +5,7 @@ import { cleanAndMerge } from './chunk-55PJQP7W.mjs';
 import { selectSvgElement } from './chunk-P3VETL53.mjs';
 import { __name, getAccDescription, setAccDescription, getAccTitle, setAccTitle, getDiagramTitle, setDiagramTitle, setupGraphViewbox, getConfig, defaultConfig_default, clear, log, getConfig2 } from './chunk-3XYRH5AP.mjs';
 import { parse } from '../../../../../../@mermaid-js_parser@0.6.2/node_modules/@mermaid-js/parser/dist/mermaid-parser.core.mjs';
-import cytoscape from '../../../../../../cytoscape@3.33.0/node_modules/cytoscape/dist/cytoscape.esm.mjs';
+import cytoscape from '../../../../../../cytoscape@3.33.1/node_modules/cytoscape/dist/cytoscape.esm.mjs';
 import fcose from '../../../../../../../../_virtual/cytoscape-fcose.mjs';
 import '../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.mjs';
 import '../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.mjs';