@windrun-huaiin/third-ui 20.0.0 → 21.0.0

package/dist/clerk/fingerprint/fingerprint-provider.mjs

@@ -4,6 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Settings2Icon, CoinsIcon, GiftIcon, LightbulbIcon, ShieldUserIcon, XIcon, FingerprintIcon, GemIcon, DatabaseZapIcon, BellIcon, RefreshCcwIcon } from '@windrun-huaiin/base-ui/icons';
 import { themeIconColor, themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
 import { cn } from '@windrun-huaiin/lib/utils';
+import { useMessages } from 'next-intl';
 import { createContext, useContext, useState, useRef, useEffect, useMemo } from 'react';
 import { useFingerprint } from './use-fingerprint.mjs';
 import { CopyableText } from '@windrun-huaiin/base-ui/ui';
@@ -12,6 +13,10 @@ import { getOrCreateDebugFingerprintOverride, regenerateDebugFingerprintOverride
 import { FINGERPRINT_SOURCE_REFER } from './fingerprint-shared.mjs';
 
 const FingerprintContext = createContext(undefined);
+function useFingerprintStatusTranslations() {
+    const messages = useMessages();
+    return messages.fingerprint;
+}
 /**
  * Fingerprint Provider Component
  * 为应用提供fingerprint和匿名用户管理功能
@@ -51,6 +56,7 @@ function withFingerprint(Component, config) {
  * 组件：显示用户状态和积分信息（用于调试）
  */
 function FingerprintStatus() {
+    const translations = useFingerprintStatusTranslations();
     const { fingerprintId, xUser, xCredit, xSubscription, error, clearError, } = useFingerprintContext();
     const [isOpen, setIsOpen] = useState(false);
     const [panelMode, setPanelMode] = useState('info');
@@ -90,7 +96,7 @@ function FingerprintStatus() {
         return [
             {
                 key: 'paid',
-                label: 'Paid',
+                label: translations.creditBuckets.paid,
                 icon: jsx(Settings2Icon, { className: "size-4 text-green-500 dark:text-green-300" }),
                 balance: xCredit.balancePaid,
                 total: xCredit.totalPaidLimit,
@@ -99,7 +105,7 @@ function FingerprintStatus() {
             },
             {
                 key: 'oneTimePaid',
-                label: 'OneTimePaid',
+                label: translations.creditBuckets.oneTimePaid,
                 icon: jsx(CoinsIcon, { className: "size-4 text-amber-500 dark:text-amber-300" }),
                 balance: xCredit.balanceOneTimePaid,
                 total: xCredit.totalOneTimePaidLimit,
@@ -108,7 +114,7 @@ function FingerprintStatus() {
             },
             {
                 key: 'free',
-                label: 'Free',
+                label: translations.creditBuckets.free,
                 icon: jsx(GiftIcon, { className: "size-4 text-purple-500 dark:text-purple-300" }),
                 balance: xCredit.balanceFree,
                 total: xCredit.totalFreeLimit,
@@ -116,15 +122,15 @@ function FingerprintStatus() {
                 end: xCredit.freeEnd,
             },
         ];
-    }, [xCredit]);
+    }, [translations.creditBuckets.free, translations.creditBuckets.oneTimePaid, translations.creditBuckets.paid, xCredit]);
     const subscriptionStatus = useMemo(() => {
         var _a, _b;
         if (!xSubscription) {
             return {
-                status: 'Never',
+                status: translations.placeholders.subscriptionStatusNever,
                 priceName: '--',
                 creditsAllocated: '--',
-                period: 'Unavailable',
+                period: translations.placeholders.subscriptionPeriodUnavailable,
             };
         }
         return {
@@ -133,9 +139,9 @@ function FingerprintStatus() {
             creditsAllocated: typeof xSubscription.creditsAllocated === 'number'
                 ? formatNumber(xSubscription.creditsAllocated)
                 : '--',
-            period: formatRangeText(xSubscription.subPeriodStart, xSubscription.subPeriodEnd),
+            period: formatRangeText(xSubscription.subPeriodStart, xSubscription.subPeriodEnd, translations),
         };
-    }, [xSubscription]);
+    }, [translations.placeholders.subscriptionPeriodUnavailable, translations.placeholders.subscriptionStatusNever, xSubscription]);
     const userStatus = (xUser === null || xUser === void 0 ? void 0 : xUser.status) || '--';
     const totalCredits = formatNumber(xCredit === null || xCredit === void 0 ? void 0 : xCredit.totalBalance);
     const subStatus = subscriptionStatus.status;
@@ -143,22 +149,22 @@ function FingerprintStatus() {
     const runContextParallelInitTest = () => __awaiter(this, void 0, void 0, function* () {
         const debugFingerprintId = activeDebugFingerprintId !== null && activeDebugFingerprintId !== void 0 ? activeDebugFingerprintId : getOrCreateDebugFingerprintOverride();
         if (!debugFingerprintId) {
-            setTestResult('Test fingerprint override is not ready yet.');
+            setTestResult(translations.messages.testFingerprintNotReady);
             return;
         }
         setActiveDebugFingerprintId(debugFingerprintId);
         setIsRunningTest(true);
-        setTestResult(`Running Frontend Prevention Test with fingerprint: ${debugFingerprintId}`);
+        setTestResult(tpl(translations.messages.runningFrontendPreventionTest, { fingerprintId: debugFingerprintId }));
         try {
             yield Promise.all([
                 initializeDebugAnonymousUser(debugFingerprintId),
                 initializeDebugAnonymousUser(debugFingerprintId),
                 initializeDebugAnonymousUser(debugFingerprintId),
             ]);
-            setTestResult(`Frontend Prevention Test finished. Active test fingerprint: ${debugFingerprintId}`);
+            setTestResult(tpl(translations.messages.frontendPreventionTestFinished, { fingerprintId: debugFingerprintId }));
         }
         catch (testError) {
-            setTestResult(`Frontend Prevention Test failed: ${formatErrorMessage(testError)}`);
+            setTestResult(tpl(translations.messages.frontendPreventionTestFailed, { error: formatErrorMessage(testError, translations) }));
         }
         finally {
             setIsRunningTest(false);
@@ -178,7 +184,7 @@ function FingerprintStatus() {
             });
             if (!response.ok) {
                 const errorData = yield response.json().catch(() => ({}));
-                throw new Error(errorData.error || 'Failed to initialize anonymous user');
+                throw new Error(errorData.error || translations.messages.failedToInitializeAnonymousUser);
             }
             yield response.json().catch(() => ({}));
         }
@@ -189,12 +195,12 @@ function FingerprintStatus() {
     const runRawParallelPostTest = () => __awaiter(this, void 0, void 0, function* () {
         const normalizedFingerprintId = activeDebugFingerprintId !== null && activeDebugFingerprintId !== void 0 ? activeDebugFingerprintId : getOrCreateDebugFingerprintOverride();
         if (!normalizedFingerprintId) {
-            setTestResult('Test fingerprint override is not ready yet.');
+            setTestResult(translations.messages.testFingerprintNotReady);
             return;
         }
         setActiveDebugFingerprintId(normalizedFingerprintId);
         setIsRunningTest(true);
-        setTestResult(`Running Backend Idempotency Test with fingerprint: ${normalizedFingerprintId}`);
+        setTestResult(tpl(translations.messages.runningBackendIdempotencyTest, { fingerprintId: normalizedFingerprintId }));
         try {
             const fingerprintHeaders = yield createFingerprintHeaders();
             const requests = Array.from({ length: 3 }, () => fetch('/api/user/anonymous/init', {
@@ -225,16 +231,16 @@ function FingerprintStatus() {
                 .filter((payload) => !payload.ok)
                 .map((payload) => `${payload.status}${payload.error ? `:${payload.error}` : ''}`);
             setTestResult([
-                `Backend Idempotency Test done.`,
-                `created=${createdUserIds.length}`,
-                `reused=${reusedUserIds.length}`,
-                `failed=${failedStatuses.length}`,
-                `createdUserIds=[${createdUserIds.join(', ')}]`,
-                failedStatuses.length > 0 ? `failedStatuses=[${failedStatuses.join(', ')}]` : null,
+                translations.messages.backendIdempotencyTestDone,
+                tpl(translations.messages.createdCount, { count: createdUserIds.length }),
+                tpl(translations.messages.reusedCount, { count: reusedUserIds.length }),
+                tpl(translations.messages.failedCount, { count: failedStatuses.length }),
+                tpl(translations.messages.createdUserIds, { value: createdUserIds.join(', ') }),
+                failedStatuses.length > 0 ? tpl(translations.messages.failedStatuses, { value: failedStatuses.join(', ') }) : null,
             ].filter(Boolean).join('\n'));
         }
         catch (testError) {
-            setTestResult(`Backend Idempotency Test failed: ${formatErrorMessage(testError)}`);
+            setTestResult(tpl(translations.messages.backendIdempotencyTestFailed, { error: formatErrorMessage(testError, translations) }));
         }
         finally {
             setIsRunningTest(false);
@@ -243,31 +249,31 @@ function FingerprintStatus() {
     const regenerateTestFingerprint = () => {
         const nextFingerprintId = regenerateDebugFingerprintOverride();
         setActiveDebugFingerprintId(nextFingerprintId);
-        setTestResult(`Generated test fingerprint override: ${nextFingerprintId}`);
+        setTestResult(tpl(translations.messages.generatedTestFingerprintOverride, { fingerprintId: nextFingerprintId }));
     };
-    return (jsxs(Fragment, { children: [!isOpen && (jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', themeButtonGradientClass, themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsx(LightbulbIcon, { className: "size-6 text-white" }) })), isOpen && (jsxs(Fragment, { children: [jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxs("div", { ref: modalRef, className: cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsx("header", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: cn("flex items-center gap-2 text-base font-bold tracking-wider", themeIconColor), children: [jsx(ShieldUserIcon, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
+    return (jsxs(Fragment, { children: [!isOpen && (jsx("button", { onClick: handleToggle, type: "button", "aria-label": translations.panel.toggleAriaLabel, className: cn('fixed left-2 top-2 md:left-2 md:top-3 z-10000 inline-flex size-8 md:size-11 items-center justify-center rounded-full', themeButtonGradientClass, themeButtonGradientHoverClass, 'text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsx(LightbulbIcon, { className: "size-6 text-white" }) })), isOpen && (jsxs(Fragment, { children: [jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxs("div", { ref: modalRef, className: cn('fixed inset-3 z-9999 mx-auto w-[min(95vw,520px)] overflow-y-auto rounded-2xl border', 'border-slate-200/70 bg-white/95 p-4 shadow-2xl backdrop-blur-sm', 'font-sans text-sm text-slate-700 dark:border-white/12 dark:bg-slate-950/95 dark:text-slate-200', 'sm:inset-auto md:left-2 sm:top-1 md:right-auto sm:w-[min(520px,95vw)] sm:p-5'), children: [jsx("header", { className: "mb-4", children: jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: cn("flex items-center gap-2 text-base font-bold tracking-wider", themeIconColor), children: [jsx(ShieldUserIcon, { className: "size-4" }), translations.panel.title] }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs("button", { type: "button", onClick: () => setPanelMode((prev) => prev === 'info' ? 'test' : 'info'), className: cn('inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[11px] font-semibold shadow-sm transition-all duration-200', panelMode === 'test'
                                                         ? cn('border-transparent text-white', themeButtonGradientClass, themeButtonGradientHoverClass)
-                                                        : themedGhostButtonClass), "aria-pressed": panelMode === 'test', children: [jsx("span", { children: "Concurrent Test" }), jsx("span", { className: cn('relative inline-flex h-5 w-9 items-center rounded-full transition-colors', panelMode === 'test'
+                                                        : themedGhostButtonClass), "aria-pressed": panelMode === 'test', children: [jsx("span", { children: translations.panel.testModeLabel }), jsx("span", { className: cn('relative inline-flex h-5 w-9 items-center rounded-full transition-colors', panelMode === 'test'
                                                                 ? 'bg-white/25'
-                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsx("span", { className: cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsx("button", { type: "button", "aria-label": "Close fingerprint panel", className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsx(XIcon, { className: "size-4" }) })] })] }) }), jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxs(Fragment, { children: [jsx(PanelSection, { icon: jsx(FingerprintIcon, { className: "size-4" }), title: "User", rightInfo: jsx(StatusTag, { value: userStatus }), items: [
-                                                    { label: 'UserID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || '' }) },
-                                                    { label: 'NickName', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userName) || '' }) },
-                                                    { label: 'FingerprintID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.fingerprintId) || fingerprintId || '' }) },
-                                                    { label: 'ClerkUserID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.clerkUserId) || '' }) },
-                                                    { label: 'Email', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.email) || '' }) },
-                                                    { label: 'StripeCusID', value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.stripeCusId) || '' }) },
-                                                    { label: 'CreatedAt', value: (xUser === null || xUser === void 0 ? void 0 : xUser.createdAt) || '--' },
-                                                ] }), jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsx(PanelHeader, { icon: jsx(GemIcon, { className: "size-4" }), title: "Credits Info", rightInfo: jsx("span", { className: cn("font-semibold", themeIconColor), children: totalCredits }) }), jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
+                                                                : 'bg-slate-300 dark:bg-slate-700'), children: jsx("span", { className: cn('inline-block size-4 rounded-full shadow-sm transition-transform', panelMode === 'test' ? 'bg-white' : 'bg-white dark:bg-slate-100', panelMode === 'test' ? 'translate-x-4' : 'translate-x-0.5') }) })] }), jsx("button", { type: "button", "aria-label": translations.panel.closeAriaLabel, className: "rounded-full p-2 text-slate-500 transition hover:bg-slate-100 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/10 dark:hover:text-white", onClick: () => setIsOpen(false), children: jsx(XIcon, { className: "size-4" }) })] })] }) }), jsxs("section", { className: "space-y-1", children: [panelMode === 'info' ? (jsxs(Fragment, { children: [jsx(PanelSection, { icon: jsx(FingerprintIcon, { className: "size-4" }), title: translations.sections.user, rightInfo: jsx(StatusTag, { value: userStatus, translations: translations }), items: [
+                                                    { label: translations.labels.userId, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || '' }) },
+                                                    { label: translations.labels.nickName, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userName) || '' }) },
+                                                    { label: translations.labels.fingerprintId, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.fingerprintId) || fingerprintId || '' }) },
+                                                    { label: translations.labels.clerkUserId, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.clerkUserId) || '' }) },
+                                                    { label: translations.labels.email, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.email) || '' }) },
+                                                    { label: translations.labels.stripeCusId, value: jsx(CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.stripeCusId) || '' }) },
+                                                    { label: translations.labels.createdAt, value: (xUser === null || xUser === void 0 ? void 0 : xUser.createdAt) || '--' },
+                                                ] }), jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200/70 bg-white/80 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/50", children: [jsx(PanelHeader, { icon: jsx(GemIcon, { className: "size-4" }), title: translations.sections.creditsInfo, rightInfo: jsx("span", { className: cn("font-semibold", themeIconColor), children: totalCredits }) }), jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
                                                             const percent = Math.round(computeProgress(bucket.balance, bucket.total) * 100);
-                                                            return (jsxs("div", { className: "rounded-lg border border-slate-200/70 bg-white/70 p-3 dark:border-white/10 dark:bg-slate-900/40", children: [jsxs("div", { className: "flex items-center justify-between text-xs font-medium text-slate-600 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center gap-1.5", children: [bucket.icon, jsx("span", { children: bucket.label })] }), jsxs("span", { className: "font-semibold text-slate-700 dark:text-slate-100", children: [formatNumber(bucket.balance), " / ", formatNumber(bucket.total)] })] }), jsx("div", { className: "mt-2 h-1.5 w-full rounded-full bg-slate-200 dark:bg-slate-800", children: jsx("div", { className: "h-full rounded-full bg-linear-to-r from-purple-500 via-pink-500 to-rose-400 transition-[width]", style: { width: `${percent}%` } }) }), jsxs("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-500 dark:text-slate-400", children: [jsx("span", { children: formatRangeText(bucket.start, bucket.end) }), jsxs("span", { children: [percent, "%"] })] })] }, bucket.key));
-                                                        })) : (jsx(EmptyPlaceholder, { label: "No Credits Yet", icon: jsx(DatabaseZapIcon, { className: "size-4" }) })) })] }), jsx(PanelSection, { icon: jsx(BellIcon, { className: "size-4" }), title: "Subscription", rightInfo: jsx(StatusTag, { value: subStatus }), items: [
-                                                    { label: 'Plan', value: subscriptionStatus.priceName },
-                                                    { label: 'Period', value: subscriptionStatus.period },
-                                                    { label: 'Allocated', value: subscriptionStatus.creditsAllocated },
-                                                    { label: 'SubID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.paySubscriptionId) || '' }) },
-                                                    { label: 'OrderID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.orderId) || '' }) },
-                                                    { label: 'PriceID', value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.priceId) || '' }) },
-                                                ] })] })) : (jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsx(PanelHeader, { icon: jsx(DatabaseZapIcon, { className: "size-4" }), title: "Concurrent Base Info", rightInfo: jsx(StatusTag, { value: isRunningTest ? 'pending' : 'idle' }) }), jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Real Browser" }), jsx(CopyableText, { text: fingerprintId || '' })] }), jsxs("div", { className: "space-y-1", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "Test Override" }), jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsx(CopyableText, { text: activeDebugFingerprintId || '' }) }), jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": "Generate new test fingerprint", className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsx(RefreshCcwIcon, { className: "size-4" }) })] })] })] }), jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: "Frontend Prevention Test" }), jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', themeButtonGradientClass, themeButtonGradientHoverClass), children: "Backend Idempotency Test" })] }), jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || 'No test executed yet.' }) })] })), error && (jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx(XIcon, { className: "mt-0.5 size-4 shrink-0" }), jsx("span", { children: error })] }), jsx("button", { type: "button", "aria-label": "Dismiss error", onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsx(XIcon, { className: "size-4" }) })] }))] })] })] }))] }));
+                                                            return (jsxs("div", { className: "rounded-lg border border-slate-200/70 bg-white/70 p-3 dark:border-white/10 dark:bg-slate-900/40", children: [jsxs("div", { className: "flex items-center justify-between text-xs font-medium text-slate-600 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center gap-1.5", children: [bucket.icon, jsx("span", { children: bucket.label })] }), jsxs("span", { className: "font-semibold text-slate-700 dark:text-slate-100", children: [formatNumber(bucket.balance), " / ", formatNumber(bucket.total)] })] }), jsx("div", { className: "mt-2 h-1.5 w-full rounded-full bg-slate-200 dark:bg-slate-800", children: jsx("div", { className: "h-full rounded-full bg-linear-to-r from-purple-500 via-pink-500 to-rose-400 transition-[width]", style: { width: `${percent}%` } }) }), jsxs("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-500 dark:text-slate-400", children: [jsx("span", { children: formatRangeText(bucket.start, bucket.end, translations) }), jsxs("span", { children: [percent, "%"] })] })] }, bucket.key));
+                                                        })) : (jsx(EmptyPlaceholder, { label: translations.placeholders.noCreditsYet, icon: jsx(DatabaseZapIcon, { className: "size-4" }) })) })] }), jsx(PanelSection, { icon: jsx(BellIcon, { className: "size-4" }), title: translations.sections.subscription, rightInfo: jsx(StatusTag, { value: subStatus, translations: translations }), items: [
+                                                    { label: translations.labels.plan, value: subscriptionStatus.priceName },
+                                                    { label: translations.labels.period, value: subscriptionStatus.period },
+                                                    { label: translations.labels.allocated, value: subscriptionStatus.creditsAllocated },
+                                                    { label: translations.labels.subId, value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.paySubscriptionId) || '' }) },
+                                                    { label: translations.labels.orderId, value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.orderId) || '' }) },
+                                                    { label: translations.labels.priceId, value: jsx(CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.priceId) || '' }) },
+                                                ] })] })) : (jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsx(PanelHeader, { icon: jsx(DatabaseZapIcon, { className: "size-4" }), title: translations.sections.concurrentBaseInfo, rightInfo: jsx(StatusTag, { value: isRunningTest ? translations.status.pending : translations.status.idle, translations: translations }) }), jsxs("div", { className: "space-y-2 text-xs text-slate-500 dark:text-slate-300", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: translations.labels.realBrowser }), jsx(CopyableText, { text: fingerprintId || '' })] }), jsxs("div", { className: "space-y-1", children: [jsx("span", { className: "text-slate-400 dark:text-slate-500", children: translations.labels.testOverride }), jsxs("div", { className: "flex items-center gap-2 py-1", children: [jsx("div", { className: "min-w-0 flex-1 rounded-lg border border-slate-200 bg-white px-3 py-2 font-mono text-[0.5rem] sm:text-[0.625rem] md:text-xs leading-tight text-slate-700 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100", children: jsx(CopyableText, { text: activeDebugFingerprintId || '' }) }), jsx("button", { type: "button", disabled: isRunningTest, onClick: regenerateTestFingerprint, "aria-label": translations.actions.generateNewTestFingerprintAriaLabel, className: "inline-flex size-9 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 text-slate-700 transition hover:border-slate-300 hover:bg-slate-100 disabled:cursor-not-allowed disabled:opacity-50 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-900", children: jsx(RefreshCcwIcon, { className: "size-4" }) })] })] })] }), jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [jsx("button", { type: "button", disabled: isRunningTest, onClick: runContextParallelInitTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', themedGhostButtonClass), children: translations.actions.frontendPreventionTest }), jsx("button", { type: "button", disabled: isRunningTest, onClick: runRawParallelPostTest, className: cn('shrink-0 rounded-full border px-3 py-2 text-xs font-semibold text-white shadow-sm transition-all duration-200 disabled:cursor-not-allowed disabled:opacity-50', 'border-transparent', themeButtonGradientClass, themeButtonGradientHoverClass), children: translations.actions.backendIdempotencyTest })] }), jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50/80 p-3 dark:border-white/10 dark:bg-slate-950/50", children: jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap break-all font-mono text-[11px] leading-5 text-slate-600 dark:text-slate-300", children: testResult || translations.placeholders.noTestExecutedYet }) })] })), error && (jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 shadow-sm dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-200", children: [jsxs("div", { className: "flex items-start gap-2", children: [jsx(XIcon, { className: "mt-0.5 size-4 shrink-0" }), jsx("span", { children: error })] }), jsx("button", { type: "button", "aria-label": translations.actions.dismissErrorAriaLabel, onClick: clearError, className: "shrink-0 rounded-full p-1 text-amber-500 transition hover:bg-amber-100 hover:text-amber-700 dark:text-amber-200 dark:hover:bg-amber-500/10 dark:hover:text-amber-100", children: jsx(XIcon, { className: "size-4" }) })] }))] })] })] }))] }));
 }
 /* ==================== 新增辅助组件 ==================== */
 // 标题行：左侧图标+标题，右侧信息（右对齐）
@@ -294,11 +300,11 @@ function computeProgress(balance, total) {
         return 0;
     return Math.min(Math.max(ratio, 0), 1);
 }
-function formatRangeText(start, end) {
+function formatRangeText(start, end, translations) {
     const safeStart = start && start.trim() ? start : '';
     const safeEnd = end && end.trim() ? end : '';
     if (!safeStart && !safeEnd) {
-        return 'No records';
+        return translations.placeholders.noRecords;
     }
     if (!safeStart) {
         return safeEnd;
@@ -308,9 +314,9 @@ function formatRangeText(start, end) {
     }
     return `${safeStart} - ${safeEnd}`;
 }
-function StatusTag({ value }) {
+function StatusTag({ value, translations, }) {
     if (!value)
-        return jsx("span", { className: "text-slate-400", children: "None" });
+        return jsx("span", { className: "text-slate-400", children: translations.placeholders.none });
     const normalized = value.toLowerCase();
     const colorMap = {
         // 绿色：正常/活跃
@@ -333,14 +339,17 @@ function StatusTag({ value }) {
     const badgeClass = colorMap[normalized] || defaultColor;
     return (jsx("span", { className: cn('inline-block rounded-full px-2 py-0.5 text-xs capitalize font-medium', badgeClass), children: value }));
 }
-function formatErrorMessage(error) {
+function formatErrorMessage(error, translations) {
     if (error instanceof Error) {
         return error.message;
     }
     if (typeof error === 'string') {
         return error;
     }
-    return 'Unknown error';
+    return translations.placeholders.unknownError;
+}
+function tpl(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => { var _a; return String((_a = values[key]) !== null && _a !== void 0 ? _a : ''); });
 }
 
 export { FingerprintProvider, FingerprintStatus, useFingerprintContext, useFingerprintContextSafe, withFingerprint };

package/dist/fuma/fuma-page-genarator.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, ReactElement } from 'react';
 import type { LLMCopyButtonProps, LLMCopyButton } from '@third-ui/fuma/mdx/toc-base';
 interface FumaPageParams {
     sourceKey: string;
-    mdxContentSource: any;
+    mdxContentSource: any | (() => Promise<any>);
     getMDXComponents: () => any;
     mdxSourceDir: string;
     githubBaseUrl?: string;
@@ -25,7 +25,7 @@ export declare function createFumaPage({ sourceKey, mdxContentSource, getMDXComp
             slug?: string[];
         }>;
     }) => Promise<import("react/jsx-runtime").JSX.Element>;
-    generateStaticParams: () => any;
+    generateStaticParams: () => Promise<any>;
     generateMetadata: (props: {
         params: Promise<{
             slug?: string[];

package/dist/fuma/fuma-page-genarator.js

@@ -9,36 +9,49 @@ var lib = require('@windrun-huaiin/lib');
 var tocClerkPortable = require('./mdx/toc-clerk-portable.js');
 
 function createFumaPage({ sourceKey, mdxContentSource, getMDXComponents, mdxSourceDir, githubBaseUrl, copyButtonComponent, siteIcon, FallbackPage, supportedLocales = ['en'], showBreadcrumb = true, showTableOfContent = true, showTableOfContentPopover = false, localePrefixAsNeeded = true, defaultLocale = 'en', }) {
+    const getSource = () => tslib.__awaiter(this, void 0, void 0, function* () {
+        if (typeof mdxContentSource === 'function') {
+            return yield mdxContentSource();
+        }
+        return mdxContentSource;
+    });
     const Page = function Page(_a) {
         return tslib.__awaiter(this, arguments, void 0, function* ({ params }) {
-            var _b, _c, _d;
+            var _b, _c, _d, _e;
             const { slug, locale } = yield params;
-            const page$1 = mdxContentSource.getPage(slug, locale);
+            const source = yield getSource();
+            const page$1 = source.getPage(slug, locale);
             if (!page$1) {
-                console.log('[FumaPage] missing page', { slug, locale, available: (_d = (_c = (_b = mdxContentSource.pageTree) === null || _b === void 0 ? void 0 : _b[locale]) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map((c) => c.url) });
+                console.log('[FumaPage] missing page', { slug, locale, available: (_d = (_c = (_b = source.pageTree) === null || _b === void 0 ? void 0 : _b[locale]) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map((c) => c.url) });
                 return jsxRuntime.jsx(FallbackPage, { siteIcon: siteIcon });
             }
             const path = githubBaseUrl ? `${mdxSourceDir}/${page$1.path}` : undefined;
             const tocFooterElement = (jsxRuntime.jsx(tocFooterWrapper.TocFooterWrapper, { lastModified: page$1.data.date, copyButtonComponent: copyButtonComponent
                     ? React.cloneElement(copyButtonComponent, { sourceKey })
                     : undefined, editPath: path, githubBaseUrl: githubBaseUrl }));
-            const MDX = page$1.data.body;
+            const content = typeof page$1.data.load === 'function'
+                ? yield page$1.data.load(getMDXComponents())
+                : {
+                    body: yield page$1.data.body({ components: getMDXComponents() }),
+                    toc: (_e = page$1.data.toc) !== null && _e !== void 0 ? _e : [],
+                };
             return (jsxRuntime.jsxs(page.DocsPage, { breadcrumb: { enabled: showBreadcrumb }, tableOfContent: {
                     enabled: showTableOfContent,
                     single: false,
-                    component: (jsxRuntime.jsx(tocClerkPortable.PortableClerkTOC, { toc: page$1.data.toc, footer: tocFooterElement })),
+                    component: (jsxRuntime.jsx(tocClerkPortable.PortableClerkTOC, { toc: content.toc, footer: tocFooterElement })),
                 }, tableOfContentPopover: {
                     enabled: false,
-                }, toc: page$1.data.toc, article: { className: 'max-sm:pb-16' }, children: [jsxRuntime.jsx(page.DocsTitle, { children: page$1.data.title }), jsxRuntime.jsx(page.DocsDescription, { className: "mb-2", children: page$1.data.description }), jsxRuntime.jsx(page.DocsBody, { className: "text-fd-foreground/80", children: jsxRuntime.jsx(MDX, { components: getMDXComponents() }) })] }));
+                }, toc: content.toc, article: { className: 'max-sm:pb-16' }, children: [jsxRuntime.jsx(page.DocsTitle, { children: page$1.data.title }), jsxRuntime.jsx(page.DocsDescription, { className: "mb-2", children: page$1.data.description }), jsxRuntime.jsx(page.DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
         });
     };
     function generateStaticParams() {
-        return mdxContentSource.generateParams('slug', 'locale');
+        return getSource().then((source) => source.generateParams('slug', 'locale'));
     }
     function generateMetadata(props) {
         return tslib.__awaiter(this, void 0, void 0, function* () {
             const { slug, locale } = yield props.params;
-            const page = mdxContentSource.getPage(slug, locale);
+            const source = yield getSource();
+            const page = source.getPage(slug, locale);
             if (!page) {
                 return {
                     title: '404 - Page Not Found',

package/dist/fuma/fuma-page-genarator.mjs

@@ -7,36 +7,49 @@ import { getAsNeededLocalizedUrl } from '@windrun-huaiin/lib';
 import { PortableClerkTOC } from './mdx/toc-clerk-portable.mjs';
 
 function createFumaPage({ sourceKey, mdxContentSource, getMDXComponents, mdxSourceDir, githubBaseUrl, copyButtonComponent, siteIcon, FallbackPage, supportedLocales = ['en'], showBreadcrumb = true, showTableOfContent = true, showTableOfContentPopover = false, localePrefixAsNeeded = true, defaultLocale = 'en', }) {
+    const getSource = () => __awaiter(this, void 0, void 0, function* () {
+        if (typeof mdxContentSource === 'function') {
+            return yield mdxContentSource();
+        }
+        return mdxContentSource;
+    });
     const Page = function Page(_a) {
         return __awaiter(this, arguments, void 0, function* ({ params }) {
-            var _b, _c, _d;
+            var _b, _c, _d, _e;
             const { slug, locale } = yield params;
-            const page = mdxContentSource.getPage(slug, locale);
+            const source = yield getSource();
+            const page = source.getPage(slug, locale);
             if (!page) {
-                console.log('[FumaPage] missing page', { slug, locale, available: (_d = (_c = (_b = mdxContentSource.pageTree) === null || _b === void 0 ? void 0 : _b[locale]) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map((c) => c.url) });
+                console.log('[FumaPage] missing page', { slug, locale, available: (_d = (_c = (_b = source.pageTree) === null || _b === void 0 ? void 0 : _b[locale]) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map((c) => c.url) });
                 return jsx(FallbackPage, { siteIcon: siteIcon });
             }
             const path = githubBaseUrl ? `${mdxSourceDir}/${page.path}` : undefined;
             const tocFooterElement = (jsx(TocFooterWrapper, { lastModified: page.data.date, copyButtonComponent: copyButtonComponent
                     ? cloneElement(copyButtonComponent, { sourceKey })
                     : undefined, editPath: path, githubBaseUrl: githubBaseUrl }));
-            const MDX = page.data.body;
+            const content = typeof page.data.load === 'function'
+                ? yield page.data.load(getMDXComponents())
+                : {
+                    body: yield page.data.body({ components: getMDXComponents() }),
+                    toc: (_e = page.data.toc) !== null && _e !== void 0 ? _e : [],
+                };
             return (jsxs(DocsPage, { breadcrumb: { enabled: showBreadcrumb }, tableOfContent: {
                     enabled: showTableOfContent,
                     single: false,
-                    component: (jsx(PortableClerkTOC, { toc: page.data.toc, footer: tocFooterElement })),
+                    component: (jsx(PortableClerkTOC, { toc: content.toc, footer: tocFooterElement })),
                 }, tableOfContentPopover: {
                     enabled: false,
-                }, toc: page.data.toc, article: { className: 'max-sm:pb-16' }, children: [jsx(DocsTitle, { children: page.data.title }), jsx(DocsDescription, { className: "mb-2", children: page.data.description }), jsx(DocsBody, { className: "text-fd-foreground/80", children: jsx(MDX, { components: getMDXComponents() }) })] }));
+                }, toc: content.toc, article: { className: 'max-sm:pb-16' }, children: [jsx(DocsTitle, { children: page.data.title }), jsx(DocsDescription, { className: "mb-2", children: page.data.description }), jsx(DocsBody, { className: "text-fd-foreground/80", children: content.body })] }));
         });
     };
     function generateStaticParams() {
-        return mdxContentSource.generateParams('slug', 'locale');
+        return getSource().then((source) => source.generateParams('slug', 'locale'));
     }
     function generateMetadata(props) {
         return __awaiter(this, void 0, void 0, function* () {
             const { slug, locale } = yield props.params;
-            const page = mdxContentSource.getPage(slug, locale);
+            const source = yield getSource();
+            const page = source.getPage(slug, locale);
             if (!page) {
                 return {
                     title: '404 - Page Not Found',

package/dist/fuma/llm-copy-handler.js

@@ -11,6 +11,7 @@ var llmUtils = require('@windrun-huaiin/lib/llm-utils');
  */
 function LLMCopyHandler(options) {
     return tslib.__awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const { sourceDir, dataSource, requestedPath, locale } = options;
         // log received parameters
         console.log(`[LLMCopy] Received, locale=${locale}, path=${requestedPath}`);
@@ -28,8 +29,8 @@ function LLMCopyHandler(options) {
                 console.error(`[LLMCopy] file path information missing in page data for locale=${locale}, path=${requestedPath}`);
                 return { error: 'Page file path information missing', status: 500 };
             }
-            const title = page.title;
-            const description = page.description;
+            const title = (_b = (_a = page.data) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : page.title;
+            const description = (_d = (_c = page.data) === null || _c === void 0 ? void 0 : _c.description) !== null && _d !== void 0 ? _d : page.description;
             const relativeMdxFilePath = page.path;
             const absoluteFilePath = nodePath.join(process.cwd(), sourceDir, relativeMdxFilePath);
             console.log(`[LLMCopy] Attempting to read MDX content from: ${absoluteFilePath}`);

package/dist/fuma/llm-copy-handler.mjs

@@ -9,6 +9,7 @@ import { getLLMText } from '@windrun-huaiin/lib/llm-utils';
  */
 function LLMCopyHandler(options) {
     return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const { sourceDir, dataSource, requestedPath, locale } = options;
         // log received parameters
         console.log(`[LLMCopy] Received, locale=${locale}, path=${requestedPath}`);
@@ -26,8 +27,8 @@ function LLMCopyHandler(options) {
                 console.error(`[LLMCopy] file path information missing in page data for locale=${locale}, path=${requestedPath}`);
                 return { error: 'Page file path information missing', status: 500 };
             }
-            const title = page.title;
-            const description = page.description;
+            const title = (_b = (_a = page.data) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : page.title;
+            const description = (_d = (_c = page.data) === null || _c === void 0 ? void 0 : _c.description) !== null && _d !== void 0 ? _d : page.description;
             const relativeMdxFilePath = page.path;
             const absoluteFilePath = nodePath.join(process.cwd(), sourceDir, relativeMdxFilePath);
             console.log(`[LLMCopy] Attempting to read MDX content from: ${absoluteFilePath}`);

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

@@ -12,3 +12,4 @@ export * from './toc-clerk-portable';
 export * from './banner';
 export * from './suno-embed';
 export * from './markdown-component-map';
+export * from './math';

package/dist/fuma/mdx/index.js

@@ -15,6 +15,7 @@ var tocClerkPortable = require('./toc-clerk-portable.js');
 var banner = require('./banner.js');
 var sunoEmbed = require('./suno-embed.js');
 var markdownComponentMap = require('./markdown-component-map.js');
+var math = require('./math.js');
 
 
 
@@ -38,3 +39,5 @@ exports.PortableClerkTOCScrollArea = tocClerkPortable.PortableClerkTOCScrollArea
 exports.Banner = banner.Banner;
 exports.SunoEmbed = sunoEmbed.SunoEmbed;
 exports.baseMarkdownComponents = markdownComponentMap.baseMarkdownComponents;
+exports.InlineMath = math.InlineMath;
+exports.MathBlock = math.MathBlock;

package/dist/fuma/mdx/index.mjs

@@ -13,3 +13,4 @@ export { PortableClerkTOC, PortableClerkTOCItems, PortableClerkTOCPopover, Porta
 export { Banner } from './banner.mjs';
 export { SunoEmbed } from './suno-embed.mjs';
 export { baseMarkdownComponents } from './markdown-component-map.mjs';
+export { InlineMath, MathBlock } from './math.mjs';

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

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type MathSourceProps = {
+    children?: ReactNode;
+    math?: string;
+    formula?: string;
+};
+type Align = 'left' | 'center' | 'right';
+export type MathBlockProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & MathSourceProps & {
+    title?: ReactNode;
+    titleAlign?: Align;
+};
+export type InlineMathProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & MathSourceProps & {
+    align?: Align;
+};
+export declare function MathBlock({ title, titleAlign, children, math, formula, className, ...props }: MathBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineMath({ children, math, formula, align, className, ...props }: InlineMathProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/fuma/mdx/math.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var katex = require('katex');
+var utils = require('@windrun-huaiin/lib/utils');
+
+const alignClassMap = {
+    left: 'text-left justify-start',
+    center: 'text-center justify-center',
+    right: 'text-right justify-end',
+};
+const textAlignClassMap = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+function getMathSource({ children, math, formula }) {
+    if (typeof math === 'string' && math.trim() !== '')
+        return math.trim();
+    if (typeof formula === 'string' && formula.trim() !== '')
+        return formula.trim();
+    if (typeof children === 'string' && children.trim() !== '')
+        return children.trim();
+    if (Array.isArray(children)) {
+        const text = children
+            .map((item) => (typeof item === 'string' ? item : ''))
+            .join('')
+            .trim();
+        if (text !== '')
+            return text;
+    }
+    return '';
+}
+function renderMath(source, displayMode) {
+    if (source === '')
+        return '';
+    return katex.renderToString(source, {
+        displayMode,
+        throwOnError: false,
+        output: 'html',
+        strict: 'ignore',
+        trust: false,
+    });
+}
+function MathBlock(_a) {
+    var { title, titleAlign = 'center', children, math, formula, className } = _a, props = tslib.__rest(_a, ["title", "titleAlign", "children", "math", "formula", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, true);
+    return (jsxRuntime.jsxs("div", Object.assign({}, props, { className: utils.cn('not-prose my-6 overflow-x-auto rounded-xl border bg-fd-card p-4 text-fd-card-foreground', className), children: [title ? (jsxRuntime.jsx("div", { className: utils.cn('mb-3 text-sm font-medium text-fd-muted-foreground', alignClassMap[titleAlign].split(' ')[0]), children: title })) : null, html ? (jsxRuntime.jsx("div", { className: "min-w-fit [&_.katex-display]:my-0 [&_.katex-display]:overflow-x-auto [&_.katex-display]:overflow-y-hidden", dangerouslySetInnerHTML: { __html: html } })) : (jsxRuntime.jsx("div", { className: "text-sm text-fd-muted-foreground", children: "Empty math block." }))] })));
+}
+function InlineMath(_a) {
+    var { children, math, formula, align = 'center', className } = _a, props = tslib.__rest(_a, ["children", "math", "formula", "align", "className"]);
+    const source = getMathSource({ children, math, formula });
+    const html = renderMath(source, false);
+    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: utils.cn('mx-1 inline-flex max-w-full align-middle rounded-md bg-neutral-200 px-2 py-0.5 text-sm leading-none dark:bg-white/20 [&_.katex]:text-inherit', textAlignClassMap[align], className), children: jsxRuntime.jsx("span", { dangerouslySetInnerHTML: { __html: html } }) })));
+}
+
+exports.InlineMath = InlineMath;
+exports.MathBlock = MathBlock;