@windrun-huaiin/third-ui 7.6.0 → 10.0.0

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

@@ -0,0 +1,44 @@
+'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 sectionLayout = require('../section-layout.js');
+require('react');
+require('@windrun-huaiin/base-ui/components/server');
+require('../nprogress-bar.js');
+require('next/image');
+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');
+require('../credit/credit-nav-button.js');
+var galleryDesktopGrid = require('./gallery-desktop-grid.js');
+var galleryMobileSwiper = require('./gallery-mobile-swiper.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(galleryMobileSwiper.GalleryMobileSwiper, { items: data.items }), jsxRuntime.jsx(galleryDesktopGrid.GalleryDesktopGrid, { items: data.items }), button && jsxRuntime.jsx("div", { className: "text-center mx-auto mt-12 max-w-[85vw]", children: button }), jsxRuntime.jsx(galleryInteractive.GalleryInteractive, { data: data })] }));
+    });
+}
+
+exports.Gallery = Gallery;

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

@@ -0,0 +1,42 @@
+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 { responsiveSection } from '../section-layout.mjs';
+import 'react';
+import '@windrun-huaiin/base-ui/components/server';
+import '../nprogress-bar.mjs';
+import 'next/image';
+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 '../credit/credit-nav-button.mjs';
+import { GalleryDesktopGrid } from './gallery-desktop-grid.mjs';
+import { GalleryMobileSwiper } from './gallery-mobile-swiper.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(GalleryMobileSwiper, { items: data.items }), jsx(GalleryDesktopGrid, { items: data.items }), button && jsx("div", { className: "text-center mx-auto mt-12 max-w-[85vw]", children: button }), jsx(GalleryInteractive, { data: data })] }));
+    });
+}
+
+export { Gallery };

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

@@ -0,0 +1,19 @@
+export interface GalleryProps {
+    locale: string;
+    sectionClassName?: string;
+    button?: React.ReactNode;
+}
+export interface GalleryItem {
+    id: string;
+    url: string;
+    altMsg: string;
+}
+export interface GalleryData {
+    titleL: string;
+    eyesOn: string;
+    titleR: string;
+    description: string;
+    items: GalleryItem[];
+    defaultImgUrl: string;
+    downloadPrefix: string;
+}

package/dist/main/gallery-interactive.js

@@ -1,7 +1,7 @@
 "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.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 React = require('react');
 
 function GalleryInteractive({ data }) {

package/dist/main/gallery-interactive.mjs

@@ -1,5 +1,5 @@
 "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.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 { useState, useEffect } from 'react';
 
 function GalleryInteractive({ data }) {

package/dist/main/gallery.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,14 +13,15 @@ require('./rich-text-expert.js');
 require('next/navigation');
 var galleryInteractive = require('./gallery-interactive.js');
 require('@clerk/nextjs');
-require('../clerk/fingerprint/fingerprint-provider.js');
-require('react-dom');
 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' });
-        // Process translation data
         const galleryItems = t.raw('prompts');
         const data = {
             titleL: t('titleL'),
@@ -35,7 +36,7 @@ function Gallery(_a) {
             defaultImgUrl: t.raw('defaultImgUrl'),
             downloadPrefix: t('downloadPrefix')
         };
-        return (jsxRuntime.jsxs("section", { id: "gallery", className: utils.cn("container mx-auto px-4 py-20 scroll-mt-20", 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: "grid grid-cols-1 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 })] }));
+        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 })] }));
     });
 }
 

package/dist/main/gallery.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,14 +11,15 @@ import './rich-text-expert.mjs';
 import 'next/navigation';
 import { GalleryInteractive } from './gallery-interactive.mjs';
 import '@clerk/nextjs';
-import '../clerk/fingerprint/fingerprint-provider.mjs';
-import 'react-dom';
 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' });
-        // Process translation data
         const galleryItems = t.raw('prompts');
         const data = {
             titleL: t('titleL'),
@@ -33,7 +34,7 @@ function Gallery(_a) {
             defaultImgUrl: t.raw('defaultImgUrl'),
             downloadPrefix: t('downloadPrefix')
         };
-        return (jsxs("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", 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: "grid grid-cols-1 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 })] }));
+        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 })] }));
     });
 }
 

package/dist/main/go-to-top.js

@@ -27,7 +27,7 @@ function GoToTop() {
             behavior: 'smooth'
         });
     };
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isVisible && (jsxRuntime.jsx("button", { onClick: scrollToTop, className: "fixed bottom-6 right-6 p-3 bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50", "aria-label": "Go to top", children: jsxRuntime.jsx(server.globalLucideIcons.ArrowUp, { size: 20, className: "text-white" }) })) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isVisible && (jsxRuntime.jsx("button", { onClick: scrollToTop, className: "fixed bottom-6 right-6 p-3 bg-linear-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50", "aria-label": "Go to top", children: jsxRuntime.jsx(server.globalLucideIcons.ArrowUp, { size: 20, className: "text-white" }) })) }));
 }
 
 exports.GoToTop = GoToTop;

package/dist/main/go-to-top.mjs

@@ -25,7 +25,7 @@ function GoToTop() {
             behavior: 'smooth'
         });
     };
-    return (jsx(Fragment, { children: isVisible && (jsx("button", { onClick: scrollToTop, className: "fixed bottom-6 right-6 p-3 bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50", "aria-label": "Go to top", children: jsx(globalLucideIcons.ArrowUp, { size: 20, className: "text-white" }) })) }));
+    return (jsx(Fragment, { children: isVisible && (jsx("button", { onClick: scrollToTop, className: "fixed bottom-6 right-6 p-3 bg-linear-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 z-50", "aria-label": "Go to top", children: jsx(globalLucideIcons.ArrowUp, { size: 20, className: "text-white" }) })) }));
 }
 
 export { GoToTop };

package/dist/main/index.d.ts

@@ -7,6 +7,8 @@ export * from './ai-prompt-textarea';
 export * from './rich-text-expert';
 export * from './faq-interactive';
 export * from './price-plan-interactive';
-export * from './gallery-interactive';
+export * from './gallery/gallery-interactive';
 export { MoneyPriceInteractive } from './money-price/money-price-interactive';
 export { MoneyPriceButton } from './money-price/money-price-button';
+export { CreditOverviewClient } from './credit/credit-overview-client';
+export { CreditNavButton } from './credit/credit-nav-button';

package/dist/main/index.js

@@ -10,9 +10,11 @@ var aiPromptTextarea = require('./ai-prompt-textarea.js');
 var richTextExpert = require('./rich-text-expert.js');
 var faqInteractive = require('./faq-interactive.js');
 var pricePlanInteractive = require('./price-plan-interactive.js');
-var galleryInteractive = require('./gallery-interactive.js');
+var galleryInteractive = require('./gallery/gallery-interactive.js');
 var moneyPriceInteractive = require('./money-price/money-price-interactive.js');
 var moneyPriceButton = require('./money-price/money-price-button.js');
+var creditOverviewClient = require('./credit/credit-overview-client.js');
+var creditNavButton = require('./credit/credit-nav-button.js');
 
 
 
@@ -29,3 +31,5 @@ exports.PricePlanInteractive = pricePlanInteractive.PricePlanInteractive;
 exports.GalleryInteractive = galleryInteractive.GalleryInteractive;
 exports.MoneyPriceInteractive = moneyPriceInteractive.MoneyPriceInteractive;
 exports.MoneyPriceButton = moneyPriceButton.MoneyPriceButton;
+exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
+exports.CreditNavButton = creditNavButton.CreditNavButton;

package/dist/main/index.mjs

@@ -8,6 +8,8 @@ export { AIPromptTextarea } from './ai-prompt-textarea.mjs';
 export { createRichTextRenderer, richText } from './rich-text-expert.mjs';
 export { FAQInteractive } from './faq-interactive.mjs';
 export { PricePlanInteractive } from './price-plan-interactive.mjs';
-export { GalleryInteractive } from './gallery-interactive.mjs';
+export { GalleryInteractive } from './gallery/gallery-interactive.mjs';
 export { MoneyPriceInteractive } from './money-price/money-price-interactive.mjs';
 export { MoneyPriceButton } from './money-price/money-price-button.mjs';
+export { CreditOverviewClient } from './credit/credit-overview-client.mjs';
+export { CreditNavButton } from './credit/credit-nav-button.mjs';

package/dist/main/money-price/customer-portal.d.ts

@@ -0,0 +1,7 @@
+interface RedirectToCustomerPortalOptions {
+    customerPortalApiEndpoint?: string;
+    redirectToSignIn: () => void;
+    returnUrl?: string;
+}
+export declare function redirectToCustomerPortal({ customerPortalApiEndpoint, redirectToSignIn, returnUrl, }: RedirectToCustomerPortalOptions): Promise<boolean>;
+export {};

package/dist/main/money-price/customer-portal.js

@@ -0,0 +1,54 @@
+"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');
+
+function redirectToCustomerPortal(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ customerPortalApiEndpoint, redirectToSignIn, returnUrl = window.location.href, }) {
+        var _b;
+        if (!customerPortalApiEndpoint) {
+            console.error('Customer portal endpoint is not configured.');
+            alert('Customer portal is temporarily unavailable.');
+            return false;
+        }
+        try {
+            const response = yield fetch(customerPortalApiEndpoint, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    returnUrl,
+                }),
+            });
+            const contentType = response.headers.get('content-type');
+            if (!contentType || !contentType.includes('application/json')) {
+                console.error('Received non-JSON response from customer portal API');
+                return false;
+            }
+            const result = yield response.json();
+            if (!response.ok) {
+                const errorMessage = result.error || `Request failed with status ${response.status}`;
+                console.error('Customer portal request failed:', errorMessage);
+                if (response.status === 401 || response.status === 403) {
+                    redirectToSignIn();
+                    return true;
+                }
+                alert(`Operation failed: ${errorMessage}`);
+                return false;
+            }
+            if (result.success && ((_b = result.data) === null || _b === void 0 ? void 0 : _b.sessionUrl)) {
+                window.location.href = result.data.sessionUrl;
+                return true;
+            }
+            console.error('Customer portal session response invalid', result);
+            return false;
+        }
+        catch (error) {
+            console.error('Error creating customer portal session:', error);
+            return false;
+        }
+    });
+}
+
+exports.redirectToCustomerPortal = redirectToCustomerPortal;

package/dist/main/money-price/customer-portal.mjs

@@ -0,0 +1,52 @@
+"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';
+
+function redirectToCustomerPortal(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ customerPortalApiEndpoint, redirectToSignIn, returnUrl = window.location.href, }) {
+        var _b;
+        if (!customerPortalApiEndpoint) {
+            console.error('Customer portal endpoint is not configured.');
+            alert('Customer portal is temporarily unavailable.');
+            return false;
+        }
+        try {
+            const response = yield fetch(customerPortalApiEndpoint, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    returnUrl,
+                }),
+            });
+            const contentType = response.headers.get('content-type');
+            if (!contentType || !contentType.includes('application/json')) {
+                console.error('Received non-JSON response from customer portal API');
+                return false;
+            }
+            const result = yield response.json();
+            if (!response.ok) {
+                const errorMessage = result.error || `Request failed with status ${response.status}`;
+                console.error('Customer portal request failed:', errorMessage);
+                if (response.status === 401 || response.status === 403) {
+                    redirectToSignIn();
+                    return true;
+                }
+                alert(`Operation failed: ${errorMessage}`);
+                return false;
+            }
+            if (result.success && ((_b = result.data) === null || _b === void 0 ? void 0 : _b.sessionUrl)) {
+                window.location.href = result.data.sessionUrl;
+                return true;
+            }
+            console.error('Customer portal session response invalid', result);
+            return false;
+        }
+        catch (error) {
+            console.error('Error creating customer portal session:', error);
+            return false;
+        }
+    });
+}
+
+export { redirectToCustomerPortal };

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

@@ -1,2 +1,2 @@
 import { type MoneyPriceButtonProps } from './money-price-types';
-export declare function MoneyPriceButton({ planKey, userContext, billingType, onLogin, onUpgrade, texts, isProcessing }: MoneyPriceButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction, texts, isProcessing, isInitLoading, enableSubscriptionUpgrade }: MoneyPriceButtonProps): import("react/jsx-runtime").JSX.Element | null;