@windrun-huaiin/third-ui 26.0.0 → 27.0.0

package/dist/main/buttons/x-button.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { Loader2Icon, ChevronDownIcon } from '@windrun-huaiin/base-ui/icons';
+import { themeIconColor, themeBgColor, themeBorderColor, themeMainBgColor } from '@windrun-huaiin/base-ui/lib';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function XButton(props) {
+    var _a, _b, _c;
+    const [isLoading, setIsLoading] = useState(false);
+    const [menuOpen, setMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    const { iconClassName } = props;
+    const defaultIconClass = "w-5 h-5";
+    const variant = (_a = props.variant) !== null && _a !== void 0 ? _a : 'default';
+    const finalIconClass = cn(variant === 'default' ? '' : themeIconColor, iconClassName || defaultIconClass);
+    const loadingIconClass = cn(finalIconClass, "mr-1 animate-spin");
+    const chevronIconClass = "w-6 h-6";
+    const renderIcon = (icon) => {
+        if (React__default.isValidElement(icon)) {
+            return React__default.cloneElement(icon, {
+                className: cn(finalIconClass, icon.props.className),
+            });
+        }
+        return icon;
+    };
+    useEffect(() => {
+        if (props.type === 'split') {
+            const handleClickOutside = (event) => {
+                if (menuRef.current && !menuRef.current.contains(event.target)) {
+                    setMenuOpen(false);
+                }
+            };
+            if (menuOpen) {
+                document.addEventListener('mousedown', handleClickOutside);
+            }
+            return () => {
+                document.removeEventListener('mousedown', handleClickOutside);
+            };
+        }
+    }, [menuOpen, props.type]);
+    const handleButtonClick = (onClick) => __awaiter(this, void 0, void 0, function* () {
+        if (isLoading)
+            return;
+        setIsLoading(true);
+        try {
+            yield onClick();
+        }
+        catch (error) {
+            console.error('Button click error:', error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    });
+    const baseButtonClass = "flex items-center justify-center gap-2 px-4 py-2 text-sm font-semibold transition-colors";
+    const singleButtonVariantClass = variant === 'soft'
+        ? cn(themeBgColor, themeIconColor, themeBorderColor, "border hover:brightness-95")
+        : variant === 'subtle'
+            ? cn(themeMainBgColor, themeIconColor, "border border-neutral-200 hover:bg-neutral-50 dark:border-neutral-800 dark:hover:bg-neutral-800")
+            : "bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white hover:bg-neutral-300 dark:hover:bg-neutral-700";
+    const splitMainButtonVariantClass = variant === 'soft'
+        ? cn("bg-transparent hover:bg-black/5 dark:hover:bg-white/5", themeIconColor)
+        : variant === 'subtle'
+            ? cn("bg-transparent hover:bg-neutral-50 dark:hover:bg-neutral-800", themeIconColor)
+            : "bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white hover:bg-neutral-300 dark:hover:bg-neutral-700";
+    const splitDropdownVariantClass = variant === 'soft'
+        ? cn("bg-transparent hover:bg-black/5 dark:hover:bg-white/5 sm:border-l", themeIconColor, themeBorderColor)
+        : variant === 'subtle'
+            ? cn("bg-transparent hover:bg-neutral-50 dark:hover:bg-neutral-800 sm:border-l", themeIconColor, "border-neutral-200 dark:border-neutral-800")
+            : "bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white hover:bg-neutral-300 dark:hover:bg-neutral-700 sm:border-l sm:border-neutral-300 sm:dark:border-neutral-700";
+    const disabledClass = "opacity-60 cursor-not-allowed";
+    if (props.type === 'single') {
+        const { button, loadingText, minWidth = 'min-w-[110px]', className = '' } = props;
+        const isDisabled = button.disabled || isLoading;
+        const actualLoadingText = loadingText || ((_b = button.text) === null || _b === void 0 ? void 0 : _b.trim()) || 'Loading...';
+        return (jsx("button", { onClick: () => handleButtonClick(button.onClick), disabled: isDisabled, className: cn("w-full sm:w-auto", minWidth, baseButtonClass, singleButtonVariantClass, "rounded-full", isDisabled && disabledClass, className), title: button.text, children: isLoading ? (jsxs(Fragment, { children: [jsx(Loader2Icon, { className: loadingIconClass }), jsx("span", { children: actualLoadingText })] })) : (jsxs(Fragment, { children: [renderIcon(button.icon), jsx("span", { children: button.text })] })) }));
+    }
+    const { mainButton, menuItems, loadingText, menuWidth = 'w-full sm:w-40', className = '', mainButtonClassName = '', dropdownButtonClassName = '' } = props;
+    const isMainDisabled = mainButton.disabled || isLoading;
+    const actualLoadingText = loadingText || ((_c = mainButton.text) === null || _c === void 0 ? void 0 : _c.trim()) || 'Loading...';
+    return (jsxs("div", { className: cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-90", className), children: [jsx("button", { onClick: () => handleButtonClick(mainButton.onClick), disabled: isMainDisabled, className: cn("flex-1 min-w-0 sm:min-w-[100px] sm:flex-initial rounded-l-full", baseButtonClass, splitMainButtonVariantClass, isMainDisabled && disabledClass, mainButtonClassName), onMouseDown: e => { if (e.button === 2)
+                    e.preventDefault(); }, title: mainButton.text, children: isLoading ? (jsxs(Fragment, { children: [jsx(Loader2Icon, { className: loadingIconClass }), jsx("span", { children: actualLoadingText })] })) : (jsxs(Fragment, { children: [renderIcon(mainButton.icon), jsx("span", { children: mainButton.text })] })) }), jsx("button", { type: "button", onClick: () => setMenuOpen(!menuOpen), disabled: isLoading, className: cn("w-12 rounded-r-full", baseButtonClass, splitDropdownVariantClass, isLoading && disabledClass, dropdownButtonClassName), "aria-label": "Open menu", children: jsx(ChevronDownIcon, { className: cn(chevronIconClass, menuOpen && "rotate-180", "transition-transform") }) }), menuOpen && (jsx("div", { ref: menuRef, className: cn("absolute top-full right-0 mt-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg shadow-lg z-50 overflow-hidden", menuWidth), children: menuItems.map((item, index) => (jsxs("button", { type: "button", onClick: () => {
+                        setMenuOpen(false);
+                        handleButtonClick(item.onClick);
+                    }, disabled: item.disabled || isLoading, className: cn("w-full flex items-center gap-2 px-3 py-2 text-sm text-left hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors", item.disabled && disabledClass, item.splitTopBorder && "border-t border-neutral-200 dark:border-neutral-700"), children: [renderIcon(item.icon), jsx("span", { className: "flex-1", children: item.text }), item.tag && (jsx("span", { className: cn("px-1.5 py-0.5 text-xs rounded", item.tag.color || "bg-blue-100 text-blue-800"), children: item.tag.text }))] }, index))) }))] }));
+}
+
+export { XButton };

package/dist/main/buttons/x-toggle-button.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+export type XToggleButtonOption = {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    badge?: React.ReactNode;
+    mobileIcon?: React.ReactNode;
+};
+type XToggleButtonSize = 'default' | 'compact';
+export type XToggleButtonProps = {
+    options: XToggleButtonOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    itemClassName?: string;
+    activeItemClassName?: string;
+    inactiveItemClassName?: string;
+    badgeClassName?: string;
+    minItemWidthClassName?: string;
+    maxItemWidthClassName?: string;
+    itemTextClassName?: string;
+    itemPaddingClassName?: string;
+    size?: XToggleButtonSize;
+    fullWidth?: boolean;
+    name?: string;
+    ariaLabel?: string;
+};
+export declare function XToggleButton({ options, value, defaultValue, onChange, disabled, className, itemClassName, activeItemClassName, inactiveItemClassName, badgeClassName, minItemWidthClassName, maxItemWidthClassName, itemTextClassName, itemPaddingClassName, size, fullWidth, name, ariaLabel, }: XToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/buttons/x-toggle-button.js

@@ -0,0 +1,95 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@windrun-huaiin/lib/utils');
+var lib = require('@windrun-huaiin/base-ui/lib');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function XToggleButton({ options, value, defaultValue, onChange, disabled = false, className, itemClassName, activeItemClassName, inactiveItemClassName, badgeClassName, minItemWidthClassName, maxItemWidthClassName, itemTextClassName, itemPaddingClassName, size = 'default', fullWidth = false, name, ariaLabel, }) {
+    const containerRef = React__namespace.useRef(null);
+    const activeButtonRef = React__namespace.useRef(null);
+    const [badgeOffset, setBadgeOffset] = React__namespace.useState(0);
+    const normalizedOptions = React__namespace.useMemo(() => options.filter((option) => option.value.trim()), [options]);
+    const fallbackValue = React__namespace.useMemo(() => {
+        var _a, _b;
+        if (defaultValue && normalizedOptions.some((option) => option.value === defaultValue)) {
+            return defaultValue;
+        }
+        return (_b = (_a = normalizedOptions[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+    }, [defaultValue, normalizedOptions]);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = React__namespace.useState(fallbackValue);
+    React__namespace.useEffect(() => {
+        if (!isControlled) {
+            setInternalValue(fallbackValue);
+        }
+    }, [fallbackValue, isControlled]);
+    const selectedValue = isControlled ? value !== null && value !== void 0 ? value : '' : internalValue;
+    React__namespace.useEffect(() => {
+        if (activeButtonRef.current && containerRef.current) {
+            const buttonRect = activeButtonRef.current.getBoundingClientRect();
+            const containerRect = containerRef.current.getBoundingClientRect();
+            const buttonCenterX = buttonRect.left - containerRect.left + buttonRect.width / 2;
+            setBadgeOffset(buttonCenterX);
+        }
+    }, [selectedValue]);
+    function handleSelect(nextValue, optionDisabled) {
+        if (disabled || optionDisabled || nextValue === selectedValue) {
+            return;
+        }
+        if (!isControlled) {
+            setInternalValue(nextValue);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }
+    const containerSizeClass = size === 'compact'
+        ? 'px-1.5 py-1.5 gap-0'
+        : 'px-2 py-2 gap-0 sm:px-3 sm:py-3 sm:gap-0';
+    const defaultItemTextClass = size === 'compact'
+        ? 'text-xs'
+        : 'text-xs sm:text-sm md:text-base';
+    const finalItemTextClassName = itemTextClassName !== null && itemTextClassName !== void 0 ? itemTextClassName : defaultItemTextClass;
+    const defaultItemPaddingClass = size === 'compact'
+        ? 'px-2 py-1'
+        : 'px-2 py-1.5 sm:px-3 sm:py-2';
+    const finalItemPaddingClassName = itemPaddingClassName !== null && itemPaddingClassName !== void 0 ? itemPaddingClassName : defaultItemPaddingClass;
+    const minItemWidthClass = minItemWidthClassName !== null && minItemWidthClassName !== void 0 ? minItemWidthClassName : 'min-w-[80px] sm:min-w-[100px] md:min-w-[120px]';
+    const maxItemWidthClass = maxItemWidthClassName !== null && maxItemWidthClassName !== void 0 ? maxItemWidthClassName : 'max-w-[120px] sm:max-w-[160px]';
+    const selectedOption = normalizedOptions.find((opt) => opt.value === selectedValue);
+    return (jsxRuntime.jsxs("div", { ref: containerRef, role: "radiogroup", "aria-label": ariaLabel, "aria-disabled": disabled, className: utils.cn('relative inline-flex items-center rounded-full border border-gray-300 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900', fullWidth && 'flex w-full', containerSizeClass, className), children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.badge) ? (jsxRuntime.jsx("span", { style: {
+                    left: `${badgeOffset}px`,
+                    transform: 'translate(-50%, calc(-50% - 1px))'
+                }, className: utils.cn('absolute top-0 z-20 whitespace-nowrap rounded-md bg-yellow-100 px-2.5 py-0.5 text-[0.625rem] font-semibold text-yellow-800 shadow-sm sm:text-xs', badgeClassName), children: selectedOption.badge })) : null, normalizedOptions.map((option) => {
+                const active = option.value === selectedValue;
+                const optionDisabled = disabled || option.disabled;
+                return (jsxRuntime.jsx("div", { className: utils.cn('relative flex items-center justify-center', fullWidth && 'flex-1'), children: jsxRuntime.jsx("button", { ref: active ? activeButtonRef : null, type: "button", role: "radio", name: name, "aria-checked": active, "aria-pressed": active, disabled: optionDisabled, onClick: () => handleSelect(option.value, option.disabled), className: utils.cn('relative z-10 inline-flex items-center justify-center rounded-full font-medium text-center transition truncate', fullWidth && 'w-full', !fullWidth && minItemWidthClass, !fullWidth && maxItemWidthClass, finalItemPaddingClassName, finalItemTextClassName, active
+                            ? utils.cn('text-white shadow-sm', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass, activeItemClassName)
+                            : utils.cn('text-gray-800 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100', inactiveItemClassName), optionDisabled && 'cursor-not-allowed opacity-60', itemClassName, option.className), children: option.mobileIcon ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "hidden sm:block", children: option.label }), jsxRuntime.jsx("span", { className: "block sm:hidden", children: active && React__namespace.isValidElement(option.mobileIcon)
+                                        ? React__namespace.cloneElement(option.mobileIcon, {
+                                            className: utils.cn(option.mobileIcon.props.className, 'text-white'),
+                                        })
+                                        : option.mobileIcon })] })) : (option.label) }) }, option.value));
+            })] }));
+}
+
+exports.XToggleButton = XToggleButton;

package/dist/main/buttons/x-toggle-button.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
+
+function XToggleButton({ options, value, defaultValue, onChange, disabled = false, className, itemClassName, activeItemClassName, inactiveItemClassName, badgeClassName, minItemWidthClassName, maxItemWidthClassName, itemTextClassName, itemPaddingClassName, size = 'default', fullWidth = false, name, ariaLabel, }) {
+    const containerRef = React.useRef(null);
+    const activeButtonRef = React.useRef(null);
+    const [badgeOffset, setBadgeOffset] = React.useState(0);
+    const normalizedOptions = React.useMemo(() => options.filter((option) => option.value.trim()), [options]);
+    const fallbackValue = React.useMemo(() => {
+        var _a, _b;
+        if (defaultValue && normalizedOptions.some((option) => option.value === defaultValue)) {
+            return defaultValue;
+        }
+        return (_b = (_a = normalizedOptions[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
+    }, [defaultValue, normalizedOptions]);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState(fallbackValue);
+    React.useEffect(() => {
+        if (!isControlled) {
+            setInternalValue(fallbackValue);
+        }
+    }, [fallbackValue, isControlled]);
+    const selectedValue = isControlled ? value !== null && value !== void 0 ? value : '' : internalValue;
+    React.useEffect(() => {
+        if (activeButtonRef.current && containerRef.current) {
+            const buttonRect = activeButtonRef.current.getBoundingClientRect();
+            const containerRect = containerRef.current.getBoundingClientRect();
+            const buttonCenterX = buttonRect.left - containerRect.left + buttonRect.width / 2;
+            setBadgeOffset(buttonCenterX);
+        }
+    }, [selectedValue]);
+    function handleSelect(nextValue, optionDisabled) {
+        if (disabled || optionDisabled || nextValue === selectedValue) {
+            return;
+        }
+        if (!isControlled) {
+            setInternalValue(nextValue);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }
+    const containerSizeClass = size === 'compact'
+        ? 'px-1.5 py-1.5 gap-0'
+        : 'px-2 py-2 gap-0 sm:px-3 sm:py-3 sm:gap-0';
+    const defaultItemTextClass = size === 'compact'
+        ? 'text-xs'
+        : 'text-xs sm:text-sm md:text-base';
+    const finalItemTextClassName = itemTextClassName !== null && itemTextClassName !== void 0 ? itemTextClassName : defaultItemTextClass;
+    const defaultItemPaddingClass = size === 'compact'
+        ? 'px-2 py-1'
+        : 'px-2 py-1.5 sm:px-3 sm:py-2';
+    const finalItemPaddingClassName = itemPaddingClassName !== null && itemPaddingClassName !== void 0 ? itemPaddingClassName : defaultItemPaddingClass;
+    const minItemWidthClass = minItemWidthClassName !== null && minItemWidthClassName !== void 0 ? minItemWidthClassName : 'min-w-[80px] sm:min-w-[100px] md:min-w-[120px]';
+    const maxItemWidthClass = maxItemWidthClassName !== null && maxItemWidthClassName !== void 0 ? maxItemWidthClassName : 'max-w-[120px] sm:max-w-[160px]';
+    const selectedOption = normalizedOptions.find((opt) => opt.value === selectedValue);
+    return (jsxs("div", { ref: containerRef, role: "radiogroup", "aria-label": ariaLabel, "aria-disabled": disabled, className: cn('relative inline-flex items-center rounded-full border border-gray-300 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900', fullWidth && 'flex w-full', containerSizeClass, className), children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.badge) ? (jsx("span", { style: {
+                    left: `${badgeOffset}px`,
+                    transform: 'translate(-50%, calc(-50% - 1px))'
+                }, className: cn('absolute top-0 z-20 whitespace-nowrap rounded-md bg-yellow-100 px-2.5 py-0.5 text-[0.625rem] font-semibold text-yellow-800 shadow-sm sm:text-xs', badgeClassName), children: selectedOption.badge })) : null, normalizedOptions.map((option) => {
+                const active = option.value === selectedValue;
+                const optionDisabled = disabled || option.disabled;
+                return (jsx("div", { className: cn('relative flex items-center justify-center', fullWidth && 'flex-1'), children: jsx("button", { ref: active ? activeButtonRef : null, type: "button", role: "radio", name: name, "aria-checked": active, "aria-pressed": active, disabled: optionDisabled, onClick: () => handleSelect(option.value, option.disabled), className: cn('relative z-10 inline-flex items-center justify-center rounded-full font-medium text-center transition truncate', fullWidth && 'w-full', !fullWidth && minItemWidthClass, !fullWidth && maxItemWidthClass, finalItemPaddingClassName, finalItemTextClassName, active
+                            ? cn('text-white shadow-sm', themeButtonGradientClass, themeButtonGradientHoverClass, activeItemClassName)
+                            : cn('text-gray-800 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100', inactiveItemClassName), optionDisabled && 'cursor-not-allowed opacity-60', itemClassName, option.className), children: option.mobileIcon ? (jsxs(Fragment, { children: [jsx("span", { className: "hidden sm:block", children: option.label }), jsx("span", { className: "block sm:hidden", children: active && React.isValidElement(option.mobileIcon)
+                                        ? React.cloneElement(option.mobileIcon, {
+                                            className: cn(option.mobileIcon.props.className, 'text-white'),
+                                        })
+                                        : option.mobileIcon })] })) : (option.label) }) }, option.value));
+            })] }));
+}
+
+export { XToggleButton };

package/dist/main/credit/credit-overview-client.js

@@ -4,10 +4,11 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var nextjs = require('@clerk/nextjs');
-var gradientButton = require('../../fuma/mdx/gradient-button.js');
+var gradientButton = require('../buttons/gradient-button.js');
+var React = require('react');
 var icons = require('@windrun-huaiin/base-ui/icons');
+require('@windrun-huaiin/base-ui/lib');
 var utils = require('@windrun-huaiin/lib/utils');
-var React = require('react');
 var customerPortal = require('../money-price/customer-portal.js');
 var creditNavButton = require('./credit-nav-button.js');
 

package/dist/main/credit/credit-overview-client.mjs

@@ -2,10 +2,11 @@
 import { __awaiter } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useClerk } from '@clerk/nextjs';
-import { GradientButton } from '../../fuma/mdx/gradient-button.mjs';
+import { GradientButton } from '../buttons/gradient-button.mjs';
+import { useState, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
 import { GemIcon, Settings2Icon, BellIcon, ChevronUpIcon, ChevronDownIcon, ShoppingCartIcon, CircleQuestionMarkIcon } from '@windrun-huaiin/base-ui/icons';
+import '@windrun-huaiin/base-ui/lib';
 import { cn } from '@windrun-huaiin/lib/utils';
-import { useState, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
 import { redirectToCustomerPortal } from '../money-price/customer-portal.mjs';
 import { useCreditNavPopover } from './credit-nav-button.mjs';
 

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

@@ -0,0 +1,4 @@
+export { CreditOverviewClient } from './credit-overview-client';
+export { CreditNavButton } from './credit-nav-button';
+export type { CreditOverviewTranslations } from './credit-overview-client';
+export type { CreditOverviewData, CreditBucket, CreditBucketStatus, SubscriptionInfo, } from './types';

package/dist/main/credit/index.js

@@ -0,0 +1,10 @@
+"use client";
+'use strict';
+
+var creditOverviewClient = require('./credit-overview-client.js');
+var creditNavButton = require('./credit-nav-button.js');
+
+
+
+exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
+exports.CreditNavButton = creditNavButton.CreditNavButton;

package/dist/main/credit/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+export { CreditOverviewClient } from './credit-overview-client.mjs';
+export { CreditNavButton } from './credit-nav-button.mjs';

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

@@ -0,0 +1,2 @@
+export { CreditOverview } from './credit-overview';
+export type { CreditOverviewData, CreditBucket, CreditBucketStatus, SubscriptionInfo, } from './types';

package/dist/main/credit/server.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var creditOverview = require('./credit-overview.js');
+
+
+
+exports.CreditOverview = creditOverview.CreditOverview;

package/dist/main/credit/server.mjs

@@ -0,0 +1 @@
+export { CreditOverview } from './credit-overview.mjs';

package/dist/main/cta.js

@@ -3,9 +3,11 @@
 var tslib = require('tslib');
 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 gradientButton = require('./buttons/gradient-button.js');
+require('react');
+require('@windrun-huaiin/base-ui/icons');
 var lib = require('@windrun-huaiin/base-ui/lib');
+var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
 var sectionLayout = require('./section-layout.js');
 

package/dist/main/cta.mjs

@@ -1,9 +1,11 @@
 import { __awaiter } from 'tslib';
 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 { GradientButton } from './buttons/gradient-button.mjs';
+import 'react';
+import '@windrun-huaiin/base-ui/icons';
 import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
+import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';
 import { responsiveSection } from './section-layout.mjs';
 

package/dist/main/hero/index.d.ts

@@ -0,0 +1,2 @@
+export { HeroMedia } from '../hero-media';
+export { HeroSection } from '../hero-section';

package/dist/main/hero/index.js

@@ -0,0 +1,10 @@
+"use client";
+'use strict';
+
+var heroMedia = require('../hero-media.js');
+var heroSection = require('../hero-section.js');
+
+
+
+exports.HeroMedia = heroMedia.HeroMedia;
+exports.HeroSection = heroSection.HeroSection;

package/dist/main/hero/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+export { HeroMedia } from '../hero-media.mjs';
+export { HeroSection } from '../hero-section.mjs';

package/dist/main/home/server.d.ts

@@ -0,0 +1,7 @@
+export * from '../gallery/gallery-server';
+export * from '../usage';
+export * from '../features';
+export * from '../tips';
+export * from '../faq';
+export * from '../seo-content';
+export * from '../cta';

package/dist/main/home/server.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var galleryServer = require('../gallery/gallery-server.js');
+var usage = require('../usage.js');
+var features = require('../features.js');
+var tips = require('../tips.js');
+var faq = require('../faq.js');
+var seoContent = require('../seo-content.js');
+var cta = require('../cta.js');
+
+
+
+exports.Gallery = galleryServer.Gallery;
+exports.Usage = usage.Usage;
+exports.Features = features.Features;
+exports.Tips = tips.Tips;
+exports.FAQ = faq.FAQ;
+exports.SeoContent = seoContent.SeoContent;
+exports.CTA = cta.CTA;

package/dist/main/home/server.mjs

@@ -0,0 +1,7 @@
+export { Gallery } from '../gallery/gallery-server.mjs';
+export { Usage } from '../usage.mjs';
+export { Features } from '../features.mjs';
+export { Tips } from '../tips.mjs';
+export { FAQ } from '../faq.mjs';
+export { SeoContent } from '../seo-content.mjs';
+export { CTA } from '../cta.mjs';

package/dist/main/index.d.ts

@@ -1,21 +1,6 @@
 export * from './go-to-top';
 export * from './loading';
 export * from './nprogress-bar';
-export * from './alert-dialog';
-export * from './x-button';
-export * from './x-toggle-button';
-export * from './ai-prompt-textarea';
 export * from './rich-text-expert';
 export * from './faq-interactive';
-export * from './price-plan-interactive';
-export * from './gallery/gallery-interactive';
-export * from './delayed-img';
-export * from './snake-loading-frame';
-export * from './pill-select';
-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';
-export { HeroMedia } from './hero-media';
-export { HeroSection } from './hero-section';
 export { InfoTooltip } from './info-tooltip';

package/dist/main/index.js

@@ -4,29 +4,8 @@
 var goToTop = require('./go-to-top.js');
 var loading = require('./loading.js');
 var nprogressBar = require('./nprogress-bar.js');
-var adsAlertDialog = require('./alert-dialog/ads-alert-dialog.js');
-var confirmDialog = require('./alert-dialog/confirm-dialog.js');
-var highPriorityConfirmDialog = require('./alert-dialog/high-priority-confirm-dialog.js');
-var infoDialog = require('./alert-dialog/info-dialog.js');
-var xButton = require('./x-button.js');
-var xToggleButton = require('./x-toggle-button.js');
-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/gallery-interactive.js');
-var delayedImg = require('./delayed-img.js');
-var snakeLoadingFrame = require('./snake-loading-frame.js');
-var xPillSelect = require('./pill-select/x-pill-select.js');
-var xFilterPills = require('./pill-select/x-filter-pills.js');
-var xFormPills = require('./pill-select/x-form-pills.js');
-var xTokenInput = require('./pill-select/x-token-input.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');
-var heroMedia = require('./hero-media.js');
-var heroSection = require('./hero-section.js');
 var infoTooltip = require('./info-tooltip.js');
 
 
@@ -35,29 +14,7 @@ exports.GoToTop = goToTop.GoToTop;
 exports.Loading = loading.Loading;
 exports.getLoadingCycleDurationMs = loading.getLoadingCycleDurationMs;
 exports.NProgressBar = nprogressBar.NProgressBar;
-exports.AdsAlertDialog = adsAlertDialog.AdsAlertDialog;
-exports.ConfirmDialog = confirmDialog.ConfirmDialog;
-exports.HighPriorityConfirmDialog = highPriorityConfirmDialog.HighPriorityConfirmDialog;
-exports.InfoDialog = infoDialog.InfoDialog;
-exports.XButton = xButton.XButton;
-exports.XToggleButton = xToggleButton.XToggleButton;
-exports.AIPromptTextarea = aiPromptTextarea.AIPromptTextarea;
 exports.createRichTextRenderer = richTextExpert.createRichTextRenderer;
 exports.richText = richTextExpert.richText;
 exports.FAQInteractive = faqInteractive.FAQInteractive;
-exports.PricePlanInteractive = pricePlanInteractive.PricePlanInteractive;
-exports.GalleryInteractive = galleryInteractive.GalleryInteractive;
-exports.DelayedImg = delayedImg.DelayedImg;
-exports.SnakeLoadingFrame = snakeLoadingFrame.SnakeLoadingFrame;
-exports.SnakeLoadingPreview = snakeLoadingFrame.SnakeLoadingPreview;
-exports.XPillSelect = xPillSelect.XPillSelect;
-exports.XFilterPills = xFilterPills.XFilterPills;
-exports.XFormPills = xFormPills.XFormPills;
-exports.XTokenInput = xTokenInput.XTokenInput;
-exports.MoneyPriceInteractive = moneyPriceInteractive.MoneyPriceInteractive;
-exports.MoneyPriceButton = moneyPriceButton.MoneyPriceButton;
-exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
-exports.CreditNavButton = creditNavButton.CreditNavButton;
-exports.HeroMedia = heroMedia.HeroMedia;
-exports.HeroSection = heroSection.HeroSection;
 exports.InfoTooltip = infoTooltip.InfoTooltip;

package/dist/main/index.mjs

@@ -2,27 +2,6 @@
 export { GoToTop } from './go-to-top.mjs';
 export { Loading, getLoadingCycleDurationMs } from './loading.mjs';
 export { NProgressBar } from './nprogress-bar.mjs';
-export { AdsAlertDialog } from './alert-dialog/ads-alert-dialog.mjs';
-export { ConfirmDialog } from './alert-dialog/confirm-dialog.mjs';
-export { HighPriorityConfirmDialog } from './alert-dialog/high-priority-confirm-dialog.mjs';
-export { InfoDialog } from './alert-dialog/info-dialog.mjs';
-export { XButton } from './x-button.mjs';
-export { XToggleButton } from './x-toggle-button.mjs';
-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/gallery-interactive.mjs';
-export { DelayedImg } from './delayed-img.mjs';
-export { SnakeLoadingFrame, SnakeLoadingPreview } from './snake-loading-frame.mjs';
-export { XPillSelect } from './pill-select/x-pill-select.mjs';
-export { XFilterPills } from './pill-select/x-filter-pills.mjs';
-export { XFormPills } from './pill-select/x-form-pills.mjs';
-export { XTokenInput } from './pill-select/x-token-input.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';
-export { HeroMedia } from './hero-media.mjs';
-export { HeroSection } from './hero-section.mjs';
 export { InfoTooltip } from './info-tooltip.mjs';

package/dist/main/loading/index.d.ts

@@ -0,0 +1 @@
+export { Loading, getLoadingCycleDurationMs } from '../loading';

package/dist/main/loading/index.js

@@ -0,0 +1,9 @@
+"use client";
+'use strict';
+
+var loading = require('../loading.js');
+
+
+
+exports.Loading = loading.Loading;
+exports.getLoadingCycleDurationMs = loading.getLoadingCycleDurationMs;

package/dist/main/loading/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+export { Loading, getLoadingCycleDurationMs } from '../loading.mjs';

package/dist/main/loading-frame/index.d.ts

@@ -0,0 +1 @@
+export { SnakeLoadingFrame, SnakeLoadingPreview } from '../snake-loading-frame';

package/dist/main/loading-frame/index.js

@@ -0,0 +1,9 @@
+"use client";
+'use strict';
+
+var snakeLoadingFrame = require('../snake-loading-frame.js');
+
+
+
+exports.SnakeLoadingFrame = snakeLoadingFrame.SnakeLoadingFrame;
+exports.SnakeLoadingPreview = snakeLoadingFrame.SnakeLoadingPreview;

package/dist/main/loading-frame/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+export { SnakeLoadingFrame, SnakeLoadingPreview } from '../snake-loading-frame.mjs';

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

@@ -0,0 +1,4 @@
+export { MoneyPriceInteractive } from './money-price-interactive';
+export { MoneyPriceButton } from './money-price-button';
+export type { MoneyPriceConfig, MoneyPriceData, InitUserContext, MoneyPriceInteractiveProps, MoneyPriceButtonProps, PaymentProvider, PaymentProviderConfig, EnhancePricePlan, SubscriptionProductConfig, CreditPackProductConfig, UserContext, } from './money-price-types';
+export { UserState } from './money-price-types';

package/dist/main/money-price/index.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var moneyPriceInteractive = require('./money-price-interactive.js');
+var moneyPriceButton = require('./money-price-button.js');
+var moneyPriceTypes = require('./money-price-types.js');
+
+
+
+exports.MoneyPriceInteractive = moneyPriceInteractive.MoneyPriceInteractive;
+exports.MoneyPriceButton = moneyPriceButton.MoneyPriceButton;
+Object.defineProperty(exports, "UserState", {
+	enumerable: true,
+	get: function () { return moneyPriceTypes.UserState; }
+});