@windrun-huaiin/third-ui 7.0.0 → 7.1.0

package/dist/main/ai-prompt-textarea.js

@@ -0,0 +1,114 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function AIPromptTextarea({ value, onChange, placeholder = "Enter your prompt...", disabled = false, maxWords = 400, wordUnitTitle = "words", minHeight = 150, maxHeight = 300, className = "", showWordCount = true, autoScroll = true, extraScrollSpace = 100, isWordLimit, onWordLimitChange, title, description, embed = false }) {
+    const textareaRef = React.useRef(null);
+    // count words
+    const wordArray = value.trim().split(/\s+/).filter(Boolean);
+    const wordCount = wordArray.length;
+    // auto adjust textarea height
+    const adjustTextareaHeight = () => {
+        if (textareaRef.current) {
+            const textarea = textareaRef.current;
+            const oldHeight = textarea.style.height;
+            // reset height
+            textarea.style.height = 'auto';
+            // calculate content height
+            const contentHeight = textarea.scrollHeight;
+            // auto adjust height between min and max height
+            let newHeight = Math.max(contentHeight, minHeight);
+            newHeight = Math.min(newHeight, maxHeight);
+            textarea.style.height = `${newHeight}px`;
+            // if content height is greater than max height, show scrollbar
+            if (contentHeight > maxHeight) {
+                textarea.style.overflowY = 'auto';
+            }
+            else {
+                textarea.style.overflowY = 'hidden';
+            }
+            // if height increased and auto scroll is enabled, scroll to appropriate position
+            if (autoScroll && (newHeight > parseInt(oldHeight) || !oldHeight)) {
+                setTimeout(() => {
+                    const rect = textarea.getBoundingClientRect();
+                    window.scrollTo({
+                        top: window.pageYOffset + rect.bottom + extraScrollSpace - window.innerHeight,
+                        behavior: 'smooth'
+                    });
+                }, 0);
+            }
+        }
+    };
+    // when value changes, adjust height
+    React.useEffect(() => {
+        const timer = setTimeout(() => {
+            adjustTextareaHeight();
+        }, 0);
+        return () => clearTimeout(timer);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, minHeight, maxHeight, autoScroll, extraScrollSpace]);
+    // handle input, limit max words
+    const handleInputChange = (e) => {
+        const inputValue = e.target.value;
+        const words = inputValue.trim().split(/\s+/).filter(Boolean);
+        // if already reached max words, and this input will exceed limit, do not update
+        if (wordCount >= maxWords && words.length > maxWords) {
+            onWordLimitChange(true);
+            return;
+        }
+        if (words.length > maxWords) {
+            onChange(words.slice(0, maxWords).join(' '));
+            onWordLimitChange(true);
+        }
+        else {
+            onChange(inputValue);
+            onWordLimitChange(false);
+        }
+    };
+    // when paste, also check word count
+    const handlePaste = (e) => {
+        const paste = e.clipboardData.getData('text');
+        const currentWords = value.trim().split(/\s+/).filter(Boolean);
+        const pasteWords = paste.trim().split(/\s+/).filter(Boolean);
+        if (currentWords.length >= maxWords) {
+            e.preventDefault();
+            onWordLimitChange(true);
+            return;
+        }
+        // only allow paste remaining words
+        const allowed = maxWords - currentWords.length;
+        if (pasteWords.length > allowed) {
+            e.preventDefault();
+            const newWords = currentWords.concat(pasteWords.slice(0, allowed));
+            onChange(newWords.join(' '));
+            onWordLimitChange(true);
+        }
+    };
+    // 渲染标题组件
+    const renderTitle = () => {
+        if (!(title === null || title === void 0 ? void 0 : title.trim()))
+            return null;
+        return (jsxRuntime.jsxs("div", { className: "space-y-1", children: [title && jsxRuntime.jsx("span", { className: "text-xl font-semibold text-foreground", children: title }), (description === null || description === void 0 ? void 0 : description.trim()) && jsxRuntime.jsx("span", { className: "text-sm text-gray-400 ml-2", children: description })] }));
+    };
+    // 渲染textarea组件
+    const renderTextarea = (isEmbedded = false) => (jsxRuntime.jsx("textarea", { ref: textareaRef, value: value, onChange: handleInputChange, onPaste: handlePaste, placeholder: placeholder, disabled: disabled, className: utils.cn('w-full p-4 bg-transparent transition-colors text-foreground placeholder-muted-foreground placeholder:text-base disabled:bg-muted disabled:cursor-not-allowed resize-none', isEmbedded
+            ? 'border-0 hover:border-2 hover:border-purple-500 focus:outline-none focus:border-2 focus:border-purple-500'
+            : 'border-2 border-border rounded-lg hover:border-purple-500 focus:outline-none focus:border-purple-500', className), style: { minHeight: `${minHeight}px` } }));
+    // 渲染单词计数
+    const renderWordCount = () => {
+        if (!showWordCount)
+            return null;
+        return (jsxRuntime.jsx("div", { className: "flex justify-end", children: jsxRuntime.jsxs("span", { className: `text-sm ${wordCount >= maxWords ? 'text-red-500' : wordCount > maxWords * 0.75 ? 'text-orange-500' : 'text-muted-foreground'} ${isWordLimit ? 'animate-bounce' : ''}`, onAnimationEnd: () => onWordLimitChange(false), children: [wordCount, "/", maxWords, " ", wordUnitTitle] }) }));
+    };
+    // 如果有标题且需要嵌入，则渲染内部标题布局
+    if (embed && (title)) {
+        return (jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsxRuntime.jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsxRuntime.jsx("hr", { className: "border-t-1 border-border" }), jsxRuntime.jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
+    }
+    // 默认布局：外部标题或无标题
+    return (jsxRuntime.jsxs("div", { className: "space-y-2", children: [renderTitle(), renderTextarea(), renderWordCount()] }));
+}
+
+exports.AIPromptTextarea = AIPromptTextarea;

package/dist/main/ai-prompt-textarea.mjs

@@ -0,0 +1,112 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function AIPromptTextarea({ value, onChange, placeholder = "Enter your prompt...", disabled = false, maxWords = 400, wordUnitTitle = "words", minHeight = 150, maxHeight = 300, className = "", showWordCount = true, autoScroll = true, extraScrollSpace = 100, isWordLimit, onWordLimitChange, title, description, embed = false }) {
+    const textareaRef = useRef(null);
+    // count words
+    const wordArray = value.trim().split(/\s+/).filter(Boolean);
+    const wordCount = wordArray.length;
+    // auto adjust textarea height
+    const adjustTextareaHeight = () => {
+        if (textareaRef.current) {
+            const textarea = textareaRef.current;
+            const oldHeight = textarea.style.height;
+            // reset height
+            textarea.style.height = 'auto';
+            // calculate content height
+            const contentHeight = textarea.scrollHeight;
+            // auto adjust height between min and max height
+            let newHeight = Math.max(contentHeight, minHeight);
+            newHeight = Math.min(newHeight, maxHeight);
+            textarea.style.height = `${newHeight}px`;
+            // if content height is greater than max height, show scrollbar
+            if (contentHeight > maxHeight) {
+                textarea.style.overflowY = 'auto';
+            }
+            else {
+                textarea.style.overflowY = 'hidden';
+            }
+            // if height increased and auto scroll is enabled, scroll to appropriate position
+            if (autoScroll && (newHeight > parseInt(oldHeight) || !oldHeight)) {
+                setTimeout(() => {
+                    const rect = textarea.getBoundingClientRect();
+                    window.scrollTo({
+                        top: window.pageYOffset + rect.bottom + extraScrollSpace - window.innerHeight,
+                        behavior: 'smooth'
+                    });
+                }, 0);
+            }
+        }
+    };
+    // when value changes, adjust height
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            adjustTextareaHeight();
+        }, 0);
+        return () => clearTimeout(timer);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, minHeight, maxHeight, autoScroll, extraScrollSpace]);
+    // handle input, limit max words
+    const handleInputChange = (e) => {
+        const inputValue = e.target.value;
+        const words = inputValue.trim().split(/\s+/).filter(Boolean);
+        // if already reached max words, and this input will exceed limit, do not update
+        if (wordCount >= maxWords && words.length > maxWords) {
+            onWordLimitChange(true);
+            return;
+        }
+        if (words.length > maxWords) {
+            onChange(words.slice(0, maxWords).join(' '));
+            onWordLimitChange(true);
+        }
+        else {
+            onChange(inputValue);
+            onWordLimitChange(false);
+        }
+    };
+    // when paste, also check word count
+    const handlePaste = (e) => {
+        const paste = e.clipboardData.getData('text');
+        const currentWords = value.trim().split(/\s+/).filter(Boolean);
+        const pasteWords = paste.trim().split(/\s+/).filter(Boolean);
+        if (currentWords.length >= maxWords) {
+            e.preventDefault();
+            onWordLimitChange(true);
+            return;
+        }
+        // only allow paste remaining words
+        const allowed = maxWords - currentWords.length;
+        if (pasteWords.length > allowed) {
+            e.preventDefault();
+            const newWords = currentWords.concat(pasteWords.slice(0, allowed));
+            onChange(newWords.join(' '));
+            onWordLimitChange(true);
+        }
+    };
+    // 渲染标题组件
+    const renderTitle = () => {
+        if (!(title === null || title === void 0 ? void 0 : title.trim()))
+            return null;
+        return (jsxs("div", { className: "space-y-1", children: [title && jsx("span", { className: "text-xl font-semibold text-foreground", children: title }), (description === null || description === void 0 ? void 0 : description.trim()) && jsx("span", { className: "text-sm text-gray-400 ml-2", children: description })] }));
+    };
+    // 渲染textarea组件
+    const renderTextarea = (isEmbedded = false) => (jsx("textarea", { ref: textareaRef, value: value, onChange: handleInputChange, onPaste: handlePaste, placeholder: placeholder, disabled: disabled, className: cn('w-full p-4 bg-transparent transition-colors text-foreground placeholder-muted-foreground placeholder:text-base disabled:bg-muted disabled:cursor-not-allowed resize-none', isEmbedded
+            ? 'border-0 hover:border-2 hover:border-purple-500 focus:outline-none focus:border-2 focus:border-purple-500'
+            : 'border-2 border-border rounded-lg hover:border-purple-500 focus:outline-none focus:border-purple-500', className), style: { minHeight: `${minHeight}px` } }));
+    // 渲染单词计数
+    const renderWordCount = () => {
+        if (!showWordCount)
+            return null;
+        return (jsx("div", { className: "flex justify-end", children: jsxs("span", { className: `text-sm ${wordCount >= maxWords ? 'text-red-500' : wordCount > maxWords * 0.75 ? 'text-orange-500' : 'text-muted-foreground'} ${isWordLimit ? 'animate-bounce' : ''}`, onAnimationEnd: () => onWordLimitChange(false), children: [wordCount, "/", maxWords, " ", wordUnitTitle] }) }));
+    };
+    // 如果有标题且需要嵌入，则渲染内部标题布局
+    if (embed && (title)) {
+        return (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsx("hr", { className: "border-t-1 border-border" }), jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
+    }
+    // 默认布局：外部标题或无标题
+    return (jsxs("div", { className: "space-y-2", children: [renderTitle(), renderTextarea(), renderWordCount()] }));
+}
+
+export { AIPromptTextarea };

package/dist/main/cta.d.ts

@@ -0,0 +1,4 @@
+export declare function CTA({ locale, sectionClassName }: {
+    locale: string;
+    sectionClassName?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/main/cta.js

@@ -0,0 +1,25 @@
+'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 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');
+
+function CTA(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield server.getTranslations({ locale, namespace: 'cta' });
+        const data = {
+            title: t('title'),
+            eyesOn: t('eyesOn'),
+            description1: richTextExpert.richText(t, 'description1'),
+            description2: t('description2'),
+            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" })] }) }));
+    });
+}
+
+exports.CTA = CTA;

package/dist/main/cta.mjs

@@ -0,0 +1,23 @@
+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 { 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';
+
+function CTA(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield getTranslations({ locale, namespace: 'cta' });
+        const data = {
+            title: t('title'),
+            eyesOn: t('eyesOn'),
+            description1: richText(t, 'description1'),
+            description2: t('description2'),
+            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" })] }) }));
+    });
+}
+
+export { CTA };

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

@@ -0,0 +1,13 @@
+interface FAQData {
+    title: string;
+    description: string;
+    items: Array<{
+        id: string;
+        question: string;
+        answer: string;
+    }>;
+}
+export declare function FAQInteractive({ data }: {
+    data: FAQData;
+}): null;
+export {};

package/dist/main/faq-interactive.js

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+function FAQInteractive({ data }) {
+    const [openStates, setOpenStates] = React.useState({});
+    React.useEffect(() => {
+        // Progressive enhancement: Add interactivity to existing DOM elements
+        data.items.forEach((item) => {
+            const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
+            const contentDiv = document.querySelector(`[data-faq-content="${item.id}"]`);
+            const iconSvg = document.querySelector(`[data-faq-icon="${item.id}"]`);
+            if (toggleButton && contentDiv && iconSvg) {
+                const handleClick = () => {
+                    const isOpen = openStates[item.id] || false;
+                    const newOpenState = !isOpen;
+                    // Update state
+                    setOpenStates(prev => (Object.assign(Object.assign({}, prev), { [item.id]: newOpenState })));
+                    // Update DOM
+                    if (newOpenState) {
+                        contentDiv.classList.remove('hidden');
+                        toggleButton.setAttribute('aria-expanded', 'true');
+                        iconSvg.style.transform = 'rotate(90deg)';
+                    }
+                    else {
+                        contentDiv.classList.add('hidden');
+                        toggleButton.setAttribute('aria-expanded', 'false');
+                        iconSvg.style.transform = 'rotate(0deg)';
+                    }
+                };
+                toggleButton.addEventListener('click', handleClick);
+                // Cleanup function will be handled by the effect cleanup
+            }
+        });
+        // Cleanup event listeners
+        return () => {
+            data.items.forEach((item) => {
+                var _a;
+                const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
+                if (toggleButton) {
+                    // Remove all event listeners by cloning the element
+                    const newButton = toggleButton.cloneNode(true);
+                    (_a = toggleButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, toggleButton);
+                }
+            });
+        };
+    }, [data, openStates]);
+    return null; // Progressive enhancement - no additional DOM rendering
+}
+
+exports.FAQInteractive = FAQInteractive;

package/dist/main/faq-interactive.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+function FAQInteractive({ data }) {
+    const [openStates, setOpenStates] = useState({});
+    useEffect(() => {
+        // Progressive enhancement: Add interactivity to existing DOM elements
+        data.items.forEach((item) => {
+            const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
+            const contentDiv = document.querySelector(`[data-faq-content="${item.id}"]`);
+            const iconSvg = document.querySelector(`[data-faq-icon="${item.id}"]`);
+            if (toggleButton && contentDiv && iconSvg) {
+                const handleClick = () => {
+                    const isOpen = openStates[item.id] || false;
+                    const newOpenState = !isOpen;
+                    // Update state
+                    setOpenStates(prev => (Object.assign(Object.assign({}, prev), { [item.id]: newOpenState })));
+                    // Update DOM
+                    if (newOpenState) {
+                        contentDiv.classList.remove('hidden');
+                        toggleButton.setAttribute('aria-expanded', 'true');
+                        iconSvg.style.transform = 'rotate(90deg)';
+                    }
+                    else {
+                        contentDiv.classList.add('hidden');
+                        toggleButton.setAttribute('aria-expanded', 'false');
+                        iconSvg.style.transform = 'rotate(0deg)';
+                    }
+                };
+                toggleButton.addEventListener('click', handleClick);
+                // Cleanup function will be handled by the effect cleanup
+            }
+        });
+        // Cleanup event listeners
+        return () => {
+            data.items.forEach((item) => {
+                var _a;
+                const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
+                if (toggleButton) {
+                    // Remove all event listeners by cloning the element
+                    const newButton = toggleButton.cloneNode(true);
+                    (_a = toggleButton.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newButton, toggleButton);
+                }
+            });
+        };
+    }, [data, openStates]);
+    return null; // Progressive enhancement - no additional DOM rendering
+}
+
+export { FAQInteractive };

package/dist/main/faq.d.ts

@@ -0,0 +1,4 @@
+export declare function FAQ({ locale, sectionClassName }: {
+    locale: string;
+    sectionClassName?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/main/faq.js

@@ -0,0 +1,34 @@
+'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 jsxRuntime = require('react/jsx-runtime');
+var server = require('next-intl/server');
+var utils = require('@windrun-huaiin/lib/utils');
+var richTextExpert = require('./rich-text-expert.js');
+require('react');
+require('@windrun-huaiin/base-ui/components/server');
+require('./nprogress-bar.js');
+require('next/image');
+require('@windrun-huaiin/base-ui/ui');
+var faqInteractive = require('./faq-interactive.js');
+require('next/navigation');
+
+function FAQ(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield server.getTranslations({ locale, namespace: 'faq' });
+        // Process translation data
+        const rawItems = t.raw('items');
+        const data = {
+            title: t('title'),
+            description: richTextExpert.richText(t, 'description'),
+            items: rawItems.map((item, index) => ({
+                id: `faq-item-${index}`,
+                question: item.question,
+                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 })] }));
+    });
+}
+
+exports.FAQ = FAQ;

package/dist/main/faq.mjs

@@ -0,0 +1,32 @@
+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 { jsxs, jsx } from 'react/jsx-runtime';
+import { getTranslations } from 'next-intl/server';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { richText } from './rich-text-expert.mjs';
+import 'react';
+import '@windrun-huaiin/base-ui/components/server';
+import './nprogress-bar.mjs';
+import 'next/image';
+import '@windrun-huaiin/base-ui/ui';
+import { FAQInteractive } from './faq-interactive.mjs';
+import 'next/navigation';
+
+function FAQ(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield getTranslations({ locale, namespace: 'faq' });
+        // Process translation data
+        const rawItems = t.raw('items');
+        const data = {
+            title: t('title'),
+            description: richText(t, 'description'),
+            items: rawItems.map((item, index) => ({
+                id: `faq-item-${index}`,
+                question: item.question,
+                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 })] }));
+    });
+}
+
+export { FAQ };

package/dist/main/features.d.ts

@@ -0,0 +1,4 @@
+export declare function Features({ locale, sectionClassName }: {
+    locale: string;
+    sectionClassName?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/main/features.js

@@ -0,0 +1,33 @@
+'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 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');
+
+function Features(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield server.getTranslations({ locale, namespace: 'features' });
+        // Process translation data
+        const featureItems = t.raw('items');
+        const data = {
+            title: t('title'),
+            eyesOn: t('eyesOn'),
+            description: richTextExpert.richText(t, 'description'),
+            items: featureItems.map((feature, index) => ({
+                id: `feature-item-${index}`,
+                title: feature.title,
+                description: richTextExpert.richText(t, `items.${index}.description`),
+                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) => {
+                        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));
+                    }) })] }));
+    });
+}
+
+exports.Features = Features;

package/dist/main/features.mjs

@@ -0,0 +1,31 @@
+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 { 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';
+
+function Features(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
+        const t = yield getTranslations({ locale, namespace: 'features' });
+        // Process translation data
+        const featureItems = t.raw('items');
+        const data = {
+            title: t('title'),
+            eyesOn: t('eyesOn'),
+            description: richText(t, 'description'),
+            items: featureItems.map((feature, index) => ({
+                id: `feature-item-${index}`,
+                title: feature.title,
+                description: richText(t, `items.${index}.description`),
+                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) => {
+                        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));
+                    }) })] }));
+    });
+}
+
+export { Features };

package/dist/main/footer.d.ts

@@ -0,0 +1,3 @@
+export declare function Footer({ locale }: {
+    locale: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/main/footer.js

@@ -0,0 +1,24 @@
+'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 jsxRuntime = require('react/jsx-runtime');
+var server = require('next-intl/server');
+var server$1 = require('@windrun-huaiin/base-ui/components/server');
+var Link = require('next/link');
+
+function Footer(_a) {
+    return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale }) {
+        const tFooter = yield server.getTranslations({ locale, namespace: 'footer' });
+        const data = {
+            terms: tFooter('terms', { defaultValue: 'Terms of Service' }),
+            privacy: tFooter('privacy', { defaultValue: 'Privacy Policy' }),
+            contactUs: tFooter('contactUs', { defaultValue: 'Contact Us' }),
+            email: tFooter('email'),
+            company: tFooter('company'),
+            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
+        };
+        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 }) })] }) }) }));
+    });
+}
+
+exports.Footer = Footer;

package/dist/main/footer.mjs

@@ -0,0 +1,22 @@
+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 { jsx, jsxs } from 'react/jsx-runtime';
+import { getTranslations } from 'next-intl/server';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import Link from 'next/link';
+
+function Footer(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ locale }) {
+        const tFooter = yield getTranslations({ locale, namespace: 'footer' });
+        const data = {
+            terms: tFooter('terms', { defaultValue: 'Terms of Service' }),
+            privacy: tFooter('privacy', { defaultValue: 'Privacy Policy' }),
+            contactUs: tFooter('contactUs', { defaultValue: 'Contact Us' }),
+            email: tFooter('email'),
+            company: tFooter('company'),
+            copyright: tFooter('copyright', { year: new Date().getFullYear(), name: tFooter('company') })
+        };
+        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 }) })] }) }) }));
+    });
+}
+
+export { Footer };

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

@@ -0,0 +1,18 @@
+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 {};