@windrun-huaiin/third-ui 11.0.11 → 11.1.1

package/dist/lib/server.d.ts

@@ -1,3 +1,4 @@
 export * from './clerk-intl';
 export * from './fuma-schema-check-util';
 export * from './seo-util';
+export * from './t-intl';

package/dist/lib/server.js

@@ -3,6 +3,7 @@
 var clerkIntl = require('./clerk-intl.js');
 var fumaSchemaCheckUtil = require('./fuma-schema-check-util.js');
 var seoUtil = require('./seo-util.js');
+var tIntl = require('./t-intl.js');
 
 
 
@@ -15,3 +16,4 @@ exports.createRobotsHandler = seoUtil.createRobotsHandler;
 exports.createSitemapHandler = seoUtil.createSitemapHandler;
 exports.generateRobots = seoUtil.generateRobots;
 exports.generateSitemap = seoUtil.generateSitemap;
+exports.safeT = tIntl.safeT;

package/dist/lib/server.mjs

@@ -1,3 +1,4 @@
 export { clerkIntl } from './clerk-intl.mjs';
 export { createCommonDocsSchema, createCommonMetaSchema, createDateSchema, remarkInstallOptions } from './fuma-schema-check-util.mjs';
 export { createRobotsHandler, createSitemapHandler, generateRobots, generateSitemap } from './seo-util.mjs';
+export { safeT } from './t-intl.mjs';

package/dist/lib/t-intl.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Safely retrieves a translation using the provided translator function.
+ * If the key does not exist (checked via `t.has(key)`), it returns the fallback value.
+ *
+ * @param t - The translator function from `next-intl` (e.g. obtained via `getTranslations` or `useTranslations`).
+ * @param key - The translation key to look up.
+ * @param fallback - The value to return if the key is missing. Defaults to an empty string.
+ * @param values - Optional values for interpolation in the translation string.
+ */
+export declare function safeT(t: any, key: string, fallback?: string, values?: any): string;

package/dist/lib/t-intl.js

@@ -0,0 +1,21 @@
+'use strict';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ * Safely retrieves a translation using the provided translator function.
+ * If the key does not exist (checked via `t.has(key)`), it returns the fallback value.
+ *
+ * @param t - The translator function from `next-intl` (e.g. obtained via `getTranslations` or `useTranslations`).
+ * @param key - The translation key to look up.
+ * @param fallback - The value to return if the key is missing. Defaults to an empty string.
+ * @param values - Optional values for interpolation in the translation string.
+ */
+function safeT(t, key, fallback = '', values) {
+    // Ensure t has the .has method before calling it, just in case
+    if (t && typeof t.has === 'function' && t.has(key)) {
+        return t(key, values);
+    }
+    return fallback;
+}
+
+exports.safeT = safeT;

package/dist/lib/t-intl.mjs

@@ -0,0 +1,19 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ * Safely retrieves a translation using the provided translator function.
+ * If the key does not exist (checked via `t.has(key)`), it returns the fallback value.
+ *
+ * @param t - The translator function from `next-intl` (e.g. obtained via `getTranslations` or `useTranslations`).
+ * @param key - The translation key to look up.
+ * @param fallback - The value to return if the key is missing. Defaults to an empty string.
+ * @param values - Optional values for interpolation in the translation string.
+ */
+function safeT(t, key, fallback = '', values) {
+    // Ensure t has the .has method before calling it, just in case
+    if (t && typeof t.has === 'function' && t.has(key)) {
+        return t(key, values);
+    }
+    return fallback;
+}
+
+export { safeT };

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

@@ -231,9 +231,9 @@ function CreditOverviewClient({ data, locale, translations, className, expiringS
         userToggledRef.current = true;
         setBucketExpanded(true);
     }, []);
-    return (jsxRuntime.jsxs("section", { className: utils.cn("flex flex-col gap-2 p-2 shadow-inner rounded-xl bg-white dark:bg-slate-900", className), children: [jsxRuntime.jsxs("header", { className: "relative rounded-2xl bg-linear-to-bl from-indigo-200/60 via-indigo-400/90 to-purple-200/50 p-4 shadow-inner dark:from-indigo-300/20 dark:via-slate-400 dark:to-slate-500/50 sm:p-6", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-start rounded-full ", children: [jsxRuntime.jsx(server.globalLucideIcons.Gem, { "aria-hidden": true, className: "mr-2 h-6 w-6 sm:h-8 sm:w-8" }), jsxRuntime.jsx("span", { className: "text-sm font-medium sm:text-base", children: translations.totalLabel })] }), jsxRuntime.jsx("div", { className: "flex justify-center text-3xl font-semibold leading-tight sm:text-4xl", children: formatNumber(locale, data.totalBalance) }), jsxRuntime.jsxs("div", { className: "flex-1 flex-col gap-1", children: [jsxRuntime.jsx("p", { className: "text-xs text-gray-700 dark:text-slate-100 sm:text-sm", children: translations.subscriptionPeriodLabel }), jsxRuntime.jsx("h4", { className: "text-xl font-semibold sm:text-2xl", children: subscription ? subscription.planName : translations.subscriptionInactive })] }), jsxRuntime.jsx("div", { className: "pt-2 sm:pt-0", children: jsxRuntime.jsx(gradientButton.GradientButton, { title: subscription ? translations.subscriptionManage : translations.subscribePay, align: "center", icon: subscription ? jsxRuntime.jsx(server.globalLucideIcons.Settings2, {}) : jsxRuntime.jsx(server.globalLucideIcons.Bell, {}), openInNewTab: false, className: "w-full", onClick: subscription ? handleManageAction : handleSubscribeAction }) })] }), jsxRuntime.jsx("div", { className: "absolute right-3 top-3 sm:right-6 sm:top-6", children: jsxRuntime.jsx(HoverInfo, { label: translations.totalLabel, description: translations.summaryDescription }) })] }), jsxRuntime.jsxs("section", { className: "relative flex flex-col gap-3 rounded-2xl border p-4 shadow-inner sm:gap-2 sm:p-5", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-500 dark:text-slate-100 sm:text-lg", children: translations.bucketsTitle }), hasBuckets ? (jsxRuntime.jsx("button", { type: "button", "aria-expanded": bucketExpanded, "aria-label": bucketExpanded ? translations.hiddenDetail : translations.expandDetail, onClick: toggleBucketExpanded, className: "flex h-7 w-7 items-center justify-center rounded-full border border-transparent bg-white text-purple-600 shadow-[0_6px_20px_rgba(99,102,241,0.25)] transition-colors hover:text-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:bg-[#1b1541] dark:text-purple-100 dark:hover:text-purple-50 dark:shadow-[0_6px_22px_rgba(112,86,255,0.35)]", children: bucketExpanded ? (jsxRuntime.jsx(server.globalLucideIcons.ChevronUp, { className: "h-4 w-4" })) : (jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "h-4 w-4" })) })) : null] }), hasBuckets ? (bucketExpanded ? (jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: buckets.map((bucket) => {
+    return (jsxRuntime.jsxs("section", { className: utils.cn("flex flex-col gap-2 p-2 shadow-inner rounded-xl bg-white dark:bg-slate-900", className), children: [jsxRuntime.jsxs("header", { className: "relative rounded-2xl bg-linear-to-bl from-indigo-200/60 via-indigo-400/90 to-purple-200/50 p-4 shadow-inner dark:from-indigo-300/20 dark:via-slate-400 dark:to-slate-500/50 sm:p-6", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-start rounded-full ", children: [jsxRuntime.jsx(server.globalLucideIcons.Gem, { "aria-hidden": true, className: "mr-2 h-6 w-6 sm:h-8 sm:w-8" }), jsxRuntime.jsx("span", { className: "text-base sm:text-lg", children: translations.totalLabel })] }), jsxRuntime.jsx("div", { className: "flex justify-center text-3xl font-semibold leading-tight sm:text-4xl", children: formatNumber(locale, data.totalBalance) }), jsxRuntime.jsxs("div", { className: "flex-1 flex-col gap-1", children: [jsxRuntime.jsx("p", { className: "text-xs text-gray-700 dark:text-slate-100 sm:text-sm", children: translations.subscriptionPeriodLabel }), jsxRuntime.jsx("h4", { className: "text-xl font-semibold sm:text-2xl", children: subscription ? subscription.planName : translations.subscriptionInactive })] }), jsxRuntime.jsx("div", { className: "pt-2 sm:pt-0", children: jsxRuntime.jsx(gradientButton.GradientButton, { title: subscription ? translations.subscriptionManage : translations.subscribePay, align: "center", icon: subscription ? jsxRuntime.jsx(server.globalLucideIcons.Settings2, {}) : jsxRuntime.jsx(server.globalLucideIcons.Bell, {}), openInNewTab: false, className: "w-full", onClick: subscription ? handleManageAction : handleSubscribeAction }) })] }), jsxRuntime.jsx("div", { className: "absolute right-3 top-3 sm:right-6 sm:top-6", children: jsxRuntime.jsx(HoverInfo, { label: translations.totalLabel, description: translations.summaryDescription }) })] }), jsxRuntime.jsxs("section", { className: "relative flex flex-col gap-3 rounded-2xl border p-4 shadow-inner sm:gap-2 sm:p-5", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [jsxRuntime.jsx("h3", { className: "text-base text-gray-500 dark:text-slate-100 sm:text-lg", children: translations.bucketsTitle }), hasBuckets ? (jsxRuntime.jsx("button", { type: "button", "aria-expanded": bucketExpanded, "aria-label": bucketExpanded ? translations.hiddenDetail : translations.expandDetail, onClick: toggleBucketExpanded, className: "flex h-7 w-7 items-center justify-center rounded-full border border-transparent bg-white text-purple-600 shadow-[0_6px_20px_rgba(99,102,241,0.25)] transition-colors hover:text-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:bg-[#1b1541] dark:text-purple-100 dark:hover:text-purple-50 dark:shadow-[0_6px_22px_rgba(112,86,255,0.35)]", children: bucketExpanded ? (jsxRuntime.jsx(server.globalLucideIcons.ChevronUp, { className: "h-4 w-4" })) : (jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "h-4 w-4" })) })) : null] }), hasBuckets ? (bucketExpanded ? (jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: buckets.map((bucket) => {
                             const balanceDisplay = formatNumber(locale, bucket.balance);
-                            return (jsxRuntime.jsxs("li", { "data-credit-kind": bucket.kind, className: "rounded-2xl border border-slate-200/70 bg-white/85 px-3 py-3 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 sm:px-4", children: [jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center gap-3 text-xs sm:text-sm", children: [jsxRuntime.jsx("span", { className: "flex min-w-0 items-center gap-2", children: jsxRuntime.jsx("span", { className: "max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs font-semibold text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm", children: bucket.computedLabel }) }), jsxRuntime.jsx("span", { className: "flex min-w-0 justify-end", children: jsxRuntime.jsx("span", { className: "text-right text-base font-semibold leading-tight text-gray-500 dark:text-slate-100 sm:text-lg", title: balanceDisplay, children: balanceDisplay }) })] }), jsxRuntime.jsx("div", { className: "mt-3 flex justify-end gap-2", children: jsxRuntime.jsxs("span", { className: "text-[11px] font-semibold text-gray-500 dark:text-slate-100 sm:text-xs", children: [translations.expiredAtLabel, ": ", bucket.expiresAt] }) })] }, bucket.kind));
+                            return (jsxRuntime.jsxs("li", { "data-credit-kind": bucket.kind, className: "rounded-2xl border border-slate-200/70 bg-white/85 px-3 py-3 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 sm:px-4", children: [jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center gap-3 text-xs sm:text-sm", children: [jsxRuntime.jsx("span", { className: "flex min-w-0 items-center gap-2", children: jsxRuntime.jsx("span", { className: "max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm", children: bucket.computedLabel }) }), jsxRuntime.jsx("span", { className: "flex min-w-0 justify-end", children: jsxRuntime.jsx("span", { className: "text-right text-base font-semibold leading-tight text-gray-500 dark:text-slate-100 sm:text-lg", title: balanceDisplay, children: balanceDisplay }) })] }), jsxRuntime.jsx("div", { className: "mt-3 flex justify-end gap-2", children: jsxRuntime.jsxs("span", { className: "text-[11px] text-gray-500 dark:text-slate-100 sm:text-xs", children: [translations.expiredAtLabel, ": ", bucket.expiresAt] }) })] }, bucket.kind));
                         }) })) : (jsxRuntime.jsx("button", { type: "button", onClick: expandBuckets, className: "w-full rounded-2xl border border-slate-200/70 bg-white/85 p-6 sm:px-4 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 hover:text-purple-500", children: translations.expandDetail }))) : (jsxRuntime.jsx("div", { className: "w-full rounded-2xl border border-slate-200/70 bg-white/85 p-6 sm:px-4 text-sm shadow-sm transition-transform dark:border-slate-800/60 dark:bg-slate-900/60 text-center", children: translations.bucketsEmpty })), jsxRuntime.jsx(gradientButton.GradientButton, { title: translations.onetimeBuy, icon: jsxRuntime.jsx(server.globalLucideIcons.ShoppingCart, {}), align: "center", className: "w-full text-sm sm:text-base", onClick: handleOnetimeAction })] })] }));
 }
 function deriveStatus(expiresAt, thresholdDays = 7) {

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

@@ -229,9 +229,9 @@ function CreditOverviewClient({ data, locale, translations, className, expiringS
         userToggledRef.current = true;
         setBucketExpanded(true);
     }, []);
-    return (jsxs("section", { className: cn("flex flex-col gap-2 p-2 shadow-inner rounded-xl bg-white dark:bg-slate-900", className), children: [jsxs("header", { className: "relative rounded-2xl bg-linear-to-bl from-indigo-200/60 via-indigo-400/90 to-purple-200/50 p-4 shadow-inner dark:from-indigo-300/20 dark:via-slate-400 dark:to-slate-500/50 sm:p-6", children: [jsxs("div", { className: "flex flex-col gap-2 sm:gap-3", children: [jsxs("div", { className: "flex items-center justify-start rounded-full ", children: [jsx(globalLucideIcons.Gem, { "aria-hidden": true, className: "mr-2 h-6 w-6 sm:h-8 sm:w-8" }), jsx("span", { className: "text-sm font-medium sm:text-base", children: translations.totalLabel })] }), jsx("div", { className: "flex justify-center text-3xl font-semibold leading-tight sm:text-4xl", children: formatNumber(locale, data.totalBalance) }), jsxs("div", { className: "flex-1 flex-col gap-1", children: [jsx("p", { className: "text-xs text-gray-700 dark:text-slate-100 sm:text-sm", children: translations.subscriptionPeriodLabel }), jsx("h4", { className: "text-xl font-semibold sm:text-2xl", children: subscription ? subscription.planName : translations.subscriptionInactive })] }), jsx("div", { className: "pt-2 sm:pt-0", children: jsx(GradientButton, { title: subscription ? translations.subscriptionManage : translations.subscribePay, align: "center", icon: subscription ? jsx(globalLucideIcons.Settings2, {}) : jsx(globalLucideIcons.Bell, {}), openInNewTab: false, className: "w-full", onClick: subscription ? handleManageAction : handleSubscribeAction }) })] }), jsx("div", { className: "absolute right-3 top-3 sm:right-6 sm:top-6", children: jsx(HoverInfo, { label: translations.totalLabel, description: translations.summaryDescription }) })] }), jsxs("section", { className: "relative flex flex-col gap-3 rounded-2xl border p-4 shadow-inner sm:gap-2 sm:p-5", children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-500 dark:text-slate-100 sm:text-lg", children: translations.bucketsTitle }), hasBuckets ? (jsx("button", { type: "button", "aria-expanded": bucketExpanded, "aria-label": bucketExpanded ? translations.hiddenDetail : translations.expandDetail, onClick: toggleBucketExpanded, className: "flex h-7 w-7 items-center justify-center rounded-full border border-transparent bg-white text-purple-600 shadow-[0_6px_20px_rgba(99,102,241,0.25)] transition-colors hover:text-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:bg-[#1b1541] dark:text-purple-100 dark:hover:text-purple-50 dark:shadow-[0_6px_22px_rgba(112,86,255,0.35)]", children: bucketExpanded ? (jsx(globalLucideIcons.ChevronUp, { className: "h-4 w-4" })) : (jsx(globalLucideIcons.ChevronDown, { className: "h-4 w-4" })) })) : null] }), hasBuckets ? (bucketExpanded ? (jsx("ul", { className: "flex flex-col gap-2", children: buckets.map((bucket) => {
+    return (jsxs("section", { className: cn("flex flex-col gap-2 p-2 shadow-inner rounded-xl bg-white dark:bg-slate-900", className), children: [jsxs("header", { className: "relative rounded-2xl bg-linear-to-bl from-indigo-200/60 via-indigo-400/90 to-purple-200/50 p-4 shadow-inner dark:from-indigo-300/20 dark:via-slate-400 dark:to-slate-500/50 sm:p-6", children: [jsxs("div", { className: "flex flex-col gap-2 sm:gap-3", children: [jsxs("div", { className: "flex items-center justify-start rounded-full ", children: [jsx(globalLucideIcons.Gem, { "aria-hidden": true, className: "mr-2 h-6 w-6 sm:h-8 sm:w-8" }), jsx("span", { className: "text-base sm:text-lg", children: translations.totalLabel })] }), jsx("div", { className: "flex justify-center text-3xl font-semibold leading-tight sm:text-4xl", children: formatNumber(locale, data.totalBalance) }), jsxs("div", { className: "flex-1 flex-col gap-1", children: [jsx("p", { className: "text-xs text-gray-700 dark:text-slate-100 sm:text-sm", children: translations.subscriptionPeriodLabel }), jsx("h4", { className: "text-xl font-semibold sm:text-2xl", children: subscription ? subscription.planName : translations.subscriptionInactive })] }), jsx("div", { className: "pt-2 sm:pt-0", children: jsx(GradientButton, { title: subscription ? translations.subscriptionManage : translations.subscribePay, align: "center", icon: subscription ? jsx(globalLucideIcons.Settings2, {}) : jsx(globalLucideIcons.Bell, {}), openInNewTab: false, className: "w-full", onClick: subscription ? handleManageAction : handleSubscribeAction }) })] }), jsx("div", { className: "absolute right-3 top-3 sm:right-6 sm:top-6", children: jsx(HoverInfo, { label: translations.totalLabel, description: translations.summaryDescription }) })] }), jsxs("section", { className: "relative flex flex-col gap-3 rounded-2xl border p-4 shadow-inner sm:gap-2 sm:p-5", children: [jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [jsx("h3", { className: "text-base text-gray-500 dark:text-slate-100 sm:text-lg", children: translations.bucketsTitle }), hasBuckets ? (jsx("button", { type: "button", "aria-expanded": bucketExpanded, "aria-label": bucketExpanded ? translations.hiddenDetail : translations.expandDetail, onClick: toggleBucketExpanded, className: "flex h-7 w-7 items-center justify-center rounded-full border border-transparent bg-white text-purple-600 shadow-[0_6px_20px_rgba(99,102,241,0.25)] transition-colors hover:text-purple-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:bg-[#1b1541] dark:text-purple-100 dark:hover:text-purple-50 dark:shadow-[0_6px_22px_rgba(112,86,255,0.35)]", children: bucketExpanded ? (jsx(globalLucideIcons.ChevronUp, { className: "h-4 w-4" })) : (jsx(globalLucideIcons.ChevronDown, { className: "h-4 w-4" })) })) : null] }), hasBuckets ? (bucketExpanded ? (jsx("ul", { className: "flex flex-col gap-2", children: buckets.map((bucket) => {
                             const balanceDisplay = formatNumber(locale, bucket.balance);
-                            return (jsxs("li", { "data-credit-kind": bucket.kind, className: "rounded-2xl border border-slate-200/70 bg-white/85 px-3 py-3 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 sm:px-4", children: [jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center gap-3 text-xs sm:text-sm", children: [jsx("span", { className: "flex min-w-0 items-center gap-2", children: jsx("span", { className: "max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs font-semibold text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm", children: bucket.computedLabel }) }), jsx("span", { className: "flex min-w-0 justify-end", children: jsx("span", { className: "text-right text-base font-semibold leading-tight text-gray-500 dark:text-slate-100 sm:text-lg", title: balanceDisplay, children: balanceDisplay }) })] }), jsx("div", { className: "mt-3 flex justify-end gap-2", children: jsxs("span", { className: "text-[11px] font-semibold text-gray-500 dark:text-slate-100 sm:text-xs", children: [translations.expiredAtLabel, ": ", bucket.expiresAt] }) })] }, bucket.kind));
+                            return (jsxs("li", { "data-credit-kind": bucket.kind, className: "rounded-2xl border border-slate-200/70 bg-white/85 px-3 py-3 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 sm:px-4", children: [jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center gap-3 text-xs sm:text-sm", children: [jsx("span", { className: "flex min-w-0 items-center gap-2", children: jsx("span", { className: "max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm", children: bucket.computedLabel }) }), jsx("span", { className: "flex min-w-0 justify-end", children: jsx("span", { className: "text-right text-base font-semibold leading-tight text-gray-500 dark:text-slate-100 sm:text-lg", title: balanceDisplay, children: balanceDisplay }) })] }), jsx("div", { className: "mt-3 flex justify-end gap-2", children: jsxs("span", { className: "text-[11px] text-gray-500 dark:text-slate-100 sm:text-xs", children: [translations.expiredAtLabel, ": ", bucket.expiresAt] }) })] }, bucket.kind));
                         }) })) : (jsx("button", { type: "button", onClick: expandBuckets, className: "w-full rounded-2xl border border-slate-200/70 bg-white/85 p-6 sm:px-4 text-sm shadow-sm transition-transform hover:-translate-y-0.5 hover:shadow-md dark:border-slate-800/60 dark:bg-slate-900/60 hover:text-purple-500", children: translations.expandDetail }))) : (jsx("div", { className: "w-full rounded-2xl border border-slate-200/70 bg-white/85 p-6 sm:px-4 text-sm shadow-sm transition-transform dark:border-slate-800/60 dark:bg-slate-900/60 text-center", children: translations.bucketsEmpty })), jsx(GradientButton, { title: translations.onetimeBuy, icon: jsx(globalLucideIcons.ShoppingCart, {}), align: "center", className: "w-full text-sm sm:text-base", onClick: handleOnetimeAction })] })] }));
 }
 function deriveStatus(expiresAt, thresholdDays = 7) {

package/dist/main/footer-email.d.ts

@@ -0,0 +1,8 @@
+interface FooterEmailProps {
+    email: string;
+    clickToCopyText?: string;
+    copiedText?: string;
+    children: React.ReactNode;
+}
+export declare function FooterEmail({ email, clickToCopyText, copiedText, children }: FooterEmailProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/footer-email.js

@@ -0,0 +1,29 @@
+"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.3/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function FooterEmail({ email, clickToCopyText, copiedText, children }) {
+    const [copied, setCopied] = React.useState(false);
+    const displayTitle = clickToCopyText || 'Click to copy';
+    const displayCopied = copiedText || 'Copied!';
+    const handleCopy = (e) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        // Prevent default to allow long press on mobile
+        e.preventDefault();
+        if (!navigator.clipboard)
+            return;
+        try {
+            yield navigator.clipboard.writeText(email);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (_a) {
+            // silent fail
+        }
+    });
+    return (jsxRuntime.jsxs("div", { className: "relative group", children: [jsxRuntime.jsx("div", { className: "absolute right-0 sm:right-auto sm:left-2/3 sm:-translate-x-1/4 bottom-full pb-1 hidden group-hover:block z-10", children: jsxRuntime.jsx("div", { className: "bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap shadow-lg cursor-pointer select-text", onMouseDown: handleCopy, title: displayTitle, children: copied ? displayCopied : email }) }), jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: children })] }));
+}
+
+exports.FooterEmail = FooterEmail;

package/dist/main/footer-email.mjs

@@ -0,0 +1,27 @@
+"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.3/node_modules/tslib/tslib.es6.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+function FooterEmail({ email, clickToCopyText, copiedText, children }) {
+    const [copied, setCopied] = useState(false);
+    const displayTitle = clickToCopyText || 'Click to copy';
+    const displayCopied = copiedText || 'Copied!';
+    const handleCopy = (e) => __awaiter(this, void 0, void 0, function* () {
+        // Prevent default to allow long press on mobile
+        e.preventDefault();
+        if (!navigator.clipboard)
+            return;
+        try {
+            yield navigator.clipboard.writeText(email);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (_a) {
+            // silent fail
+        }
+    });
+    return (jsxs("div", { className: "relative group", children: [jsx("div", { className: "absolute right-0 sm:right-auto sm:left-2/3 sm:-translate-x-1/4 bottom-full pb-1 hidden group-hover:block z-10", children: jsx("div", { className: "bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap shadow-lg cursor-pointer select-text", onMouseDown: handleCopy, title: displayTitle, children: copied ? displayCopied : email }) }), jsx("a", { href: `mailto:${email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: children })] }));
+}
+
+export { FooterEmail };

package/dist/main/footer.js

@@ -5,19 +5,23 @@ var jsxRuntime = require('react/jsx-runtime');
 var server = require('next-intl/server');
 var server$1 = require('@windrun-huaiin/base-ui/components/server');
 var Link = require('next/link');
+var footerEmail = require('./footer-email.js');
+var tIntl = require('../lib/t-intl.js');
 
 function Footer(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale }) {
         const tFooter = yield server.getTranslations({ locale, namespace: 'footer' });
+        const company = tIntl.safeT(tFooter, 'company', '');
         const data = {
-            terms: tFooter('terms', { defaultValue: 'Terms of Service' }),
-            privacy: tFooter('privacy', { defaultValue: 'Privacy Policy' }),
-            contactUs: tFooter('contactUs', { defaultValue: 'Contact Us' }),
-            email: tFooter('email'),
-            company: tFooter('company'),
-            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
+            terms: tIntl.safeT(tFooter, 'terms', 'Terms of Service'),
+            privacy: tIntl.safeT(tFooter, 'privacy', 'Privacy Policy'),
+            contactUs: tIntl.safeT(tFooter, 'contactUs', 'Contact Us'),
+            email: tIntl.safeT(tFooter, 'email', ''),
+            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: company }),
+            clickToCopyText: tIntl.safeT(tFooter, 'clickToCopy', 'Click to copy'),
+            copiedText: tIntl.safeT(tFooter, 'copied', 'Copied!'),
         };
-        return (jsxRuntime.jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:gap-x-6", children: [jsxRuntime.jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs("div", { className: "relative group", children: [jsxRuntime.jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxRuntime.jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsxRuntime.jsx(server$1.globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] })] }), jsxRuntime.jsx("div", { className: "text-xs text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) }) }));
+        return (jsxRuntime.jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxRuntime.jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs(footerEmail.FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsxRuntime.jsx(server$1.globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] }), jsxRuntime.jsx("div", { className: "text-xs sm:text-sm text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) }) }));
     });
 }
 

package/dist/main/footer.mjs

@@ -3,19 +3,23 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
 import Link from 'next/link';
+import { FooterEmail } from './footer-email.mjs';
+import { safeT } from '../lib/t-intl.mjs';
 
 function Footer(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale }) {
         const tFooter = yield getTranslations({ locale, namespace: 'footer' });
+        const company = safeT(tFooter, 'company', '');
         const data = {
-            terms: tFooter('terms', { defaultValue: 'Terms of Service' }),
-            privacy: tFooter('privacy', { defaultValue: 'Privacy Policy' }),
-            contactUs: tFooter('contactUs', { defaultValue: 'Contact Us' }),
-            email: tFooter('email'),
-            company: tFooter('company'),
-            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
+            terms: safeT(tFooter, 'terms', 'Terms of Service'),
+            privacy: safeT(tFooter, 'privacy', 'Privacy Policy'),
+            contactUs: safeT(tFooter, 'contactUs', 'Contact Us'),
+            email: safeT(tFooter, 'email', ''),
+            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: company }),
+            clickToCopyText: safeT(tFooter, 'clickToCopy', 'Click to copy'),
+            copiedText: safeT(tFooter, 'copied', 'Copied!'),
         };
-        return (jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:gap-x-6", children: [jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs("div", { className: "relative group", children: [jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsx(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] })] }), jsx("div", { className: "text-xs text-center", children: jsx("span", { children: data.copyright }) })] }) }) }));
+        return (jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs(FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsx(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] }), jsx("div", { className: "text-xs sm:text-sm text-center", children: jsx("span", { children: data.copyright }) })] }) }) }));
     });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "11.0.11",
+  "version": "11.1.1",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/lib/server.ts

@@ -2,4 +2,5 @@
 
 export * from './clerk-intl';
 export * from './fuma-schema-check-util';
-export * from './seo-util';
+export * from './seo-util';
+export * from './t-intl';

package/src/lib/t-intl.ts

@@ -0,0 +1,22 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+/**
+ * Safely retrieves a translation using the provided translator function.
+ * If the key does not exist (checked via `t.has(key)`), it returns the fallback value.
+ *
+ * @param t - The translator function from `next-intl` (e.g. obtained via `getTranslations` or `useTranslations`).
+ * @param key - The translation key to look up.
+ * @param fallback - The value to return if the key is missing. Defaults to an empty string.
+ * @param values - Optional values for interpolation in the translation string.
+ */
+export function safeT(
+  t: any,
+  key: string,
+  fallback: string = '',
+  values?: any
+): string {
+  // Ensure t has the .has method before calling it, just in case
+  if (t && typeof t.has === 'function' && t.has(key)) {
+    return t(key, values);
+  }
+  return fallback;
+}

package/src/main/credit/credit-overview-client.tsx

@@ -370,7 +370,7 @@ export function CreditOverviewClient({
         <div className="flex flex-col gap-2 sm:gap-3">
           <div className="flex items-center justify-start rounded-full ">
             <icons.Gem aria-hidden className="mr-2 h-6 w-6 sm:h-8 sm:w-8" />
-            <span className="text-sm font-medium sm:text-base">{translations.totalLabel}</span>
+            <span className="text-base sm:text-lg">{translations.totalLabel}</span>
           </div>
           <div className="flex justify-center text-3xl font-semibold leading-tight sm:text-4xl">
             {formatNumber(locale, data.totalBalance)}
@@ -405,7 +405,7 @@ export function CreditOverviewClient({
       {/* Credit Details Section */}
       <section className="relative flex flex-col gap-3 rounded-2xl border p-4 shadow-inner sm:gap-2 sm:p-5">
         <div className="flex flex-wrap items-center justify-between gap-2">
-          <h3 className="text-base font-semibold text-gray-500 dark:text-slate-100 sm:text-lg">
+          <h3 className="text-base text-gray-500 dark:text-slate-100 sm:text-lg">
             {translations.bucketsTitle}
           </h3>
           {hasBuckets ? (
@@ -437,7 +437,7 @@ export function CreditOverviewClient({
                   >
                     <div className="grid grid-cols-[1fr_auto] items-center gap-3 text-xs sm:text-sm">
                       <span className="flex min-w-0 items-center gap-2">
-                        <span className="max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs font-semibold text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm">
+                        <span className="max-w-full truncate rounded-full bg-purple-50 px-2 py-1 text-xs text-purple-600 shadow-sm dark:bg-purple-500/20 dark:text-purple-100 sm:text-sm">
                           {bucket.computedLabel}
                         </span>
                       </span>
@@ -451,7 +451,7 @@ export function CreditOverviewClient({
                       </span>
                     </div>
                     <div className="mt-3 flex justify-end gap-2">
-                      <span className="text-[11px] font-semibold text-gray-500 dark:text-slate-100 sm:text-xs">
+                      <span className="text-[11px] text-gray-500 dark:text-slate-100 sm:text-xs">
                       {translations.expiredAtLabel}: {bucket.expiresAt}
                       </span>
                     </div>

package/src/main/footer-email.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { useState } from 'react';
+
+interface FooterEmailProps {
+  email: string;
+  clickToCopyText?: string;
+  copiedText?: string;
+  children: React.ReactNode;
+}
+
+export function FooterEmail({ email, clickToCopyText, copiedText, children }: FooterEmailProps) {
+  const [copied, setCopied] = useState(false);
+
+  const displayTitle = clickToCopyText || 'Click to copy';
+  const displayCopied = copiedText || 'Copied!';
+
+  const handleCopy = async (e: React.MouseEvent) => {
+    // Prevent default to allow long press on mobile
+    e.preventDefault();
+    
+    if (!navigator.clipboard) return;
+
+    try {
+      await navigator.clipboard.writeText(email);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch {
+      // silent fail
+    }
+  };
+
+  return (
+    <div className="relative group">
+      <div className="absolute right-0 sm:right-auto sm:left-2/3 sm:-translate-x-1/4 bottom-full pb-1 hidden group-hover:block z-10">
+        <div 
+          className="bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap shadow-lg cursor-pointer select-text"
+          onMouseDown={handleCopy}
+          title={displayTitle}
+        >
+          {copied ? displayCopied : email}
+        </div>
+      </div>
+      <a
+        href={`mailto:${email}`}
+        className="flex items-center space-x-1 underline cursor-pointer px-2"
+      >
+        {children}
+      </a>
+    </div>
+  );
+}

package/src/main/footer.tsx

@@ -1,6 +1,8 @@
 import { getTranslations } from 'next-intl/server';
 import { globalLucideIcons as icons } from '@windrun-huaiin/base-ui/components/server';
 import Link from "next/link";
+import { FooterEmail } from './footer-email';
+import { safeT } from '../lib/t-intl';
 
 interface FooterData {
   terms: string;
@@ -9,25 +11,31 @@ interface FooterData {
   email: string;
   copyright: string;
   company: string;
+  clickToCopyText: string;
+  copiedText: string;
 }
 
 export async function Footer({ locale }: { locale: string }) {
   const tFooter = await getTranslations({ locale, namespace: 'footer' });
   
+  const company = safeT(tFooter, 'company', '');
+
   const data: FooterData = {
-    terms: tFooter('terms', { defaultValue: 'Terms of Service' }),
-    privacy: tFooter('privacy', { defaultValue: 'Privacy Policy' }),
-    contactUs: tFooter('contactUs', { defaultValue: 'Contact Us' }),
-    email: tFooter('email'),
-    company: tFooter('company'),
-    copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
+    terms: safeT(tFooter, 'terms', 'Terms of Service'),
+    privacy: safeT(tFooter, 'privacy', 'Privacy Policy'),
+    contactUs: safeT(tFooter, 'contactUs', 'Contact Us'),
+    email: safeT(tFooter, 'email', ''),
+    company: company,
+    copyright: tFooter('copyright', { year: new Date().getFullYear(), name: company }),
+    clickToCopyText: safeT(tFooter, 'clickToCopy', 'Click to copy'),
+    copiedText: safeT(tFooter, 'copied', 'Copied!'),
   };
 
   return (
     <div className="mb-10 w-full mx-auto border-t-purple-700/80 border-t">
       <footer>
         <div className="w-full flex flex-col items-center justify-center px-4 py-8 space-y-3">
-          <div className="flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:gap-x-6">
+          <div className="flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6">
             <Link href={`/${locale}/legal/terms`} className="flex items-center space-x-1 hover:underline">
               <icons.ReceiptText className="h-3.5 w-3.5"/>
               <span>{data.terms}</span>
@@ -36,20 +44,12 @@ export async function Footer({ locale }: { locale: string }) {
               <icons.ShieldUser className="h-3.5 w-3.5"/>
               <span>{data.privacy}</span>
             </Link>
-            <div className="relative group">
-              <div className="absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg">
-                {data.email}
-              </div>
-              <a
-                href={`mailto:${data.email}`}
-                className="flex items-center space-x-1 underline cursor-pointer px-2"
-              >
-                <icons.Mail className="h-3.5 w-3.5"/>
-                <span>{data.contactUs}</span>
-              </a>
-            </div>
+            <FooterEmail email={data.email} clickToCopyText={data.clickToCopyText} copiedText={data.copiedText}>
+              <icons.Mail className="h-3.5 w-3.5"/>
+              <span>{data.contactUs}</span>
+            </FooterEmail>
           </div>
-          <div className="text-xs text-center">
+          <div className="text-xs sm:text-sm text-center">
             <span>{data.copyright}</span>
           </div>
         </div>