@windrun-huaiin/third-ui 10.1.1 → 10.1.3

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

@@ -7,7 +7,7 @@ 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: "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: {
+    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 h-10 mr-3 sm: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",
                                 }

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

@@ -5,7 +5,7 @@ import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
 import { SignUpButtonWithFingerprint } from './signup-button-with-fingerprint-client.mjs';
 
 function ClerkUserClient({ data }) {
-    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: {
+    return (jsxs("div", { className: "flex items-center gap-2 h-10 mr-3 sm: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",
                                 }

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

@@ -118,7 +118,7 @@ function createFingerprintHeaders() {
     return tslib_es6.__awaiter(this, void 0, void 0, function* () {
         const fingerprintId = yield getOrGenerateFingerprintId();
         return {
-            FINGERPRINT_HEADER_NAME: fingerprintId,
+            [fingerprintShared.FINGERPRINT_HEADER_NAME]: fingerprintId,
         };
     });
 }
@@ -134,7 +134,7 @@ function useFingerprintHeaders() {
 function createFingerprintFetch() {
     return (url, init) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
         const fingerprintHeaders = yield createFingerprintHeaders();
-        const headers = Object.assign(Object.assign({}, fingerprintHeaders), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
+        const headers = Object.assign(Object.assign(Object.assign({}, fingerprintHeaders), { [fingerprintShared.FINGERPRINT_SOURCE_REFER]: document.referrer || '' }), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
         return fetch(url, Object.assign(Object.assign({}, init), { headers }));
     });
 }

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

@@ -1,6 +1,6 @@
 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';
+import { isValidFingerprintId, FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER } from './fingerprint-shared.mjs';
 
 /**
  * Fingerprint Client Utilities
@@ -116,7 +116,7 @@ function createFingerprintHeaders() {
     return __awaiter(this, void 0, void 0, function* () {
         const fingerprintId = yield getOrGenerateFingerprintId();
         return {
-            FINGERPRINT_HEADER_NAME: fingerprintId,
+            [FINGERPRINT_HEADER_NAME]: fingerprintId,
         };
     });
 }
@@ -132,7 +132,7 @@ function useFingerprintHeaders() {
 function createFingerprintFetch() {
     return (url, init) => __awaiter(this, void 0, void 0, function* () {
         const fingerprintHeaders = yield createFingerprintHeaders();
-        const headers = Object.assign(Object.assign({}, fingerprintHeaders), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
+        const headers = Object.assign(Object.assign(Object.assign({}, fingerprintHeaders), { [FINGERPRINT_SOURCE_REFER]: document.referrer || '' }), ((init === null || init === void 0 ? void 0 : init.headers) || {}));
         return fetch(url, Object.assign(Object.assign({}, init), { headers }));
     });
 }

package/dist/clerk/fingerprint/fingerprint-shared.d.ts

@@ -5,6 +5,7 @@
 export declare const FINGERPRINT_STORAGE_KEY = "__x_fingerprint_id";
 export declare const FINGERPRINT_HEADER_NAME = "x-fingerprint-id-v8";
 export declare const FINGERPRINT_COOKIE_NAME = "__x_fingerprint_id";
+export declare const FINGERPRINT_SOURCE_REFER = "x-source-ref";
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用

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

@@ -8,6 +8,7 @@
 const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用
@@ -31,5 +32,6 @@ const FINGERPRINT_CONSTANTS = {
 exports.FINGERPRINT_CONSTANTS = FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = isValidFingerprintId;

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

@@ -6,6 +6,7 @@
 const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 /**
  * 验证fingerprint ID格式
  * 可以在客户端和服务端使用
@@ -26,4 +27,4 @@ const FINGERPRINT_CONSTANTS = {
     COOKIE_NAME: FINGERPRINT_COOKIE_NAME,
 };
 
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId };
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId };

package/dist/clerk/fingerprint/index.js

@@ -11,6 +11,7 @@ var fingerprintProvider = require('./fingerprint-provider.js');
 exports.FINGERPRINT_CONSTANTS = fingerprintShared.FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = fingerprintShared.FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = fingerprintShared.FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = fingerprintShared.FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = fingerprintShared.FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = fingerprintShared.isValidFingerprintId;
 exports.clearFingerprintId = fingerprintClient.clearFingerprintId;

package/dist/clerk/fingerprint/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
 export { clearFingerprintId, createFingerprintFetch, createFingerprintHeaders, generateFingerprintId, getFingerprintId, getOrGenerateFingerprintId, setFingerprintId, useFingerprintHeaders } from './fingerprint-client.mjs';
 export { useFingerprint } from './use-fingerprint.mjs';
 export { FingerprintProvider, FingerprintStatus, useFingerprintContext, useFingerprintContextSafe, withFingerprint } from './fingerprint-provider.mjs';

package/dist/clerk/fingerprint/server.js

@@ -8,6 +8,7 @@ var fingerprintServer = require('./fingerprint-server.js');
 exports.FINGERPRINT_CONSTANTS = fingerprintShared.FINGERPRINT_CONSTANTS;
 exports.FINGERPRINT_COOKIE_NAME = fingerprintShared.FINGERPRINT_COOKIE_NAME;
 exports.FINGERPRINT_HEADER_NAME = fingerprintShared.FINGERPRINT_HEADER_NAME;
+exports.FINGERPRINT_SOURCE_REFER = fingerprintShared.FINGERPRINT_SOURCE_REFER;
 exports.FINGERPRINT_STORAGE_KEY = fingerprintShared.FINGERPRINT_STORAGE_KEY;
 exports.isValidFingerprintId = fingerprintShared.isValidFingerprintId;
 exports.extractFingerprintFromNextRequest = fingerprintServer.extractFingerprintFromNextRequest;

package/dist/clerk/fingerprint/server.mjs

@@ -1,2 +1,2 @@
-export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
+export { FINGERPRINT_CONSTANTS, FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared.mjs';
 export { extractFingerprintFromNextRequest, extractFingerprintFromNextStores, extractFingerprintId, generateServerFingerprintId } from './fingerprint-server.mjs';

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

@@ -4,6 +4,7 @@
 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 React = require('react');
 var fingerprintClient = require('./fingerprint-client.js');
+var fingerprintShared = require('./fingerprint-shared.js');
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -64,7 +65,7 @@ function useFingerprint(config) {
             const fingerprintHeaders = yield fingerprintClient.createFingerprintHeaders();
             const response = yield fetch(config.apiEndpoint, {
                 method: 'POST',
-                headers: Object.assign({ 'Content-Type': 'application/json' }, fingerprintHeaders),
+                headers: Object.assign({ 'Content-Type': 'application/json', [fingerprintShared.FINGERPRINT_SOURCE_REFER]: document.referrer || '' }, fingerprintHeaders),
                 body: JSON.stringify({ fingerprintId }),
             });
             if (!response.ok) {

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

@@ -2,6 +2,7 @@
 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 { useState, useCallback, useEffect } from 'react';
 import { getOrGenerateFingerprintId, createFingerprintHeaders } from './fingerprint-client.mjs';
+import { FINGERPRINT_SOURCE_REFER } from './fingerprint-shared.mjs';
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -62,7 +63,7 @@ function useFingerprint(config) {
             const fingerprintHeaders = yield createFingerprintHeaders();
             const response = yield fetch(config.apiEndpoint, {
                 method: 'POST',
-                headers: Object.assign({ 'Content-Type': 'application/json' }, fingerprintHeaders),
+                headers: Object.assign({ 'Content-Type': 'application/json', [FINGERPRINT_SOURCE_REFER]: document.referrer || '' }, fingerprintHeaders),
                 body: JSON.stringify({ fingerprintId }),
             });
             if (!response.ok) {

package/dist/fuma/base/custom-header.d.ts

@@ -47,7 +47,7 @@ export interface CustomHomeHeaderProps extends HomeLayoutProps {
      */
     mobileMenuActionsOrder?: MobileMenuAction[];
 }
-export type DesktopAction = 'search' | 'theme' | 'i18n' | 'secondary';
+export type DesktopAction = 'search' | 'theme' | 'i18n' | 'secondary' | 'github';
 export type MobileBarAction = 'pinned' | 'search' | 'menu';
-export type MobileMenuAction = 'secondary' | 'separator' | 'i18n' | 'theme';
+export type MobileMenuAction = 'secondary' | 'github' | 'separator' | 'i18n' | 'theme';
 export declare function CustomHomeHeader({ nav, i18n, links, githubUrl, themeSwitch, searchToggle, bannerHeight, headerHeight, maxContentWidth, navbarClassName, floating, desktopActionsOrder, mobileBarActionsOrder, mobileMenuActionsOrder, }: CustomHomeHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/fuma/base/custom-header.js

@@ -45,6 +45,13 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
     const primaryMenuItems = filteredMenuItems.filter((item) => !isSecondary(item));
     const secondaryMenuItems = filteredMenuItems.filter(isSecondary);
     const desktopSecondaryItems = navItems.filter(isSecondary);
+    const desktopActionsIncludeGithub = desktopActionsOrder.includes('github');
+    const githubDesktopItem = desktopActionsIncludeGithub
+        ? desktopSecondaryItems.find((item) => isGithubItem(item, githubUrl))
+        : undefined;
+    const desktopSecondaryDisplayItems = desktopActionsIncludeGithub && githubDesktopItem
+        ? desktopSecondaryItems.filter((item) => !isGithubItem(item, githubUrl))
+        : desktopSecondaryItems;
     const desktopActionNodes = {
         search: searchToggle$1.enabled !== false
             ? (_b = (_a = searchToggle$1.components) === null || _a === void 0 ? void 0 : _a.lg) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(searchToggle.LargeSearchToggle, { className: "w-full rounded-full ps-2.5 max-w-[240px]", hideIfDisabled: true }))
@@ -53,14 +60,23 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
             ? (_c = themeSwitch.component) !== null && _c !== void 0 ? _c : jsxRuntime.jsx(themeToggle.ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })
             : null,
         i18n: i18n ? (jsxRuntime.jsx(CompactLanguageToggle, { children: jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }) })) : null,
-        secondary: desktopSecondaryItems.length ? (jsxRuntime.jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryItems.map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: cn.cn(item.type === 'icon' && [
+        secondary: desktopSecondaryDisplayItems.length ? (jsxRuntime.jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryDisplayItems.map((item, i) => (jsxRuntime.jsx(NavbarLinkItem, { item: item, className: cn.cn(item.type === 'icon' && [
                     '-mx-1',
                     i === 0 && 'ms-0',
-                    i === desktopSecondaryItems.length - 1 && 'me-0',
+                    i === desktopSecondaryDisplayItems.length - 1 && 'me-0',
                 ]) }, i))) })) : null,
+        github: githubDesktopItem ? (jsxRuntime.jsx(NavbarLinkItem, { item: githubDesktopItem, className: cn.cn(githubDesktopItem.type === 'icon' && '-mx-1') })) : null,
     };
+    const mobileMenuActionsIncludeGithub = mobileMenuActionsOrder.includes('github');
+    const githubMobileMenuItem = mobileMenuActionsIncludeGithub
+        ? secondaryMenuItems.find((item) => isGithubItem(item, githubUrl))
+        : undefined;
+    const secondaryMenuDisplayItems = mobileMenuActionsIncludeGithub && githubMobileMenuItem
+        ? secondaryMenuItems.filter((item) => !isGithubItem(item, githubUrl))
+        : secondaryMenuItems;
     const mobileMenuActionNodes = {
-        secondary: secondaryMenuItems.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: secondaryMenuItems.map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))) })) : null,
+        secondary: secondaryMenuDisplayItems.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: secondaryMenuDisplayItems.map((item, i) => (jsxRuntime.jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))) })) : null,
+        github: githubMobileMenuItem ? (jsxRuntime.jsx(MenuLinkItem, { item: githubMobileMenuItem, className: "-me-1.5" })) : null,
         separator: jsxRuntime.jsx("div", { role: "separator", className: "flex-1" }),
         i18n: i18n ? (jsxRuntime.jsxs(CompactLanguageToggle, { children: [jsxRuntime.jsx(server.globalLucideIcons.Languages, { className: "size-5" }), jsxRuntime.jsx(languageToggle.LanguageToggleText, {}), jsxRuntime.jsx(server.globalLucideIcons.ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })) : null,
         theme: themeSwitch.enabled !== false
@@ -205,7 +221,7 @@ function CompactLanguageToggle(_a) {
         throw new Error('Missing `<I18nProvider />`');
     return (jsxRuntime.jsxs(popover.Popover, { children: [jsxRuntime.jsx(popover.PopoverTrigger, Object.assign({ "aria-label": context.text.chooseLanguage }, props, { className: cn.cn(button.buttonVariants({
                     color: 'ghost',
-                    className: 'gap-1.5 py-1.5 pl-2 pr-0.5',
+                    className: 'gap-1.5 py-1.5 px-1',
                 }), props.className), children: props.children })), jsxRuntime.jsxs(popover.PopoverContent, { className: cn.cn('flex min-w-[150px] z-1001 flex-col overflow-x-hidden rounded-xl border bg-fd-popover/60 p-0 text-fd-popover-foreground backdrop-blur-lg', contentClassName), children: [jsxRuntime.jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (jsxRuntime.jsx("button", { type: "button", className: cn.cn('p-2 text-start text-sm', item.locale === context.locale
                             ? 'bg-fd-primary/10 font-medium text-fd-primary'
                             : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
@@ -213,6 +229,9 @@ function CompactLanguageToggle(_a) {
                             (_a = context.onChange) === null || _a === void 0 ? void 0 : _a.call(context, item.locale);
                         }, children: item.name }, item.locale)))] })] }));
 }
+function isGithubItem(item, githubUrl) {
+    return Boolean(githubUrl && item.type === 'icon' && item.url === githubUrl);
+}
 function isSecondary(item) {
     if ('secondary' in item && item.secondary != null)
         return item.secondary;

package/dist/fuma/base/custom-header.mjs

@@ -43,6 +43,13 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
     const primaryMenuItems = filteredMenuItems.filter((item) => !isSecondary(item));
     const secondaryMenuItems = filteredMenuItems.filter(isSecondary);
     const desktopSecondaryItems = navItems.filter(isSecondary);
+    const desktopActionsIncludeGithub = desktopActionsOrder.includes('github');
+    const githubDesktopItem = desktopActionsIncludeGithub
+        ? desktopSecondaryItems.find((item) => isGithubItem(item, githubUrl))
+        : undefined;
+    const desktopSecondaryDisplayItems = desktopActionsIncludeGithub && githubDesktopItem
+        ? desktopSecondaryItems.filter((item) => !isGithubItem(item, githubUrl))
+        : desktopSecondaryItems;
     const desktopActionNodes = {
         search: searchToggle.enabled !== false
             ? (_b = (_a = searchToggle.components) === null || _a === void 0 ? void 0 : _a.lg) !== null && _b !== void 0 ? _b : (jsx(LargeSearchToggle, { className: "w-full rounded-full ps-2.5 max-w-[240px]", hideIfDisabled: true }))
@@ -51,14 +58,23 @@ function CustomHomeHeader({ nav = {}, i18n = false, links, githubUrl, themeSwitc
             ? (_c = themeSwitch.component) !== null && _c !== void 0 ? _c : jsx(ThemeToggle, { mode: themeSwitch === null || themeSwitch === void 0 ? void 0 : themeSwitch.mode })
             : null,
         i18n: i18n ? (jsx(CompactLanguageToggle, { children: jsx(globalLucideIcons.Languages, { className: "size-5" }) })) : null,
-        secondary: desktopSecondaryItems.length ? (jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryItems.map((item, i) => (jsx(NavbarLinkItem, { item: item, className: cn(item.type === 'icon' && [
+        secondary: desktopSecondaryDisplayItems.length ? (jsx("ul", { className: "flex flex-row gap-2 items-center empty:hidden", children: desktopSecondaryDisplayItems.map((item, i) => (jsx(NavbarLinkItem, { item: item, className: cn(item.type === 'icon' && [
                     '-mx-1',
                     i === 0 && 'ms-0',
-                    i === desktopSecondaryItems.length - 1 && 'me-0',
+                    i === desktopSecondaryDisplayItems.length - 1 && 'me-0',
                 ]) }, i))) })) : null,
+        github: githubDesktopItem ? (jsx(NavbarLinkItem, { item: githubDesktopItem, className: cn(githubDesktopItem.type === 'icon' && '-mx-1') })) : null,
     };
+    const mobileMenuActionsIncludeGithub = mobileMenuActionsOrder.includes('github');
+    const githubMobileMenuItem = mobileMenuActionsIncludeGithub
+        ? secondaryMenuItems.find((item) => isGithubItem(item, githubUrl))
+        : undefined;
+    const secondaryMenuDisplayItems = mobileMenuActionsIncludeGithub && githubMobileMenuItem
+        ? secondaryMenuItems.filter((item) => !isGithubItem(item, githubUrl))
+        : secondaryMenuItems;
     const mobileMenuActionNodes = {
-        secondary: secondaryMenuItems.length ? (jsx(Fragment, { children: secondaryMenuItems.map((item, i) => (jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))) })) : null,
+        secondary: secondaryMenuDisplayItems.length ? (jsx(Fragment, { children: secondaryMenuDisplayItems.map((item, i) => (jsx(MenuLinkItem, { item: item, className: "-me-1.5" }, i))) })) : null,
+        github: githubMobileMenuItem ? (jsx(MenuLinkItem, { item: githubMobileMenuItem, className: "-me-1.5" })) : null,
         separator: jsx("div", { role: "separator", className: "flex-1" }),
         i18n: i18n ? (jsxs(CompactLanguageToggle, { children: [jsx(globalLucideIcons.Languages, { className: "size-5" }), jsx(LanguageToggleText, {}), jsx(globalLucideIcons.ChevronDown, { className: "size-3 text-fd-muted-foreground" })] })) : null,
         theme: themeSwitch.enabled !== false
@@ -203,7 +219,7 @@ function CompactLanguageToggle(_a) {
         throw new Error('Missing `<I18nProvider />`');
     return (jsxs(Popover, { children: [jsx(PopoverTrigger, Object.assign({ "aria-label": context.text.chooseLanguage }, props, { className: cn(buttonVariants({
                     color: 'ghost',
-                    className: 'gap-1.5 py-1.5 pl-2 pr-0.5',
+                    className: 'gap-1.5 py-1.5 px-1',
                 }), props.className), children: props.children })), jsxs(PopoverContent, { className: cn('flex min-w-[150px] z-1001 flex-col overflow-x-hidden rounded-xl border bg-fd-popover/60 p-0 text-fd-popover-foreground backdrop-blur-lg', contentClassName), children: [jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }), context.locales.map((item) => (jsx("button", { type: "button", className: cn('p-2 text-start text-sm', item.locale === context.locale
                             ? 'bg-fd-primary/10 font-medium text-fd-primary'
                             : 'hover:bg-fd-accent hover:text-fd-accent-foreground'), onClick: () => {
@@ -211,6 +227,9 @@ function CompactLanguageToggle(_a) {
                             (_a = context.onChange) === null || _a === void 0 ? void 0 : _a.call(context, item.locale);
                         }, children: item.name }, item.locale)))] })] }));
 }
+function isGithubItem(item, githubUrl) {
+    return Boolean(githubUrl && item.type === 'icon' && item.url === githubUrl);
+}
 function isSecondary(item) {
     if ('secondary' in item && item.secondary != null)
         return item.secondary;

package/dist/main/credit/credit-nav-button.js

@@ -106,7 +106,7 @@ function CreditNavButton({ locale, totalBalance, totalLabel, children, }) {
         closePricingModal,
     }), [closeMenu, isMobile, openPricingModal, closePricingModal]);
     const isOnetimeModal = pricingModal.mode === 'onetime';
-    return (jsxRuntime.jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxRuntime.jsxs(ui.DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: utils.cn('group ml-1 mr-0 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsxRuntime.jsx(server.globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxRuntime.jsxs("span", { className: "relative flex items-center", children: [jsxRuntime.jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsxRuntime.jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsxRuntime.jsx(ui.DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsxRuntime.jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsxRuntime.jsx(ui.AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxRuntime.jsxs(ui.AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsxRuntime.jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsxRuntime.jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsxRuntime.jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsxRuntime.jsx("div", { className: "mx-auto w-full", children: jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
+    return (jsxRuntime.jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxRuntime.jsxs(ui.DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: utils.cn('group mx-2  sm:mx-1 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsxRuntime.jsx(server.globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxRuntime.jsxs("span", { className: "relative flex items-center", children: [jsxRuntime.jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsxRuntime.jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsxRuntime.jsx(ui.DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsxRuntime.jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsxRuntime.jsx(ui.AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxRuntime.jsxs(ui.AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsxRuntime.jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsxRuntime.jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsxRuntime.jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsxRuntime.jsx("div", { className: "mx-auto w-full", children: jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
 }
 const CreditNavPopoverContext = React.createContext(null);
 function useCreditNavPopover() {

package/dist/main/credit/credit-nav-button.mjs

@@ -104,7 +104,7 @@ function CreditNavButton({ locale, totalBalance, totalLabel, children, }) {
         closePricingModal,
     }), [closeMenu, isMobile, openPricingModal, closePricingModal]);
     const isOnetimeModal = pricingModal.mode === 'onetime';
-    return (jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxs(DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: cn('group ml-1 mr-0 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsx(globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxs("span", { className: "relative flex items-center", children: [jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsx(DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsx(AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxs(AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsx(globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsx("div", { className: "mx-auto w-full", children: jsx(MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
+    return (jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxs(DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: cn('group mx-2  sm:mx-1 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsx(globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxs("span", { className: "relative flex items-center", children: [jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsx(DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsx(AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxs(AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsx(globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsx("div", { className: "mx-auto w-full", children: jsx(MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
 }
 const CreditNavPopoverContext = createContext(null);
 function useCreditNavPopover() {

package/package.json

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

package/src/clerk/fingerprint/fingerprint-client.ts

@@ -5,7 +5,7 @@
  */
 
 import FingerprintJS from '@fingerprintjs/fingerprintjs';
-import { FINGERPRINT_STORAGE_KEY, FINGERPRINT_COOKIE_NAME, isValidFingerprintId } from './fingerprint-shared';
+import { FINGERPRINT_COOKIE_NAME, FINGERPRINT_HEADER_NAME, FINGERPRINT_SOURCE_REFER, FINGERPRINT_STORAGE_KEY, isValidFingerprintId } from './fingerprint-shared';
 
 /**
  * 检查浏览器存储（localStorage 和 cookie）中的指纹 ID
@@ -128,7 +128,7 @@ export async function getOrGenerateFingerprintId(): Promise<string> {
 export async function createFingerprintHeaders(): Promise<Record<string, string>> {
   const fingerprintId = await getOrGenerateFingerprintId();
   return {
-    FINGERPRINT_HEADER_NAME: fingerprintId,
+    [FINGERPRINT_HEADER_NAME]: fingerprintId,
   };
 }
 
@@ -147,6 +147,7 @@ export function createFingerprintFetch() {
     const fingerprintHeaders = await createFingerprintHeaders();
     const headers = {
       ...fingerprintHeaders,
+      [FINGERPRINT_SOURCE_REFER]: document.referrer || '',
       ...(init?.headers || {}),
     };
 

package/src/clerk/fingerprint/fingerprint-shared.ts

@@ -7,6 +7,7 @@
 export const FINGERPRINT_STORAGE_KEY = '__x_fingerprint_id';
 export const FINGERPRINT_HEADER_NAME = 'x-fingerprint-id-v8';
 export const FINGERPRINT_COOKIE_NAME = '__x_fingerprint_id';
+export const FINGERPRINT_SOURCE_REFER = 'x-source-ref';
 
 /**
  * 验证fingerprint ID格式

package/src/clerk/fingerprint/use-fingerprint.ts

@@ -12,6 +12,7 @@ import type {
   XSubscription,
   XUser
 } from './types';
+import { FINGERPRINT_SOURCE_REFER } from './fingerprint-shared'
 
 /**
  * Hook for managing fingerprint ID and anonymous user data
@@ -77,6 +78,7 @@ export function useFingerprint(config: FingerprintConfig): UseFingerprintResult
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
+          [FINGERPRINT_SOURCE_REFER]: document.referrer || '',
           ...fingerprintHeaders,
         },
         body: JSON.stringify({ fingerprintId }),

package/dist/main/gallery-interactive.d.ts

@@ -1,18 +0,0 @@
-interface GalleryItem {
-    id: string;
-    url: string;
-    altMsg: string;
-}
-interface GalleryData {
-    titleL: string;
-    eyesOn: string;
-    titleR: string;
-    description: string;
-    items: GalleryItem[];
-    defaultImgUrl: string;
-    downloadPrefix: string;
-}
-export declare function GalleryInteractive({ data }: {
-    data: GalleryData;
-}): null;
-export {};

package/dist/main/gallery-interactive.js

@@ -1,138 +0,0 @@
-"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 React = require('react');
-
-function GalleryInteractive({ data }) {
-    const [imageErrors, setImageErrors] = React.useState(new Set());
-    const [downloadingItems, setDownloadingItems] = React.useState(new Set());
-    // Get CDN proxy URL from environment
-    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
-    React.useEffect(() => {
-        // Progressive enhancement: Add download functionality and error handling
-        data.items.forEach((item, index) => {
-            const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-            const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-            if (downloadButton) {
-                const handleDownload = () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    // Prevent duplicate clicks
-                    if (downloadingItems.has(item.id)) {
-                        return;
-                    }
-                    // Set download status
-                    setDownloadingItems(prev => new Set(prev).add(item.id));
-                    try {
-                        if (!cdnProxyUrl) {
-                            throw new Error('CDN proxy URL not configured');
-                        }
-                        // Use R2 proxy to download directly
-                        const originalUrl = new URL(item.url);
-                        const filename = originalUrl.pathname.substring(1);
-                        // Build proxy download URL
-                        const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
-                        // Extract file extension from URL
-                        const urlExtension = (_a = item.url.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                        let extension = '.webp';
-                        if (urlExtension && ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg'].includes(urlExtension)) {
-                            extension = `.${urlExtension}`;
-                        }
-                        // Fetch file from proxy
-                        const response = yield fetch(proxyUrl);
-                        if (!response.ok) {
-                            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                        }
-                        // Convert to blob
-                        const blob = yield response.blob();
-                        const blobUrl = URL.createObjectURL(blob);
-                        // Create download link and trigger download
-                        const a = document.createElement('a');
-                        a.href = blobUrl;
-                        a.download = `${data.downloadPrefix}-${index + 1}${extension}`;
-                        a.style.display = 'none';
-                        document.body.appendChild(a);
-                        a.click();
-                        // Clean up DOM elements and blob URL
-                        setTimeout(() => {
-                            document.body.removeChild(a);
-                            URL.revokeObjectURL(blobUrl);
-                        }, 100);
-                    }
-                    catch (error) {
-                        console.error('Download failed:', error);
-                    }
-                    finally {
-                        // Clear download status
-                        setDownloadingItems(prev => {
-                            const newSet = new Set(prev);
-                            newSet.delete(item.id);
-                            return newSet;
-                        });
-                    }
-                });
-                downloadButton.addEventListener('click', handleDownload);
-            }
-            if (imageElement) {
-                const handleImageError = () => {
-                    setImageErrors(prev => new Set(prev).add(item.id));
-                    // Update image src to default
-                    imageElement.src = data.defaultImgUrl;
-                };
-                imageElement.addEventListener('error', handleImageError);
-            }
-        });
-        // Update download button states based on downloading status
-        const updateDownloadStates = () => {
-            data.items.forEach((item) => {
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                if (downloadButton) {
-                    const isDownloading = downloadingItems.has(item.id);
-                    if (isDownloading) {
-                        downloadButton.disabled = true;
-                        downloadButton.classList.add('bg-black/30', 'text-white/50');
-                        downloadButton.classList.remove('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Replace icon with spinner
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
-                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-              </svg>
-            `;
-                    }
-                    else {
-                        downloadButton.disabled = false;
-                        downloadButton.classList.remove('bg-black/30', 'text-white/50');
-                        downloadButton.classList.add('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Reset to download icon
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-              </svg>
-            `;
-                    }
-                }
-            });
-        };
-        updateDownloadStates();
-        // Cleanup event listeners
-        return () => {
-            data.items.forEach((item) => {
-                var _a, _b;
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-                if (downloadButton) {
-                    const newButton = downloadButton.cloneNode(true);
-                    (_a = downloadButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, downloadButton);
-                }
-                if (imageElement) {
-                    const newImage = imageElement.cloneNode(true);
-                    (_b = imageElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(newImage, imageElement);
-                }
-            });
-        };
-    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
-    return null; // Progressive enhancement - no additional DOM rendering
-}
-
-exports.GalleryInteractive = GalleryInteractive;

package/dist/main/gallery-interactive.mjs

@@ -1,136 +0,0 @@
-"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 { useState, useEffect } from 'react';
-
-function GalleryInteractive({ data }) {
-    const [imageErrors, setImageErrors] = useState(new Set());
-    const [downloadingItems, setDownloadingItems] = useState(new Set());
-    // Get CDN proxy URL from environment
-    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
-    useEffect(() => {
-        // Progressive enhancement: Add download functionality and error handling
-        data.items.forEach((item, index) => {
-            const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-            const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-            if (downloadButton) {
-                const handleDownload = () => __awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    // Prevent duplicate clicks
-                    if (downloadingItems.has(item.id)) {
-                        return;
-                    }
-                    // Set download status
-                    setDownloadingItems(prev => new Set(prev).add(item.id));
-                    try {
-                        if (!cdnProxyUrl) {
-                            throw new Error('CDN proxy URL not configured');
-                        }
-                        // Use R2 proxy to download directly
-                        const originalUrl = new URL(item.url);
-                        const filename = originalUrl.pathname.substring(1);
-                        // Build proxy download URL
-                        const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
-                        // Extract file extension from URL
-                        const urlExtension = (_a = item.url.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                        let extension = '.webp';
-                        if (urlExtension && ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg'].includes(urlExtension)) {
-                            extension = `.${urlExtension}`;
-                        }
-                        // Fetch file from proxy
-                        const response = yield fetch(proxyUrl);
-                        if (!response.ok) {
-                            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                        }
-                        // Convert to blob
-                        const blob = yield response.blob();
-                        const blobUrl = URL.createObjectURL(blob);
-                        // Create download link and trigger download
-                        const a = document.createElement('a');
-                        a.href = blobUrl;
-                        a.download = `${data.downloadPrefix}-${index + 1}${extension}`;
-                        a.style.display = 'none';
-                        document.body.appendChild(a);
-                        a.click();
-                        // Clean up DOM elements and blob URL
-                        setTimeout(() => {
-                            document.body.removeChild(a);
-                            URL.revokeObjectURL(blobUrl);
-                        }, 100);
-                    }
-                    catch (error) {
-                        console.error('Download failed:', error);
-                    }
-                    finally {
-                        // Clear download status
-                        setDownloadingItems(prev => {
-                            const newSet = new Set(prev);
-                            newSet.delete(item.id);
-                            return newSet;
-                        });
-                    }
-                });
-                downloadButton.addEventListener('click', handleDownload);
-            }
-            if (imageElement) {
-                const handleImageError = () => {
-                    setImageErrors(prev => new Set(prev).add(item.id));
-                    // Update image src to default
-                    imageElement.src = data.defaultImgUrl;
-                };
-                imageElement.addEventListener('error', handleImageError);
-            }
-        });
-        // Update download button states based on downloading status
-        const updateDownloadStates = () => {
-            data.items.forEach((item) => {
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                if (downloadButton) {
-                    const isDownloading = downloadingItems.has(item.id);
-                    if (isDownloading) {
-                        downloadButton.disabled = true;
-                        downloadButton.classList.add('bg-black/30', 'text-white/50');
-                        downloadButton.classList.remove('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Replace icon with spinner
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
-                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-              </svg>
-            `;
-                    }
-                    else {
-                        downloadButton.disabled = false;
-                        downloadButton.classList.remove('bg-black/30', 'text-white/50');
-                        downloadButton.classList.add('bg-black/50', 'hover:bg-black/70', 'text-white/80', 'hover:text-white');
-                        // Reset to download icon
-                        downloadButton.innerHTML = `
-              <svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-              </svg>
-            `;
-                    }
-                }
-            });
-        };
-        updateDownloadStates();
-        // Cleanup event listeners
-        return () => {
-            data.items.forEach((item) => {
-                var _a, _b;
-                const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
-                const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
-                if (downloadButton) {
-                    const newButton = downloadButton.cloneNode(true);
-                    (_a = downloadButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, downloadButton);
-                }
-                if (imageElement) {
-                    const newImage = imageElement.cloneNode(true);
-                    (_b = imageElement.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(newImage, imageElement);
-                }
-            });
-        };
-    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
-    return null; // Progressive enhancement - no additional DOM rendering
-}
-
-export { GalleryInteractive };

package/dist/main/gallery.d.ts

@@ -1,7 +0,0 @@
-interface GalleryProps {
-    locale: string;
-    sectionClassName?: string;
-    button?: React.ReactNode;
-}
-export declare function Gallery({ locale, sectionClassName, button }: GalleryProps): Promise<import("react/jsx-runtime").JSX.Element>;
-export {};

package/dist/main/gallery.js

@@ -1,43 +0,0 @@
-'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 server = require('next-intl/server');
-var utils = require('@windrun-huaiin/lib/utils');
-var Image = require('next/image');
-require('react');
-require('@windrun-huaiin/base-ui/components/server');
-require('./nprogress-bar.js');
-require('@windrun-huaiin/base-ui/ui');
-require('./rich-text-expert.js');
-require('next/navigation');
-var galleryInteractive = require('./gallery-interactive.js');
-require('@clerk/nextjs');
-require('./money-price/money-price-types.js');
-require('next/link');
-var swiperReact = require('../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.js');
-var pagination = require('../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/modules/pagination.js');
-var sectionLayout = require('./section-layout.js');
-
-function Gallery(_a) {
-    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName, button }) {
-        const t = yield server.getTranslations({ locale, namespace: 'gallery' });
-        const galleryItems = t.raw('prompts');
-        const data = {
-            titleL: t('titleL'),
-            eyesOn: t('eyesOn'),
-            titleR: t('titleR'),
-            description: t('description'),
-            items: galleryItems.map((item, index) => ({
-                id: `gallery-item-${index}`,
-                url: item.url,
-                altMsg: item.altMsg
-            })),
-            defaultImgUrl: t.raw('defaultImgUrl'),
-            downloadPrefix: t('downloadPrefix')
-        };
-        return (jsxRuntime.jsxs("section", { id: "gallery", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [data.titleL, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn }), " ", data.titleR] }), jsxRuntime.jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }), jsxRuntime.jsx("div", { className: "block sm:hidden", children: jsxRuntime.jsx(swiperReact.Swiper, { modules: [pagination], pagination: { clickable: true }, spaceBetween: 20, slidesPerView: 1, loop: true, className: "rounded-xl overflow-hidden", children: data.items.map((item, index) => (jsxRuntime.jsx(swiperReact.SwiperSlide, { children: jsxRuntime.jsxs("div", { className: "relative aspect-square bg-gray-100", children: [jsxRuntime.jsx(Image, { src: item.url, alt: item.altMsg, fill: true, className: "object-cover", "data-gallery-image": item.id }), jsxRuntime.jsx("button", { className: "absolute bottom-4 right-4 p-3 rounded-full bg-black/60 hover:bg-black/80 text-white transition-all z-10", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsxRuntime.jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) })] }) }, item.id))) }) }), jsxRuntime.jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => (jsxRuntime.jsxs("div", { className: "group relative overflow-hidden rounded-xl", "data-gallery-item": item.id, "data-gallery-index": index, children: [jsxRuntime.jsx(Image, { src: item.url, alt: item.altMsg, width: 600, height: 600, className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105", "data-gallery-image": item.id }), jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: jsxRuntime.jsx("button", { className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsxRuntime.jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }) })] }, item.id))) }), button && (jsxRuntime.jsx("div", { className: "text-center mt-12", children: button })), jsxRuntime.jsx(galleryInteractive.GalleryInteractive, { data: data })] }));
-    });
-}
-
-exports.Gallery = Gallery;

package/dist/main/gallery.mjs

@@ -1,41 +0,0 @@
-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 { getTranslations } from 'next-intl/server';
-import { cn } from '@windrun-huaiin/lib/utils';
-import Image from 'next/image';
-import 'react';
-import '@windrun-huaiin/base-ui/components/server';
-import './nprogress-bar.mjs';
-import '@windrun-huaiin/base-ui/ui';
-import './rich-text-expert.mjs';
-import 'next/navigation';
-import { GalleryInteractive } from './gallery-interactive.mjs';
-import '@clerk/nextjs';
-import './money-price/money-price-types.mjs';
-import 'next/link';
-import { Swiper, SwiperSlide } from '../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/swiper-react.mjs';
-import Pagination from '../node_modules/.pnpm/swiper@12.0.3/node_modules/swiper/modules/pagination.mjs';
-import { responsiveSection } from './section-layout.mjs';
-
-function Gallery(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName, button }) {
-        const t = yield getTranslations({ locale, namespace: 'gallery' });
-        const galleryItems = t.raw('prompts');
-        const data = {
-            titleL: t('titleL'),
-            eyesOn: t('eyesOn'),
-            titleR: t('titleR'),
-            description: t('description'),
-            items: galleryItems.map((item, index) => ({
-                id: `gallery-item-${index}`,
-                url: item.url,
-                altMsg: item.altMsg
-            })),
-            defaultImgUrl: t.raw('defaultImgUrl'),
-            downloadPrefix: t('downloadPrefix')
-        };
-        return (jsxs("section", { id: "gallery", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [data.titleL, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn }), " ", data.titleR] }), jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }), jsx("div", { className: "block sm:hidden", children: jsx(Swiper, { modules: [Pagination], pagination: { clickable: true }, spaceBetween: 20, slidesPerView: 1, loop: true, className: "rounded-xl overflow-hidden", children: data.items.map((item, index) => (jsx(SwiperSlide, { children: jsxs("div", { className: "relative aspect-square bg-gray-100", children: [jsx(Image, { src: item.url, alt: item.altMsg, fill: true, className: "object-cover", "data-gallery-image": item.id }), jsx("button", { className: "absolute bottom-4 right-4 p-3 rounded-full bg-black/60 hover:bg-black/80 text-white transition-all z-10", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsx("svg", { className: "h-6 w-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) })] }) }, item.id))) }) }), jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => (jsxs("div", { className: "group relative overflow-hidden rounded-xl", "data-gallery-item": item.id, "data-gallery-index": index, children: [jsx(Image, { src: item.url, alt: item.altMsg, width: 600, height: 600, className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105", "data-gallery-image": item.id }), jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: jsx("button", { className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300", "data-gallery-download": item.id, "aria-label": `Download ${item.altMsg}`, children: jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }) })] }, item.id))) }), button && (jsx("div", { className: "text-center mt-12", children: button })), jsx(GalleryInteractive, { data: data })] }));
-    });
-}
-
-export { Gallery };