@windrun-huaiin/third-ui 30.1.0 → 31.0.1

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

@@ -5,7 +5,7 @@ import { useState, useEffect } from 'react';
 import { ExternalLinkIcon, StarIcon } from '@windrun-huaiin/base-ui/icons';
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }) {
+function GitHubInfoSkeleton({ className }) {
     return (jsxs("div", { className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 lg:flex-row lg:items-center animate-pulse ${className}`, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
 }
 // Error state component - graceful fallback
@@ -44,7 +44,7 @@ function humanizeNumber(num) {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-function FumaGithubInfo({ owner, repo, token, className }) {
+function FumaGithubInfo({ owner, repo, className }) {
     const [data, setData] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -59,9 +59,6 @@ function FumaGithubInfo({ owner, repo, token, className }) {
                 const headers = new Headers({
                     'Accept': 'application/vnd.github.v3+json',
                 });
-                if (token) {
-                    headers.set('Authorization', `Bearer ${token}`);
-                }
                 const response = yield fetch(`https://api.github.com/repos/${owner}/${repo}`, {
                     signal: controller.signal,
                     headers,
@@ -95,7 +92,7 @@ function FumaGithubInfo({ owner, repo, token, className }) {
             }
         });
         fetchRepoData();
-    }, [owner, repo, token]);
+    }, [owner, repo]);
     // Loading state
     if (loading) {
         return jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });

package/dist/fuma/site-x.js

@@ -8,7 +8,6 @@ var utils = require('@windrun-huaiin/lib/utils');
 function SiteX(_a) {
     return tslib.__awaiter(this, void 0, void 0, function* () {
         var { locale, type, namespace, tKey, className } = _a, props = tslib.__rest(_a, ["locale", "type", "namespace", "tKey", "className"]);
-        // 默认命名空间和key
         let ns = namespace;
         let key = tKey;
         if (!ns) {

package/dist/fuma/site-x.mjs

@@ -6,7 +6,6 @@ import { cn } from '@windrun-huaiin/lib/utils';
 function SiteX(_a) {
     return __awaiter(this, void 0, void 0, function* () {
         var { locale, type, namespace, tKey, className } = _a, props = __rest(_a, ["locale", "type", "namespace", "tKey", "className"]);
-        // 默认命名空间和key
         let ns = namespace;
         let key = tKey;
         if (!ns) {

package/dist/main/calendar/calendar-date-range-input.js

@@ -9,7 +9,7 @@ var utils = require('@windrun-huaiin/lib/utils');
 var usePressFeedback = require('../buttons/use-press-feedback.js');
 var randomDateRangeDialog = require('./random-date-range-dialog.js');
 
-const DEFAULT_PLACEHOLDER = '滑动窗口日期';
+const DEFAULT_PLACEHOLDER = 'Slide pick Date';
 const DEFAULT_RANGE_DAYS = 7;
 const CLEAR_PRESS_FEEDBACK_MS = 180;
 function parseDateString(value) {

package/dist/main/calendar/calendar-date-range-input.mjs

@@ -7,7 +7,7 @@ import { cn } from '@windrun-huaiin/lib/utils';
 import { usePressFeedback, resolvePressFeedbackMode } from '../buttons/use-press-feedback.mjs';
 import { RandomDateRangeDialog } from './random-date-range-dialog.mjs';
 
-const DEFAULT_PLACEHOLDER = '滑动窗口日期';
+const DEFAULT_PLACEHOLDER = 'Slide pick Date';
 const DEFAULT_RANGE_DAYS = 7;
 const CLEAR_PRESS_FEEDBACK_MS = 180;
 function parseDateString(value) {

package/dist/main/credit/credit-overview-nav-client.d.ts

@@ -0,0 +1,12 @@
+import { type CreditOverviewTranslations } from './credit-overview-client';
+import type { CreditOverviewData } from './types';
+export interface CreditOverviewPayload {
+    data: CreditOverviewData;
+    totalLabel: string;
+    translations: CreditOverviewTranslations;
+}
+export interface CreditOverviewNavClientProps {
+    locale: string;
+    endpoint: string;
+}
+export declare function CreditOverviewNavClient({ locale, endpoint, }: CreditOverviewNavClientProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/main/credit/credit-overview-nav-client.js

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var nextjs = require('@clerk/nextjs');
+var React = require('react');
+var creditNavButton = require('./credit-nav-button.js');
+var creditOverviewClient = require('./credit-overview-client.js');
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = nextjs.useAuth();
+    const [payload, setPayload] = React.useState(null);
+    React.useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return tslib.__awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsxRuntime.jsx(creditNavButton.CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsxRuntime.jsx(creditOverviewClient.CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+exports.CreditOverviewNavClient = CreditOverviewNavClient;

package/dist/main/credit/credit-overview-nav-client.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useAuth } from '@clerk/nextjs';
+import { useState, useEffect } from 'react';
+import { CreditNavButton } from './credit-nav-button.mjs';
+import { CreditOverviewClient } from './credit-overview-client.mjs';
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = useAuth();
+    const [payload, setPayload] = useState(null);
+    useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsx(CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsx(CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+export { CreditOverviewNavClient };

package/dist/main/credit/index.d.ts

@@ -1,4 +1,6 @@
 export { CreditOverviewClient } from './credit-overview-client';
+export { CreditOverviewNavClient } from './credit-overview-nav-client';
 export { CreditNavButton } from './credit-nav-button';
 export type { CreditOverviewTranslations } from './credit-overview-client';
+export type { CreditOverviewNavClientProps, CreditOverviewPayload, } from './credit-overview-nav-client';
 export type { CreditOverviewData, CreditBucket, CreditBucketStatus, SubscriptionInfo, } from './types';

package/dist/main/credit/index.js

@@ -2,9 +2,11 @@
 'use strict';
 
 var creditOverviewClient = require('./credit-overview-client.js');
+var creditOverviewNavClient = require('./credit-overview-nav-client.js');
 var creditNavButton = require('./credit-nav-button.js');
 
 
 
 exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
+exports.CreditOverviewNavClient = creditOverviewNavClient.CreditOverviewNavClient;
 exports.CreditNavButton = creditNavButton.CreditNavButton;

package/dist/main/credit/index.mjs

@@ -1,3 +1,4 @@
 "use client";
 export { CreditOverviewClient } from './credit-overview-client.mjs';
+export { CreditOverviewNavClient } from './credit-overview-nav-client.mjs';
 export { CreditNavButton } from './credit-nav-button.mjs';

package/dist/main/credit/types.d.ts

@@ -29,21 +29,21 @@ export interface CreditCTAConfig {
 }
 export type CreditBucketStatus = 'active' | 'expiringSoon' | 'expired';
 export interface CreditBucket {
-    /** 业务方自定义的积分类型标识，用于映射翻译或埋点 */
+    /** Business-defined credit type identifier for translation mapping or analytics. */
     kind: string;
-    /** 若提供则使用该名称，否则由组件根据 kind 使用默认翻译 */
+    /** Display name override; otherwise the component uses the default translation for kind. */
     label?: string;
-    /** 当前积分余额 */
+    /** Current credit balance. */
     balance: number;
-    /** 该类型积分的额度上限 */
+    /** Credit limit for this credit type. */
     limit: number;
-    /** 可选状态标签，用于强调过期等状态 */
+    /** Optional status label for highlighting states such as expiration. */
     status?: CreditBucketStatus;
-    /** 积分过期时间（本地时区字符串），用于组件内部推导状态 */
+    /** Credit expiration time as a local time string, used to derive component state. */
     expiresAt?: string;
-    /** 进度百分比（0-100）；未提供时组件按 balance/limit 计算 */
+    /** Progress percentage from 0 to 100; computed from balance/limit when omitted. */
     progressPercent?: number;
-    /** 任何额外说明，如剩余天数、使用限制等 */
+    /** Additional details, such as remaining days or usage limits. */
     description?: string;
 }
 export interface SubscriptionInfo {

package/dist/main/money-price/index.d.ts

@@ -1,4 +1,4 @@
 export { MoneyPriceInteractive } from './money-price-interactive';
 export { MoneyPriceButton } from './money-price-button';
-export type { MoneyPriceConfig, MoneyPriceData, InitUserContext, MoneyPriceInteractiveProps, MoneyPriceButtonProps, PaymentProvider, PaymentProviderConfig, EnhancePricePlan, SubscriptionProductConfig, CreditPackProductConfig, UserContext, } from './money-price-types';
+export type { MoneyPriceConfig, MoneyPriceData, MoneyPriceAnimeTone, MoneyPriceStrictDiffAnime, InitUserContext, MoneyPriceInteractiveProps, MoneyPriceButtonProps, PaymentProvider, PaymentProviderConfig, EnhancePricePlan, SubscriptionProductConfig, CreditPackProductConfig, UserContext, } from './money-price-types';
 export { UserState } from './money-price-types';

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

@@ -26,9 +26,9 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             return billing === 'monthly' ? 2 : 4;
         return 0;
     };
-    // OneTime 模式的按钮配置
+    // Button configuration for one-time mode.
     const getOnetimeButtonConfig = () => {
-        // 匿名用户：所有卡片都显示登录按钮
+        // Anonymous users: show the sign-in button on every card.
         if (!isAuthenticated) {
             return {
                 text: texts.getStarted,
@@ -38,11 +38,11 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             };
         }
         if (subscriptionStatus === moneyPriceTypes.UserState.Anonymous) {
-            // 已登录但状态未知 → 视为 FreeUser
+            // Signed in but status unknown: treat as FreeUser.
             console.warn('Clerk is authed OK but user is anonymous!');
             return { text: '', disabled: true, hidden: true };
         }
-        // 登录用户：OneTime 模式下所有卡片都显示购买积分按钮
+        // Signed-in users: show the buy-credits button on every card in one-time mode.
         return {
             text: texts.buyCredits || texts.upgrade,
             onClick: () => onAction(planKey, billingType),
@@ -50,9 +50,9 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             hidden: false
         };
     };
-    // 订阅模式的按钮配置
+    // Button configuration for subscription mode.
     const getSubscriptionButtonConfig = () => {
-        // 匿名用户
+        // Anonymous users.
         if (!isAuthenticated) {
             const getButtonText = () => {
                 switch (planKey) {
@@ -73,7 +73,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 hidden: false
             };
         }
-        // 已登录用户
+        // Signed-in users.
         switch (subscriptionStatus) {
             case moneyPriceTypes.UserState.FreeUser: {
                 if (planTier === 'F1') {
@@ -91,7 +91,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 };
             }
             case moneyPriceTypes.UserState.ProUser: {
-                // 不允许降级到 Free
+                // Do not allow downgrades to Free.
                 if (planTier === 'F1') {
                     return { hidden: true };
                 }
@@ -169,12 +169,12 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 return { hidden: true };
             }
             default:
-                // 已登录但状态未知 → 视为 FreeUser
+                // Signed in but status unknown: treat as FreeUser.
                 console.warn('Clerk is authed OK but user is anonymous!');
                 return { text: '', disabled: true, hidden: true };
         }
     };
-    // 主要的按钮配置函数
+    // Main button configuration function.
     const getButtonConfig = () => {
         if (billingType === 'onetime') {
             return getOnetimeButtonConfig();

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

@@ -24,9 +24,9 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             return billing === 'monthly' ? 2 : 4;
         return 0;
     };
-    // OneTime 模式的按钮配置
+    // Button configuration for one-time mode.
     const getOnetimeButtonConfig = () => {
-        // 匿名用户：所有卡片都显示登录按钮
+        // Anonymous users: show the sign-in button on every card.
         if (!isAuthenticated) {
             return {
                 text: texts.getStarted,
@@ -36,11 +36,11 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             };
         }
         if (subscriptionStatus === UserState.Anonymous) {
-            // 已登录但状态未知 → 视为 FreeUser
+            // Signed in but status unknown: treat as FreeUser.
             console.warn('Clerk is authed OK but user is anonymous!');
             return { text: '', disabled: true, hidden: true };
         }
-        // 登录用户：OneTime 模式下所有卡片都显示购买积分按钮
+        // Signed-in users: show the buy-credits button on every card in one-time mode.
         return {
             text: texts.buyCredits || texts.upgrade,
             onClick: () => onAction(planKey, billingType),
@@ -48,9 +48,9 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
             hidden: false
         };
     };
-    // 订阅模式的按钮配置
+    // Button configuration for subscription mode.
     const getSubscriptionButtonConfig = () => {
-        // 匿名用户
+        // Anonymous users.
         if (!isAuthenticated) {
             const getButtonText = () => {
                 switch (planKey) {
@@ -71,7 +71,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 hidden: false
             };
         }
-        // 已登录用户
+        // Signed-in users.
         switch (subscriptionStatus) {
             case UserState.FreeUser: {
                 if (planTier === 'F1') {
@@ -89,7 +89,7 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 };
             }
             case UserState.ProUser: {
-                // 不允许降级到 Free
+                // Do not allow downgrades to Free.
                 if (planTier === 'F1') {
                     return { hidden: true };
                 }
@@ -167,12 +167,12 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
                 return { hidden: true };
             }
             default:
-                // 已登录但状态未知 → 视为 FreeUser
+                // Signed in but status unknown: treat as FreeUser.
                 console.warn('Clerk is authed OK but user is anonymous!');
                 return { text: '', disabled: true, hidden: true };
         }
     };
-    // 主要的按钮配置函数
+    // Main button configuration function.
     const getButtonConfig = () => {
         if (billingType === 'onetime') {
             return getOnetimeButtonConfig();

package/dist/main/money-price/money-price-config-util.d.ts

@@ -1,52 +1,52 @@
 /**
  * Money Price Configuration
- * 价格组件配置文件
+ * Pricing component configuration.
  */
 import type { MoneyPriceConfig, PaymentProviderConfig, EnhancePricePlan } from './money-price-types';
 /**
- * 获取当前激活的支付供应商配置
+ * Get the currently active payment provider configuration.
  *
- * 🔒 安全设计：
- * - util层负责从config中提取激活的provider配置
- * - 只返回提取的结果，不暴露任何config结构
- * - 调用方（应用层）通过wrapper隐藏config对象
+ * Security design:
+ * - The utility layer extracts the active provider configuration from the config.
+ * - Only the extracted result is returned; the full config structure is not exposed.
+ * - Application-level wrappers hide the config object from callers.
  *
- * @param config - MoneyPriceConfig对象（由应用层提供）
- * @returns 当前激活的支付供应商配置
+ * @param config - MoneyPriceConfig object provided by the application layer.
+ * @returns The currently active payment provider configuration.
  */
 export declare function getActiveProviderConfigUtil(config: MoneyPriceConfig): PaymentProviderConfig;
 export declare function getProductPricing(productKey: 'F1' | 'P2' | 'U3', billingType: string, provider: string, config: MoneyPriceConfig): EnhancePricePlan;
 /**
- * 根据 priceId 获取对应的积分数量
+ * Get the credit amount for a price ID.
  *
- * 🔒 安全设计：
- * - util层负责解析config，提取所需数据
- * - 只返回查询结果，不暴露任何config结构
- * - 调用方（应用层）通过wrapper隐藏config对象
+ * Security design:
+ * - The utility layer parses the config and extracts only the required data.
+ * - Only the query result is returned; the full config structure is not exposed.
+ * - Application-level wrappers hide the config object from callers.
  *
- * @param priceId - 查询的价格ID
- * @param config - MoneyPriceConfig对象（由应用层提供）
- * @returns 对应的积分数量，或null
+ * @param priceId - Price ID to query.
+ * @param config - MoneyPriceConfig object provided by the application layer.
+ * @returns The matching credit amount, or null.
  */
 export declare function getCreditsFromPriceIdUtil(priceId: string | undefined, config: MoneyPriceConfig): number | null;
 /**
- * 根据查询参数获取价格配置
+ * Get price configuration by query parameters.
  *
- * 支持三种查询方式：
- * 1. 按 priceId 直接查询
- * 2. 按 plan + billingType 查询
- * 3. 按 plan 查询
+ * Supported query modes:
+ * 1. Query directly by priceId.
+ * 2. Query by plan and billingType.
+ * 3. Query by plan.
  *
- * 🔒 安全设计：
- * - util层负责解析config，提取和匹配数据
- * - 只返回查询结果，不暴露任何config结构
- * - 调用方（应用层）通过wrapper隐藏config对象
+ * Security design:
+ * - The utility layer parses the config and extracts only matching data.
+ * - Only the query result is returned; the full config structure is not exposed.
+ * - Application-level wrappers hide the config object from callers.
  *
- * @param priceId - 查询的价格ID（可选）
- * @param plan - 查询的套餐名称如'P2'、'U3'（可选）
- * @param billingType - 查询的计费类型如'monthly'、'yearly'（可选）
- * @param config - MoneyPriceConfig对象（由应用层提供）
- * @returns 匹配的价格配置，包含计算好的元数据（priceName、description、interval）
+ * @param priceId - Optional price ID to query.
+ * @param plan - Optional plan name, such as 'P2' or 'U3'.
+ * @param billingType - Optional billing type, such as 'monthly' or 'yearly'.
+ * @param config - MoneyPriceConfig object provided by the application layer.
+ * @returns The matching price config with derived metadata: priceName, description, and interval.
  */
 export declare function getPriceConfigUtil(priceId: string | undefined, plan: string | undefined, billingType: string | undefined, config: MoneyPriceConfig): (EnhancePricePlan & {
     priceName: string;