@windrun-huaiin/third-ui 7.6.0 → 10.0.0

package/dist/_virtual/advancedFormat.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var advancedFormat = require('../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/advancedFormat.js');
+var advancedFormat = require('../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/advancedFormat.js');
 
 var advancedFormatExports = advancedFormat.__require();
 var dayjsAdvancedFormat = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(advancedFormatExports);

package/dist/_virtual/advancedFormat.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireAdvancedFormat } from '../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/advancedFormat.mjs';
+import { __require as requireAdvancedFormat } from '../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/advancedFormat.mjs';
 
 var advancedFormatExports = requireAdvancedFormat();
 var dayjsAdvancedFormat = /*@__PURE__*/getDefaultExportFromCjs(advancedFormatExports);

package/dist/_virtual/customParseFormat.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var customParseFormat = require('../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/customParseFormat.js');
+var customParseFormat = require('../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/customParseFormat.js');
 
 var customParseFormatExports = customParseFormat.__require();
 var dayjsCustomParseFormat = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(customParseFormatExports);

package/dist/_virtual/customParseFormat.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireCustomParseFormat } from '../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/customParseFormat.mjs';
+import { __require as requireCustomParseFormat } from '../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/customParseFormat.mjs';
 
 var customParseFormatExports = requireCustomParseFormat();
 var dayjsCustomParseFormat = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatExports);

package/dist/_virtual/dayjs.min.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var dayjs_min = require('../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.js');
+var dayjs_min = require('../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/dayjs.min.js');
 
 var dayjs_minExports = dayjs_min.__require();
 var dayjs2 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(dayjs_minExports);

package/dist/_virtual/dayjs.min.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireDayjs_min } from '../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.mjs';
+import { __require as requireDayjs_min } from '../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/dayjs.min.mjs';
 
 var dayjs_minExports = requireDayjs_min();
 var dayjs2 = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);

package/dist/_virtual/isoWeek.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var isoWeek = require('../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/isoWeek.js');
+var isoWeek = require('../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isoWeek.js');
 
 var isoWeekExports = isoWeek.__require();
 var dayjsIsoWeek = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(isoWeekExports);

package/dist/_virtual/isoWeek.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireIsoWeek } from '../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/isoWeek.mjs';
+import { __require as requireIsoWeek } from '../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isoWeek.mjs';
 
 var isoWeekExports = requireIsoWeek();
 var dayjsIsoWeek = /*@__PURE__*/getDefaultExportFromCjs(isoWeekExports);

package/dist/clerk/clerk-organization.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var 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 server = require('next-intl/server');
 var clerkOrganizationClient = require('./clerk-organization-client.js');

package/dist/clerk/clerk-organization.mjs

@@ -1,4 +1,4 @@
-import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { __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 { jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { ClerkOrganizationClient } from './clerk-organization-client.mjs';

package/dist/clerk/{clerk-page-generator-client.js → clerk-page-context-generator.js}

@@ -11,7 +11,7 @@ var signinWithFingerprintClient = require('./signin-with-fingerprint-client.js')
  */
 function createSignUpPageWithFingerprint() {
     return function SignUpPage() {
-        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center mt-0 mb-32", children: jsxRuntime.jsx(signupWithFingerprintClient.SignUpWithFingerprint, {}) }));
+        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center m-16", children: jsxRuntime.jsx(signupWithFingerprintClient.SignUpWithFingerprint, {}) }));
     };
 }
 /**
@@ -20,7 +20,7 @@ function createSignUpPageWithFingerprint() {
  */
 function createSignInPageWithFingerprint() {
     return function SignInPage() {
-        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center mb-64", children: jsxRuntime.jsx(signinWithFingerprintClient.SignInWithFingerprint, {}) }));
+        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center m-16", children: jsxRuntime.jsx(signinWithFingerprintClient.SignInWithFingerprint, {}) }));
     };
 }
 

package/dist/clerk/{clerk-page-generator-client.mjs → clerk-page-context-generator.mjs}

@@ -9,7 +9,7 @@ import { SignInWithFingerprint } from './signin-with-fingerprint-client.mjs';
  */
 function createSignUpPageWithFingerprint() {
     return function SignUpPage() {
-        return (jsx("div", { className: "flex-1 flex justify-center mt-0 mb-32", children: jsx(SignUpWithFingerprint, {}) }));
+        return (jsx("div", { className: "flex-1 flex justify-center m-16", children: jsx(SignUpWithFingerprint, {}) }));
     };
 }
 /**
@@ -18,7 +18,7 @@ function createSignUpPageWithFingerprint() {
  */
 function createSignInPageWithFingerprint() {
     return function SignInPage() {
-        return (jsx("div", { className: "flex-1 flex justify-center mb-64", children: jsx(SignInWithFingerprint, {}) }));
+        return (jsx("div", { className: "flex-1 flex justify-center m-16", children: jsx(SignInWithFingerprint, {}) }));
     };
 }
 

package/dist/clerk/clerk-page-generator.js

@@ -6,17 +6,17 @@ var nextjs = require('@clerk/nextjs');
 // Legacy page generators (for backward compatibility)
 function createSignInPage() {
     return function SignInPage() {
-        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center mb-64", children: jsxRuntime.jsx(nextjs.SignIn, {}) }));
+        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center m-16", children: jsxRuntime.jsx(nextjs.SignIn, {}) }));
     };
 }
 function createSignUpPage() {
     return function SignUpPage() {
-        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center mt-0 mb-32", children: jsxRuntime.jsx(nextjs.SignUp, {}) }));
+        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center m-16", children: jsxRuntime.jsx(nextjs.SignUp, {}) }));
     };
 }
 function createWaitlistPage() {
     return function WaitlistPage() {
-        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center mt-10", children: jsxRuntime.jsx(nextjs.Waitlist, {}) }));
+        return (jsxRuntime.jsx("div", { className: "flex-1 flex justify-center m-16", children: jsxRuntime.jsx(nextjs.Waitlist, {}) }));
     };
 }
 

package/dist/clerk/clerk-page-generator.mjs

@@ -4,17 +4,17 @@ import { SignIn, SignUp, Waitlist } from '@clerk/nextjs';
 // Legacy page generators (for backward compatibility)
 function createSignInPage() {
     return function SignInPage() {
-        return (jsx("div", { className: "flex-1 flex justify-center mb-64", children: jsx(SignIn, {}) }));
+        return (jsx("div", { className: "flex-1 flex justify-center m-16", children: jsx(SignIn, {}) }));
     };
 }
 function createSignUpPage() {
     return function SignUpPage() {
-        return (jsx("div", { className: "flex-1 flex justify-center mt-0 mb-32", children: jsx(SignUp, {}) }));
+        return (jsx("div", { className: "flex-1 flex justify-center m-16", children: jsx(SignUp, {}) }));
     };
 }
 function createWaitlistPage() {
     return function WaitlistPage() {
-        return (jsx("div", { className: "flex-1 flex justify-center mt-10", children: jsx(Waitlist, {}) }));
+        return (jsx("div", { className: "flex-1 flex justify-center m-16", children: jsx(Waitlist, {}) }));
     };
 }
 

package/dist/clerk/clerk-user-client.js

@@ -2,15 +2,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var server = require('@windrun-huaiin/base-ui/components/server');
 var nextjs = require('@clerk/nextjs');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var signupButtonWithFingerprintClient = require('./signup-button-with-fingerprint-client.js');
 
 function ClerkUserClient({ data }) {
-    return (jsxRuntime.jsxs("div", { className: "ms-1.5 flex items-center gap-2 h-10 me-3", children: [jsxRuntime.jsx(nextjs.ClerkLoading, { children: jsxRuntime.jsx("div", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm" }) }), jsxRuntime.jsxs(nextjs.ClerkLoaded, { children: [jsxRuntime.jsxs(nextjs.SignedOut, { children: [jsxRuntime.jsx(nextjs.SignInButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsxRuntime.jsx("button", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm", children: data.signIn }) }), data.showSignUp && (jsxRuntime.jsx(nextjs.SignUpButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsxRuntime.jsx("button", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm", children: data.signUp }) }))] }), jsxRuntime.jsx(nextjs.SignedIn, { children: jsxRuntime.jsx(nextjs.UserButton, { appearance: {
+    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 h-10 mx-3 md:ml-1 md:mr-2", children: [jsxRuntime.jsx(nextjs.ClerkLoading, { children: jsxRuntime.jsx("div", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm" }) }), jsxRuntime.jsxs(nextjs.ClerkLoaded, { children: [jsxRuntime.jsxs(nextjs.SignedOut, { children: [jsxRuntime.jsx(nextjs.SignInButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsxRuntime.jsx("button", { className: "w-16 sm:w-20 h-8 sm:h-9 px-1.5 sm:px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-xs sm:text-sm whitespace-nowrap", children: data.signIn }) }), data.showSignUp && (jsxRuntime.jsx(signupButtonWithFingerprintClient.SignUpButtonWithFingerprint, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', signUp: data.signUp }))] }), jsxRuntime.jsx(nextjs.SignedIn, { children: jsxRuntime.jsx(nextjs.UserButton, { appearance: {
                                 elements: {
                                     userButtonAvatarBox: "w-8 h-8 border",
                                 }
-                            }, children: jsxRuntime.jsxs(nextjs.UserButton.MenuItems, { children: [jsxRuntime.jsx(nextjs.UserButton.Action, { label: "manageAccount" }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-[var(--clerk-icon-stroke-color)]" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-[var(--clerk-icon-stroke-color)]" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsxRuntime.jsx(nextjs.UserButton.Action, { label: "signOut" })] }) }) })] })] }));
+                            }, children: jsxRuntime.jsxs(nextjs.UserButton.MenuItems, { children: [jsxRuntime.jsx(nextjs.UserButton.Action, { label: "manageAccount" }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsxRuntime.jsx(nextjs.UserButton.Link, { labelIcon: jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsxRuntime.jsx(nextjs.UserButton.Action, { label: "signOut" })] }) }) })] })] }));
 }
 
 exports.ClerkUserClient = ClerkUserClient;

package/dist/clerk/clerk-user-client.mjs

@@ -1,14 +1,15 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { ClerkLoading, ClerkLoaded, SignedOut, SignInButton, SignedIn, UserButton } from '@clerk/nextjs';
 import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
-import { ClerkLoading, ClerkLoaded, SignedOut, SignInButton, SignUpButton, SignedIn, UserButton } from '@clerk/nextjs';
+import { SignUpButtonWithFingerprint } from './signup-button-with-fingerprint-client.mjs';
 
 function ClerkUserClient({ data }) {
-    return (jsxs("div", { className: "ms-1.5 flex items-center gap-2 h-10 me-3", children: [jsx(ClerkLoading, { children: jsx("div", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm" }) }), jsxs(ClerkLoaded, { children: [jsxs(SignedOut, { children: [jsx(SignInButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsx("button", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm", children: data.signIn }) }), data.showSignUp && (jsx(SignUpButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsx("button", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm", children: data.signUp }) }))] }), jsx(SignedIn, { children: jsx(UserButton, { appearance: {
+    return (jsxs("div", { className: "flex items-center gap-2 h-10 mx-3 md:ml-1 md:mr-2", children: [jsx(ClerkLoading, { children: jsx("div", { className: "w-20 h-9 px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-sm" }) }), jsxs(ClerkLoaded, { children: [jsxs(SignedOut, { children: [jsx(SignInButton, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', children: jsx("button", { className: "w-16 sm:w-20 h-8 sm:h-9 px-1.5 sm:px-2 border border-gray-300 rounded-full hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800 text-center text-xs sm:text-sm whitespace-nowrap", children: data.signIn }) }), data.showSignUp && (jsx(SignUpButtonWithFingerprint, { mode: data.clerkAuthInModal ? 'modal' : 'redirect', signUp: data.signUp }))] }), jsx(SignedIn, { children: jsx(UserButton, { appearance: {
                                 elements: {
                                     userButtonAvatarBox: "w-8 h-8 border",
                                 }
-                            }, children: jsxs(UserButton.MenuItems, { children: [jsx(UserButton.Action, { label: "manageAccount" }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-[var(--clerk-icon-stroke-color)]" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-[var(--clerk-icon-stroke-color)]" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsx(UserButton.Action, { label: "signOut" })] }) }) })] })] }));
+                            }, children: jsxs(UserButton.MenuItems, { children: [jsx(UserButton.Action, { label: "manageAccount" }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ReceiptText, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.terms, href: `/${data.locale}/legal/terms` }), jsx(UserButton.Link, { labelIcon: jsx(globalLucideIcons.ShieldUser, { className: "size-4 fill-none stroke-(--clerk-icon-stroke-color)" }), label: data.privacy, href: `/${data.locale}/legal/privacy` }), jsx(UserButton.Action, { label: "signOut" })] }) }) })] })] }));
 }
 
 export { ClerkUserClient };

package/dist/clerk/clerk-user.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var 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 server = require('next-intl/server');
 var clerkUserClient = require('./clerk-user-client.js');

package/dist/clerk/clerk-user.mjs

@@ -1,4 +1,4 @@
-import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { __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 { jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { ClerkUserClient } from './clerk-user-client.mjs';

package/dist/clerk/fingerprint/fingerprint-client.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var 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 fp_esm = require('../../node_modules/.pnpm/@fingerprintjs_fingerprintjs@4.6.2/node_modules/@fingerprintjs/fingerprintjs/dist/fp.esm.js');
 var fingerprintShared = require('./fingerprint-shared.js');
 

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

@@ -1,4 +1,4 @@
-import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { __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 index from '../../node_modules/.pnpm/@fingerprintjs_fingerprintjs@4.6.2/node_modules/@fingerprintjs/fingerprintjs/dist/fp.esm.mjs';
 import { isValidFingerprintId, FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME } from './fingerprint-shared.mjs';
 

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

@@ -2,9 +2,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var utils = require('@windrun-huaiin/lib/utils');
 var React = require('react');
 var useFingerprint = require('./use-fingerprint.js');
-var server = require('@windrun-huaiin/base-ui/components/server');
+var ui = require('@windrun-huaiin/base-ui/ui');
 
 const FingerprintContext = React.createContext(undefined);
 /**
@@ -46,77 +48,166 @@ function withFingerprint(Component, config) {
  * 组件：显示用户状态和积分信息（用于调试）
  */
 function FingerprintStatus() {
-    const { fingerprintId, xUser, xCredit, xSubscription, isLoading, isInitialized, error } = useFingerprintContext();
+    const { fingerprintId, xUser, xCredit, xSubscription, error } = useFingerprintContext();
     const [isOpen, setIsOpen] = React.useState(false);
     const modalRef = React.useRef(null);
-    const handleToggle = () => {
-        setIsOpen(!isOpen);
-    };
+    const handleToggle = () => setIsOpen(prev => !prev);
     const handleBackdropClick = (e) => {
-        if (e.target === e.currentTarget) {
+        if (e.target === e.currentTarget)
             setIsOpen(false);
-        }
     };
     React.useEffect(() => {
         const handleEscKey = (e) => {
-            if (e.key === 'Escape' && isOpen) {
+            if (e.key === 'Escape' && isOpen)
                 setIsOpen(false);
-            }
         };
-        if (isOpen) {
+        if (isOpen)
             document.addEventListener('keydown', handleEscKey);
-        }
-        return () => {
-            document.removeEventListener('keydown', handleEscKey);
-        };
+        return () => document.removeEventListener('keydown', handleEscKey);
     }, [isOpen]);
-    // 确保 xUser 更新后才渲染内容
     React.useEffect(() => {
         if (xUser && !xUser.fingerprintId) {
             console.warn('xUser.fingerprintId is missing:', xUser);
         }
     }, [xUser]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { onClick: handleToggle, style: {
-                    position: 'fixed',
-                    top: '10px',
-                    left: '10px',
-                    width: '50px',
-                    height: '50px',
-                    background: 'linear-gradient(135deg, #9b59b6, #e74c3c)',
-                    borderRadius: '50%',
-                    border: 'none',
-                    cursor: 'pointer',
-                    zIndex: 10000,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    boxShadow: '0 4px 8px rgba(0, 0, 0, 0.2)',
-                }, children: jsxRuntime.jsx(server.globalLucideIcons.BTC, { size: 24, style: {
-                        color: 'white',
-                        transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-                        transition: 'transform 0.3s ease',
-                    } }) }), isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: handleBackdropClick, style: {
-                            position: 'fixed',
-                            top: 0,
-                            left: 0,
-                            width: '100%',
-                            height: '100%',
-                            background: 'rgba(0, 0, 0, 0.5)',
-                            zIndex: 9998,
-                        } }), jsxRuntime.jsxs("div", { ref: modalRef, style: {
-                            position: 'fixed',
-                            top: '70px',
-                            left: '10px',
-                            background: '#f0f0f0',
-                            padding: '15px',
-                            borderRadius: '5px',
-                            fontSize: '12px',
-                            fontFamily: 'monospace',
-                            maxWidth: '500px',
-                            zIndex: 9999,
-                            border: '1px solid #ccc',
-                            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.2)',
-                        }, children: [jsxRuntime.jsx("h4", { style: { margin: '0 0 5px 0' }, children: "Fingerprint Debug" }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: "FP_ID:" }), " ", fingerprintId || 'None'] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: "Loading:" }), " ", isLoading ? 'Yes' : 'No'] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: "Initialized:" }), " ", isInitialized ? 'Yes' : 'No'] }), error && jsxRuntime.jsxs("div", { style: { color: 'red' }, children: [jsxRuntime.jsx("strong", { children: "Error:" }), " ", error] }), xUser && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: "user_id:" }), " ", xUser.userId || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "fingerprintId:" }), " ", xUser.fingerprintId || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "clerk_user_id:" }), " ", xUser.clerkUserId || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "email:" }), " ", xUser.email || 'None', " ", jsxRuntime.jsx("br", {})] })), xCredit && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("strong", { children: "Credits:" }), " ", xCredit.balanceFree, " Free + ", xCredit.balancePaid, " Paid = ", xCredit.totalBalance, " Total"] })), jsxRuntime.jsx("div", { children: xSubscription ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("strong", { children: "user_id:" }), " ", xSubscription.userId, " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "pay_subscription_id:" }), " ", xSubscription.paySubscriptionId || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "price_id:" }), " ", xSubscription.priceId || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "price_name:" }), " ", xSubscription.priceName || 'None', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "status:" }), " ", xSubscription.status || 'Free', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "credits_allocated:" }), " ", xSubscription.creditsAllocated || '', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "sub_period_start:" }), " ", xSubscription.subPeriodStart || '', " ", jsxRuntime.jsx("br", {}), jsxRuntime.jsx("strong", { children: "sub_period_end:" }), " ", xSubscription.subPeriodEnd || '', " ", jsxRuntime.jsx("br", {})] })) : (jsxRuntime.jsx("strong", { children: "No Subscription, Default as Hobby Plan" })) })] })] }))] }));
+    const creditBuckets = React.useMemo(() => {
+        if (!xCredit)
+            return [];
+        return [
+            {
+                key: 'paid',
+                label: '订阅积分',
+                icon: jsxRuntime.jsx(server.globalLucideIcons.Settings2, { className: "size-4 text-green-500 dark:text-green-300" }),
+                balance: xCredit.balancePaid,
+                total: xCredit.totalPaidLimit,
+                start: xCredit.paidStart,
+                end: xCredit.paidEnd,
+            },
+            {
+                key: 'oneTimePaid',
+                label: '一次性积分',
+                icon: jsxRuntime.jsx(server.globalLucideIcons.Coins, { className: "size-4 text-amber-500 dark:text-amber-300" }),
+                balance: xCredit.balanceOneTimePaid,
+                total: xCredit.totalOneTimePaidLimit,
+                start: xCredit.oneTimePaidStart,
+                end: xCredit.oneTimePaidEnd,
+            },
+            {
+                key: 'free',
+                label: '免费积分',
+                icon: jsxRuntime.jsx(server.globalLucideIcons.Gift, { className: "size-4 text-purple-500 dark:text-purple-300" }),
+                balance: xCredit.balanceFree,
+                total: xCredit.totalFreeLimit,
+                start: xCredit.freeStart,
+                end: xCredit.freeEnd,
+            },
+        ];
+    }, [xCredit]);
+    const subscriptionStatus = React.useMemo(() => {
+        var _a, _b;
+        if (!xSubscription) {
+            return {
+                status: '未订阅',
+                priceName: '--',
+                creditsAllocated: '--',
+                period: '无记录',
+            };
+        }
+        return {
+            status: (_a = xSubscription.status) !== null && _a !== void 0 ? _a : '--',
+            priceName: (_b = xSubscription.priceName) !== null && _b !== void 0 ? _b : '--',
+            creditsAllocated: typeof xSubscription.creditsAllocated === 'number'
+                ? formatNumber(xSubscription.creditsAllocated)
+                : '--',
+            period: formatRangeText(xSubscription.subPeriodStart, xSubscription.subPeriodEnd),
+        };
+    }, [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;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isOpen && (jsxRuntime.jsx("button", { onClick: handleToggle, type: "button", "aria-label": "Fingerprint debug panel", className: utils.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', 'bg-linear-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300'), children: jsxRuntime.jsx(server.globalLucideIcons.Lightbulb, { className: "size-6 text-white" }) })), isOpen && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: handleBackdropClick, className: "fixed inset-0 z-9998 bg-black/60 backdrop-blur-sm" }), jsxRuntime.jsxs("div", { ref: modalRef, className: utils.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: [jsxRuntime.jsx("header", { className: "mb-4", children: jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-base font-bold tracking-wider text-purple-600 dark:text-purple-500", children: [jsxRuntime.jsx(server.globalLucideIcons.ShieldUser, { className: "size-4" }), "Fingerprint Debug Panel"] }), jsxRuntime.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: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "size-4" }) })] }) }), jsxRuntime.jsxs("section", { className: "space-y-1", children: [jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(server.globalLucideIcons.Fingerprint, { className: "size-4" }), title: "\u7528\u6237\u4FE1\u606F", rightInfo: jsxRuntime.jsx(StatusTag, { value: userStatus }), items: [
+                                            { label: '用户ID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userId) || '' }) },
+                                            { label: '用户昵称', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.userName) || '' }) },
+                                            { label: 'FingerprintID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.fingerprintId) || fingerprintId || '' }) },
+                                            { label: 'Clerk用户', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.clerkUserId) || '' }) },
+                                            { label: '邮箱', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.email) || '' }) },
+                                            { label: 'Stripe客户', value: jsxRuntime.jsx(ui.CopyableText, { text: (xUser === null || xUser === void 0 ? void 0 : xUser.stripeCusId) || '' }) },
+                                            { label: '创建时间', value: (xUser === null || xUser === void 0 ? void 0 : xUser.createdAt) || '--' },
+                                        ] }), jsxRuntime.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: [jsxRuntime.jsx(PanelHeader, { icon: jsxRuntime.jsx(server.globalLucideIcons.Gem, { className: "size-4" }), title: "\u79EF\u5206\u4FE1\u606F", rightInfo: jsxRuntime.jsx("span", { className: "text-purple-600 dark:text-purple-500 font-semibold", children: totalCredits }) }), jsxRuntime.jsx("div", { className: "space-y-3", children: creditBuckets.length > 0 ? (creditBuckets.map((bucket) => {
+                                                    const percent = Math.round(computeProgress(bucket.balance, bucket.total) * 100);
+                                                    return (jsxRuntime.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: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs font-medium text-slate-600 dark:text-slate-300", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [bucket.icon, jsxRuntime.jsx("span", { children: bucket.label })] }), jsxRuntime.jsxs("span", { className: "font-semibold text-slate-700 dark:text-slate-100", children: [formatNumber(bucket.balance), " / ", formatNumber(bucket.total)] })] }), jsxRuntime.jsx("div", { className: "mt-2 h-1.5 w-full rounded-full bg-slate-200 dark:bg-slate-800", children: jsxRuntime.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}%` } }) }), jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-between text-[11px] text-slate-500 dark:text-slate-400", children: [jsxRuntime.jsx("span", { children: formatRangeText(bucket.start, bucket.end) }), jsxRuntime.jsxs("span", { children: [percent, "%"] })] })] }, bucket.key));
+                                                })) : (jsxRuntime.jsx(EmptyPlaceholder, { label: "\u6682\u65E0\u79EF\u5206\u6570\u636E", icon: jsxRuntime.jsx(server.globalLucideIcons.DatabaseZap, { className: "size-4" }) })) })] }), jsxRuntime.jsx(PanelSection, { icon: jsxRuntime.jsx(server.globalLucideIcons.Bell, { className: "size-4" }), title: "\u8BA2\u9605\u4FE1\u606F", rightInfo: jsxRuntime.jsx(StatusTag, { value: subStatus }), items: [
+                                            { label: '订阅方案', value: subscriptionStatus.priceName },
+                                            { label: '有效期', value: subscriptionStatus.period },
+                                            { label: '分配额度', value: subscriptionStatus.creditsAllocated },
+                                            { label: '订阅ID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.paySubscriptionId) || '' }) },
+                                            { label: 'OrderID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.orderId) || '' }) },
+                                            { label: 'Price ID', value: jsxRuntime.jsx(ui.CopyableText, { text: (xSubscription === null || xSubscription === void 0 ? void 0 : xSubscription.priceId) || '' }) },
+                                        ] }), error && (jsxRuntime.jsxs("div", { className: "flex items-start gap-2 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: [jsxRuntime.jsx(server.globalLucideIcons.X, { className: "mt-0.5 size-4" }), jsxRuntime.jsx("span", { children: error })] }))] })] })] }))] }));
+}
+/* ==================== 新增辅助组件 ==================== */
+// 标题行：左侧图标+标题，右侧信息（右对齐）
+function PanelHeader({ icon, title, rightInfo }) {
+    return (jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold text-slate-700 dark:text-slate-100", children: [jsxRuntime.jsx("span", { className: "flex size-6 items-center justify-center rounded-full bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300", children: icon }), jsxRuntime.jsx("span", { className: "rounded-full bg-purple-100 px-2 py-1 text-xs font-bold text-purple-600 dark:bg-purple-500/20 dark:text-purple-100", children: title })] }), jsxRuntime.jsx("span", { className: "text-sm font-medium text-slate-600 dark:text-slate-300", children: rightInfo })] }));
+}
+function PanelSection({ icon, title, rightInfo, items }) {
+    return (jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200/70 bg-white/85 p-4 shadow-sm dark:border-white/12 dark:bg-slate-900/45", children: [jsxRuntime.jsx(PanelHeader, { icon: icon, title: title, rightInfo: rightInfo }), jsxRuntime.jsx("dl", { className: "grid grid-cols-1 gap-y-1.5 text-xs text-slate-500 dark:text-slate-300", children: items.map((item) => (jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxRuntime.jsx("dt", { className: "text-slate-400 dark:text-slate-500", children: item.label }), jsxRuntime.jsx("dd", { className: "text-right font-medium text-slate-600 dark:text-slate-100", children: item.value })] }, item.label))) })] }));
+}
+function EmptyPlaceholder({ label, icon }) {
+    return (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 rounded-lg border border-dashed border-slate-200 bg-slate-50 py-6 text-xs text-slate-400 dark:border-white/10 dark:bg-slate-900/30 dark:text-slate-500", children: [icon, jsxRuntime.jsx("span", { children: label })] }));
+}
+function formatNumber(value) {
+    if (typeof value !== 'number' || Number.isNaN(value))
+        return '--';
+    return new Intl.NumberFormat('zh-CN', { maximumFractionDigits: 0 }).format(value);
+}
+function computeProgress(balance, total) {
+    if (typeof balance !== 'number' || typeof total !== 'number' || Number.isNaN(balance) || Number.isNaN(total) || total <= 0) {
+        return 0;
+    }
+    const ratio = balance / total;
+    if (!Number.isFinite(ratio))
+        return 0;
+    return Math.min(Math.max(ratio, 0), 1);
+}
+function formatRangeText(start, end) {
+    const safeStart = start && start.trim() ? start : '';
+    const safeEnd = end && end.trim() ? end : '';
+    if (!safeStart && !safeEnd) {
+        return '无记录';
+    }
+    if (!safeStart) {
+        return safeEnd;
+    }
+    if (!safeEnd) {
+        return safeStart;
+    }
+    return `${safeStart} - ${safeEnd}`;
+}
+function StatusTag({ value }) {
+    if (!value)
+        return jsxRuntime.jsx("span", { className: "text-slate-400", children: "None" });
+    const normalized = value.toLowerCase();
+    const colorMap = {
+        // 绿色：正常/活跃
+        registered: 'bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300',
+        active: 'bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300',
+        trialing: 'bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300',
+        // 灰色：失效/删除
+        canceled: 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400',
+        frozen: 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400',
+        deleted: 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400',
+        expired: 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400',
+        past_due: 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400',
+        // 橙色：待处理/异常
+        pending: 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300',
+        failed: 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300',
+        unpaid: 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300',
+        incomplete: 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300',
+    };
+    const defaultColor = 'bg-slate-100 text-slate-600 dark:bg-slate-700 dark:text-slate-400';
+    const badgeClass = colorMap[normalized] || defaultColor;
+    return (jsxRuntime.jsx("span", { className: utils.cn('inline-block rounded-full px-2 py-0.5 text-xs capitalize font-medium', badgeClass), children: value }));
 }
 
 exports.FingerprintProvider = FingerprintProvider;