@windrun-huaiin/third-ui 7.6.0 → 10.0.0

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

@@ -0,0 +1,68 @@
+import type { InitUserContext, MoneyPriceConfig, MoneyPriceData } from '../money-price/money-price-types';
+export type PricingModalMode = 'subscription' | 'onetime';
+export type CreditActionConfig = CreditModalAction | CreditRedirectAction | CreditAuthAction | CreditCustomAction;
+export interface CreditModalAction {
+    kind: 'modal';
+    mode: PricingModalMode;
+}
+export interface CreditRedirectAction {
+    kind: 'redirect';
+    url: string;
+}
+export interface CreditAuthAction {
+    kind: 'auth';
+    endpoint?: string;
+    returnUrl?: string;
+}
+export interface CreditCustomAction {
+    kind: 'custom';
+    handlerKey: string;
+}
+export interface DeviceAwareCreditActionConfig {
+    desktop?: CreditActionConfig;
+    mobile?: CreditActionConfig;
+}
+export interface CreditCTAConfig {
+    subscribe?: DeviceAwareCreditActionConfig;
+    manage?: DeviceAwareCreditActionConfig;
+    onetime?: DeviceAwareCreditActionConfig;
+}
+export type CreditBucketStatus = 'active' | 'expiringSoon' | 'expired';
+export interface CreditBucket {
+    /** 业务方自定义的积分类型标识，用于映射翻译或埋点 */
+    kind: string;
+    /** 若提供则使用该名称，否则由组件根据 kind 使用默认翻译 */
+    label?: string;
+    /** 当前积分余额 */
+    balance: number;
+    /** 该类型积分的额度上限 */
+    limit: number;
+    /** 可选状态标签，用于强调过期等状态 */
+    status?: CreditBucketStatus;
+    /** 积分过期时间（本地时区字符串），用于组件内部推导状态 */
+    expiresAt?: string;
+    /** 进度百分比（0-100）；未提供时组件按 balance/limit 计算 */
+    progressPercent?: number;
+    /** 任何额外说明，如剩余天数、使用限制等 */
+    description?: string;
+}
+export interface SubscriptionInfo {
+    planName: string;
+    periodStart?: string;
+    periodEnd?: string;
+}
+export interface CreditOverviewData {
+    totalBalance: number;
+    buckets: CreditBucket[];
+    subscription?: SubscriptionInfo;
+    pricingContext?: CreditPricingContext;
+    ctaBehaviors?: CreditCTAConfig;
+}
+export interface CreditPricingContext {
+    moneyPriceData: MoneyPriceData;
+    moneyPriceConfig: MoneyPriceConfig;
+    checkoutApiEndpoint?: string;
+    customerPortalApiEndpoint?: string;
+    enableSubscriptionUpgrade?: boolean;
+    initUserContext?: InitUserContext;
+}

package/dist/main/cta.js

@@ -1,11 +1,12 @@
 '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 gradientButton = require('../fuma/mdx/gradient-button.js');
 var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
+var sectionLayout = require('./section-layout.js');
 
 function CTA(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -18,7 +19,7 @@ function CTA(_a) {
             button: t('button'),
             url: t('url')
         };
-        return (jsxRuntime.jsx("section", { id: "cta", className: utils.cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: jsxRuntime.jsxs("div", { className: "\n        bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl p-12 text-center\n        bg-[length:200%_auto] animate-cta-gradient-wave\n        ", children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-400", children: data.eyesOn }), "?"] }), jsxRuntime.jsxs("p", { className: "text-2xl mx-auto mb-8", children: [data.description1, jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-purple-400", children: data.description2 })] }), jsxRuntime.jsx(gradientButton.GradientButton, { title: data.button, href: data.url, align: "center" })] }) }));
+        return (jsxRuntime.jsx("section", { id: "cta", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: jsxRuntime.jsxs("div", { className: "\n        py-3 sm:py-6 md:8\n        bg-linear-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-linear-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl text-center\n        bg-size[200%_auto] animate-cta-gradient-wave\n        ", children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-400", children: data.eyesOn }), "?"] }), jsxRuntime.jsxs("p", { className: "text-base sm:text-xl mx-auto mb-8 max-w-3xl", children: [data.description1, jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-purple-400 text-xl sm:text-2xl", children: data.description2 })] }), jsxRuntime.jsx(gradientButton.GradientButton, { title: data.button, href: data.url, align: "center" })] }) }));
     });
 }
 

package/dist/main/cta.mjs

@@ -1,9 +1,10 @@
-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, jsxs } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { GradientButton } from '../fuma/mdx/gradient-button.mjs';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';
+import { responsiveSection } from './section-layout.mjs';
 
 function CTA(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -16,7 +17,7 @@ function CTA(_a) {
             button: t('button'),
             url: t('url')
         };
-        return (jsx("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: jsxs("div", { className: "\n        bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl p-12 text-center\n        bg-[length:200%_auto] animate-cta-gradient-wave\n        ", children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [data.title, " ", jsx("span", { className: "text-purple-400", children: data.eyesOn }), "?"] }), jsxs("p", { className: "text-2xl mx-auto mb-8", children: [data.description1, jsx("br", {}), jsx("span", { className: "text-purple-400", children: data.description2 })] }), jsx(GradientButton, { title: data.button, href: data.url, align: "center" })] }) }));
+        return (jsx("section", { id: "cta", className: cn(responsiveSection, sectionClassName), children: jsxs("div", { className: "\n        py-3 sm:py-6 md:8\n        bg-linear-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n        dark:bg-linear-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n        rounded-2xl text-center\n        bg-size[200%_auto] animate-cta-gradient-wave\n        ", children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [data.title, " ", jsx("span", { className: "text-purple-400", children: data.eyesOn }), "?"] }), jsxs("p", { className: "text-base sm:text-xl mx-auto mb-8 max-w-3xl", children: [data.description1, jsx("br", {}), jsx("span", { className: "text-purple-400 text-xl sm:text-2xl", children: data.description2 })] }), jsx(GradientButton, { title: data.button, href: data.url, align: "center" })] }) }));
     });
 }
 

package/dist/main/faq.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 utils = require('@windrun-huaiin/lib/utils');
@@ -13,9 +13,10 @@ require('@windrun-huaiin/base-ui/ui');
 var faqInteractive = require('./faq-interactive.js');
 require('next/navigation');
 require('@clerk/nextjs');
-require('../clerk/fingerprint/fingerprint-provider.js');
-require('react-dom');
 require('./money-price/money-price-types.js');
+require('next/link');
+require('./credit/credit-nav-button.js');
+var sectionLayout = require('./section-layout.js');
 
 function FAQ(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -31,7 +32,7 @@ function FAQ(_a) {
                 answer: richTextExpert.richText(t, `items.${index}.answer`)
             }))
         };
-        return (jsxRuntime.jsxs("section", { id: "faq", className: utils.cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [jsxRuntime.jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: data.description }), jsxRuntime.jsx("div", { className: "space-y-6", children: data.items.map((item) => (jsxRuntime.jsxs("div", { "data-faq-id": item.id, className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsxRuntime.jsxs("button", { className: "w-full flex items-center justify-between text-left focus:outline-none", "data-faq-toggle": item.id, "aria-expanded": "false", children: [jsxRuntime.jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }), jsxRuntime.jsx("svg", { className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200", "data-faq-icon": item.id, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), jsxRuntime.jsx("div", { className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden", "data-faq-content": item.id, children: item.answer })] }, item.id))) }), jsxRuntime.jsx(faqInteractive.FAQInteractive, { data: data })] }));
+        return (jsxRuntime.jsxs("section", { id: "faq", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsxRuntime.jsx("div", { className: "space-y-6", children: data.items.map((item) => (jsxRuntime.jsxs("div", { "data-faq-id": item.id, className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsxRuntime.jsxs("button", { className: "w-full flex items-center justify-between text-left focus:outline-none", "data-faq-toggle": item.id, "aria-expanded": "false", children: [jsxRuntime.jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }), jsxRuntime.jsx("svg", { className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200", "data-faq-icon": item.id, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), jsxRuntime.jsx("div", { className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden", "data-faq-content": item.id, children: item.answer })] }, item.id))) }), jsxRuntime.jsx(faqInteractive.FAQInteractive, { data: data })] }));
     });
 }
 

package/dist/main/faq.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 { jsxs, jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { cn } from '@windrun-huaiin/lib/utils';
@@ -11,9 +11,10 @@ import '@windrun-huaiin/base-ui/ui';
 import { FAQInteractive } from './faq-interactive.mjs';
 import 'next/navigation';
 import '@clerk/nextjs';
-import '../clerk/fingerprint/fingerprint-provider.mjs';
-import 'react-dom';
 import './money-price/money-price-types.mjs';
+import 'next/link';
+import './credit/credit-nav-button.mjs';
+import { responsiveSection } from './section-layout.mjs';
 
 function FAQ(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -29,7 +30,7 @@ function FAQ(_a) {
                 answer: richText(t, `items.${index}.answer`)
             }))
         };
-        return (jsxs("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: data.description }), jsx("div", { className: "space-y-6", children: data.items.map((item) => (jsxs("div", { "data-faq-id": item.id, className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsxs("button", { className: "w-full flex items-center justify-between text-left focus:outline-none", "data-faq-toggle": item.id, "aria-expanded": "false", children: [jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }), jsx("svg", { className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200", "data-faq-icon": item.id, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), jsx("div", { className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden", "data-faq-content": item.id, children: item.answer })] }, item.id))) }), jsx(FAQInteractive, { data: data })] }));
+        return (jsxs("section", { id: "faq", className: cn(responsiveSection, sectionClassName), children: [jsx("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsx("div", { className: "space-y-6", children: data.items.map((item) => (jsxs("div", { "data-faq-id": item.id, className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsxs("button", { className: "w-full flex items-center justify-between text-left focus:outline-none", "data-faq-toggle": item.id, "aria-expanded": "false", children: [jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }), jsx("svg", { className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200", "data-faq-icon": item.id, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), jsx("div", { className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden", "data-faq-content": item.id, children: item.answer })] }, item.id))) }), jsx(FAQInteractive, { data: data })] }));
     });
 }
 

package/dist/main/features.js

@@ -1,11 +1,12 @@
 '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 server$1 = require('@windrun-huaiin/base-ui/components/server');
 var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
+var sectionLayout = require('./section-layout.js');
 
 function Features(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -23,7 +24,7 @@ function Features(_a) {
                 iconKey: feature.iconKey
             }))
         };
-        return (jsxRuntime.jsxs("section", { id: "features", className: utils.cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
+        return (jsxRuntime.jsxs("section", { id: "features", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
                         const Icon = server$1.getGlobalIcon(feature.iconKey);
                         return (jsxRuntime.jsxs("div", { "data-feature-id": feature.id, className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsxRuntime.jsx("div", { className: "text-4xl mb-4 flex items-center justify-start", children: jsxRuntime.jsx(Icon, { className: "w-8 h-8" }) }), jsxRuntime.jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })] }, feature.id));
                     }) })] }));

package/dist/main/features.mjs

@@ -1,9 +1,10 @@
-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 { jsxs, jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';
+import { responsiveSection } from './section-layout.mjs';
 
 function Features(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -21,7 +22,7 @@ function Features(_a) {
                 iconKey: feature.iconKey
             }))
         };
-        return (jsxs("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
+        return (jsxs("section", { id: "features", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
                         const Icon = getGlobalIcon(feature.iconKey);
                         return (jsxs("div", { "data-feature-id": feature.id, className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsx("div", { className: "text-4xl mb-4 flex items-center justify-start", children: jsx(Icon, { className: "w-8 h-8" }) }), jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })] }, feature.id));
                     }) })] }));

package/dist/main/footer.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 server$1 = require('@windrun-huaiin/base-ui/components/server');
@@ -17,7 +17,7 @@ function Footer(_a) {
             company: tFooter('company'),
             copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
         };
-        return (jsxRuntime.jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t-1", children: jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [jsxRuntime.jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs("div", { className: "relative group", children: [jsxRuntime.jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxRuntime.jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsxRuntime.jsx(server$1.globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] })] }), jsxRuntime.jsx("div", { className: "text-xs text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) }) }));
+        return (jsxRuntime.jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [jsxRuntime.jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(server$1.globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs("div", { className: "relative group", children: [jsxRuntime.jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxRuntime.jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsxRuntime.jsx(server$1.globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] })] }), jsxRuntime.jsx("div", { className: "text-xs text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) }) }));
     });
 }
 

package/dist/main/footer.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, jsxs } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
@@ -15,7 +15,7 @@ function Footer(_a) {
             company: tFooter('company'),
             copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
         };
-        return (jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t-1", children: jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs("div", { className: "relative group", children: [jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsx(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] })] }), jsx("div", { className: "text-xs text-center", children: jsx("span", { children: data.copyright }) })] }) }) }));
+        return (jsx("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t", children: jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [jsxs(Link, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [jsx(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs("div", { className: "relative group", children: [jsx("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }), jsxs("a", { href: `mailto:${data.email}`, className: "flex items-center space-x-1 underline cursor-pointer px-2", children: [jsx(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] })] }), jsx("div", { className: "text-xs text-center", children: jsx("span", { children: data.copyright }) })] }) }) }));
     });
 }
 

package/dist/main/gallery/gallery-desktop-grid.d.ts

@@ -0,0 +1,6 @@
+import { GalleryItem } from "./gallery-types";
+interface Props {
+    items: GalleryItem[];
+}
+export declare function GalleryDesktopGrid({ items }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/gallery/gallery-desktop-grid.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Image = require('next/image');
+
+function GalleryDesktopGrid({ items }) {
+    return (jsxRuntime.jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: 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))) }));
+}
+
+exports.GalleryDesktopGrid = GalleryDesktopGrid;

package/dist/main/gallery/gallery-desktop-grid.mjs

@@ -0,0 +1,8 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Image from 'next/image';
+
+function GalleryDesktopGrid({ items }) {
+    return (jsx("div", { className: "hidden sm:grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: 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))) }));
+}
+
+export { GalleryDesktopGrid };

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

@@ -0,0 +1,4 @@
+import type { GalleryData } from './gallery-types';
+export declare function GalleryInteractive({ data }: {
+    data: GalleryData;
+}): null;

package/dist/main/gallery/gallery-interactive.js

@@ -0,0 +1,128 @@
+"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());
+    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
+    React.useEffect(() => {
+        const downloadListeners = new Map();
+        const imageErrorListeners = new Map();
+        data.items.forEach((item, index) => {
+            const downloadButtons = Array.from(document.querySelectorAll(`[data-gallery-download="${item.id}"]`));
+            const imageElements = Array.from(document.querySelectorAll(`[data-gallery-image="${item.id}"]`));
+            const handleDownload = () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+                var _a;
+                if (downloadingItems.has(item.id)) {
+                    return;
+                }
+                setDownloadingItems(prev => new Set(prev).add(item.id));
+                try {
+                    if (!cdnProxyUrl) {
+                        throw new Error('CDN proxy URL not configured');
+                    }
+                    const originalUrl = new URL(item.url);
+                    const filename = originalUrl.pathname.substring(1);
+                    const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
+                    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}`;
+                    }
+                    const response = yield fetch(proxyUrl);
+                    if (!response.ok) {
+                        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                    }
+                    const blob = yield response.blob();
+                    const blobUrl = URL.createObjectURL(blob);
+                    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();
+                    setTimeout(() => {
+                        document.body.removeChild(a);
+                        URL.revokeObjectURL(blobUrl);
+                    }, 100);
+                }
+                catch (error) {
+                    console.error('Download failed:', error);
+                }
+                finally {
+                    setDownloadingItems(prev => {
+                        const next = new Set(prev);
+                        next.delete(item.id);
+                        return next;
+                    });
+                }
+            });
+            downloadButtons.forEach((button) => {
+                button.addEventListener('click', handleDownload);
+                downloadListeners.set(button, handleDownload);
+            });
+            const handleImageError = () => {
+                setImageErrors(prev => new Set(prev).add(item.id));
+            };
+            imageElements.forEach((imageElement) => {
+                imageElement.addEventListener('error', handleImageError);
+                imageErrorListeners.set(imageElement, handleImageError);
+            });
+        });
+        const updateDownloadStates = () => {
+            data.items.forEach((item) => {
+                const downloadButtons = Array.from(document.querySelectorAll(`[data-gallery-download="${item.id}"]`));
+                downloadButtons.forEach((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');
+                        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');
+                        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>
+            `;
+                    }
+                });
+            });
+        };
+        const updateImageErrors = () => {
+            data.items.forEach((item) => {
+                if (imageErrors.has(item.id)) {
+                    const imageElements = Array.from(document.querySelectorAll(`[data-gallery-image="${item.id}"]`));
+                    imageElements.forEach((imageElement) => {
+                        imageElement.src = data.defaultImgUrl;
+                    });
+                }
+            });
+        };
+        updateDownloadStates();
+        updateImageErrors();
+        return () => {
+            downloadListeners.forEach((handler, downloadButton) => {
+                downloadButton.removeEventListener('click', handler);
+            });
+            imageErrorListeners.forEach((handler, imageElement) => {
+                imageElement.removeEventListener('error', handler);
+            });
+        };
+    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
+    return null;
+}
+
+exports.GalleryInteractive = GalleryInteractive;

package/dist/main/gallery/gallery-interactive.mjs

@@ -0,0 +1,126 @@
+"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());
+    const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
+    useEffect(() => {
+        const downloadListeners = new Map();
+        const imageErrorListeners = new Map();
+        data.items.forEach((item, index) => {
+            const downloadButtons = Array.from(document.querySelectorAll(`[data-gallery-download="${item.id}"]`));
+            const imageElements = Array.from(document.querySelectorAll(`[data-gallery-image="${item.id}"]`));
+            const handleDownload = () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                if (downloadingItems.has(item.id)) {
+                    return;
+                }
+                setDownloadingItems(prev => new Set(prev).add(item.id));
+                try {
+                    if (!cdnProxyUrl) {
+                        throw new Error('CDN proxy URL not configured');
+                    }
+                    const originalUrl = new URL(item.url);
+                    const filename = originalUrl.pathname.substring(1);
+                    const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
+                    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}`;
+                    }
+                    const response = yield fetch(proxyUrl);
+                    if (!response.ok) {
+                        throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                    }
+                    const blob = yield response.blob();
+                    const blobUrl = URL.createObjectURL(blob);
+                    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();
+                    setTimeout(() => {
+                        document.body.removeChild(a);
+                        URL.revokeObjectURL(blobUrl);
+                    }, 100);
+                }
+                catch (error) {
+                    console.error('Download failed:', error);
+                }
+                finally {
+                    setDownloadingItems(prev => {
+                        const next = new Set(prev);
+                        next.delete(item.id);
+                        return next;
+                    });
+                }
+            });
+            downloadButtons.forEach((button) => {
+                button.addEventListener('click', handleDownload);
+                downloadListeners.set(button, handleDownload);
+            });
+            const handleImageError = () => {
+                setImageErrors(prev => new Set(prev).add(item.id));
+            };
+            imageElements.forEach((imageElement) => {
+                imageElement.addEventListener('error', handleImageError);
+                imageErrorListeners.set(imageElement, handleImageError);
+            });
+        });
+        const updateDownloadStates = () => {
+            data.items.forEach((item) => {
+                const downloadButtons = Array.from(document.querySelectorAll(`[data-gallery-download="${item.id}"]`));
+                downloadButtons.forEach((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');
+                        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');
+                        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>
+            `;
+                    }
+                });
+            });
+        };
+        const updateImageErrors = () => {
+            data.items.forEach((item) => {
+                if (imageErrors.has(item.id)) {
+                    const imageElements = Array.from(document.querySelectorAll(`[data-gallery-image="${item.id}"]`));
+                    imageElements.forEach((imageElement) => {
+                        imageElement.src = data.defaultImgUrl;
+                    });
+                }
+            });
+        };
+        updateDownloadStates();
+        updateImageErrors();
+        return () => {
+            downloadListeners.forEach((handler, downloadButton) => {
+                downloadButton.removeEventListener('click', handler);
+            });
+            imageErrorListeners.forEach((handler, imageElement) => {
+                imageElement.removeEventListener('error', handler);
+            });
+        };
+    }, [data, downloadingItems, imageErrors, cdnProxyUrl]);
+    return null;
+}
+
+export { GalleryInteractive };

package/dist/main/gallery/gallery-mobile-swiper.d.ts

@@ -0,0 +1,6 @@
+import { GalleryItem } from "./gallery-types";
+interface Props {
+    items: GalleryItem[];
+}
+export declare function GalleryMobileSwiper({ items }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/gallery/gallery-mobile-swiper.js

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+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 Image = require('next/image');
+
+function GalleryMobileSwiper({ items }) {
+    return (jsxRuntime.jsx("div", { className: "block sm:hidden px-4", children: jsxRuntime.jsx("div", { className: "w-full overflow-hidden", style: { maxWidth: "min(calc(100vw - 48px), 350px)", margin: "0 auto" }, children: jsxRuntime.jsx(swiperReact.Swiper, { modules: [pagination], pagination: { clickable: true }, spaceBetween: 12, slidesPerView: 1, loop: true, grabCursor: true, className: "gallery-mobile-swiper rounded-2xl", children: items.map((item) => (jsxRuntime.jsx(swiperReact.SwiperSlide, { children: jsxRuntime.jsxs("div", { className: "relative w-full pb-[100%] bg-gray-100", children: [jsxRuntime.jsx(Image, { src: item.url, alt: item.altMsg, fill: true, sizes: "(max-width: 600px) min(100vw-48px, 350px)", 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-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))) }) }) }));
+}
+
+exports.GalleryMobileSwiper = GalleryMobileSwiper;

package/dist/main/gallery/gallery-mobile-swiper.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+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 Image from 'next/image';
+
+function GalleryMobileSwiper({ items }) {
+    return (jsx("div", { className: "block sm:hidden px-4", children: jsx("div", { className: "w-full overflow-hidden", style: { maxWidth: "min(calc(100vw - 48px), 350px)", margin: "0 auto" }, children: jsx(Swiper, { modules: [Pagination], pagination: { clickable: true }, spaceBetween: 12, slidesPerView: 1, loop: true, grabCursor: true, className: "gallery-mobile-swiper rounded-2xl", children: items.map((item) => (jsx(SwiperSlide, { children: jsxs("div", { className: "relative w-full pb-[100%] bg-gray-100", children: [jsx(Image, { src: item.url, alt: item.altMsg, fill: true, sizes: "(max-width: 600px) min(100vw-48px, 350px)", 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-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))) }) }) }));
+}
+
+export { GalleryMobileSwiper };

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

@@ -0,0 +1,2 @@
+import type { GalleryProps } from './gallery-types';
+export declare function Gallery({ locale, sectionClassName, button }: GalleryProps): Promise<import("react/jsx-runtime").JSX.Element>;