@windrun-huaiin/third-ui 26.0.0 → 27.0.0

package/dist/fuma/mdx/index.mjs

@@ -1,7 +1,6 @@
 "use client";
 export { TrophyCard } from './trophy-card.mjs';
 export { ZiaCard } from './zia-card.mjs';
-export { GradientButton } from './gradient-button.mjs';
 export { EditOnGitHub, LLMCopyButton, LastUpdatedDate } from './toc-base.mjs';
 export { FumaGithubInfo } from './fuma-github-info.mjs';
 export { ZiaFile, ZiaFolder } from './zia-file.mjs';

package/dist/fuma/mdx/suno-embed.js

@@ -6,7 +6,9 @@ var React = require('react');
 var utils = require('@windrun-huaiin/lib/utils');
 var lib = require('@windrun-huaiin/base-ui/lib');
 var snakeLoadingFrame = require('../../main/snake-loading-frame.js');
-var gradientButton = require('./gradient-button.js');
+var gradientButton = require('../../main/buttons/gradient-button.js');
+require('tslib');
+require('@windrun-huaiin/base-ui/icons');
 
 var _a;
 const rawTimeoutSeconds = (_a = process.env.NEXT_PUBLIC_SUNO_EMBED_TIMEOUT_SECONDS) !== null && _a !== void 0 ? _a : '30';

package/dist/fuma/mdx/suno-embed.mjs

@@ -4,7 +4,9 @@ import { useState, useRef, useEffect } from 'react';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { themeSvgIconColor, themeBgColor } from '@windrun-huaiin/base-ui/lib';
 import { SnakeLoadingFrame } from '../../main/snake-loading-frame.mjs';
-import { GradientButton } from './gradient-button.mjs';
+import { GradientButton } from '../../main/buttons/gradient-button.mjs';
+import 'tslib';
+import '@windrun-huaiin/base-ui/icons';
 
 var _a;
 const rawTimeoutSeconds = (_a = process.env.NEXT_PUBLIC_SUNO_EMBED_TIMEOUT_SECONDS) !== null && _a !== void 0 ? _a : '30';

package/dist/fuma/mdx/toc-base.js

@@ -27,7 +27,6 @@ function LLMCopyButton({ llmApiUrl, sourceKey } = {}) {
         if (sourceKey) {
             apiUrl += `&sourceKey=${encodeURIComponent(sourceKey)}`;
         }
-        console.log('Fetching LLM content from:', apiUrl);
         let content;
         try {
             if (cache.has(apiUrl)) {

package/dist/fuma/mdx/toc-base.mjs

@@ -25,7 +25,6 @@ function LLMCopyButton({ llmApiUrl, sourceKey } = {}) {
         if (sourceKey) {
             apiUrl += `&sourceKey=${encodeURIComponent(sourceKey)}`;
         }
-        console.log('Fetching LLM content from:', apiUrl);
         let content;
         try {
             if (cache.has(apiUrl)) {

package/dist/fuma/server/features/widgets.js

@@ -4,7 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var trophyCard = require('../../mdx/trophy-card.js');
 var ziaCard = require('../../mdx/zia-card.js');
-var gradientButton = require('../../mdx/gradient-button.js');
+var gradientButton = require('../../../main/buttons/gradient-button.js');
+require('tslib');
+require('@windrun-huaiin/base-ui/icons');
+require('@windrun-huaiin/base-ui/lib');
+require('@windrun-huaiin/lib/utils');
 var ziaFile = require('../../mdx/zia-file.js');
 var sunoEmbed = require('../../mdx/suno-embed.js');
 

package/dist/fuma/server/features/widgets.mjs

@@ -2,7 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { lazy } from 'react';
 import { TrophyCard } from '../../mdx/trophy-card.mjs';
 import { ZiaCard } from '../../mdx/zia-card.mjs';
-import { GradientButton } from '../../mdx/gradient-button.mjs';
+import { GradientButton } from '../../../main/buttons/gradient-button.mjs';
+import 'tslib';
+import '@windrun-huaiin/base-ui/icons';
+import '@windrun-huaiin/base-ui/lib';
+import '@windrun-huaiin/lib/utils';
 import { ZiaFolder, ZiaFile } from '../../mdx/zia-file.mjs';
 import { SunoEmbed } from '../../mdx/suno-embed.mjs';
 

package/dist/lib/site-docs-helper.d.ts

@@ -0,0 +1,51 @@
+import type { MDXComponents } from 'mdx/types';
+import { createConfiguredLocalMdSourceFactory } from '@windrun-huaiin/fumadocs-local-md/server/source';
+import { type FumaDocsCompilerFeatureOptions } from '@windrun-huaiin/fumadocs-local-md/presets/fuma-docs/base';
+import { createCommonDocsSchema, createCommonMetaSchema } from './fuma-schema-check-util';
+import { type SiteMdxFeatureComponents } from '../fuma/server/site-mdx-base';
+type SourceFactory = ReturnType<typeof createConfiguredLocalMdSourceFactory>;
+interface SiteDocsAppConfig {
+    i18n: {
+        defaultLocale: string;
+        locales: readonly string[];
+        localePrefixAsNeeded: boolean;
+    };
+    style: {
+        cdnBaseUrl?: string;
+        placeHolder: {
+            image?: string;
+        };
+        watermark?: {
+            enabled: boolean;
+            text: string;
+        };
+    };
+}
+export interface CreateSiteDocsHelperOptions<SourceKey extends string> {
+    appConfig: SiteDocsAppConfig;
+    sourceKeys?: readonly SourceKey[];
+    sourceRootDir?: string;
+    appRoot?: string;
+    sourceFeatures?: FumaDocsCompilerFeatureOptions[];
+    mdxFeatures?: SiteMdxFeatureComponents[];
+    additionalComponents?: MDXComponents;
+    frontmatterSchema?: ReturnType<typeof createCommonDocsSchema>;
+    metaSchema?: ReturnType<typeof createCommonMetaSchema>;
+}
+export declare function createSiteDocsHelper<SourceKey extends string>(options: CreateSiteDocsHelperOptions<SourceKey>): {
+    i18n: I18nConfig;
+    buildConfig: any;
+    sourceFactory: any;
+    getContentSource: (sourceKey: SourceKey, overrides?: Parameters<SourceFactory["getCachedSource"]>[1]) => Promise<any>;
+    getMDXComponents: (components?: MDXComponents) => MDXComponents;
+    useMDXComponents: (components?: MDXComponents) => MDXComponents;
+    createSourceSharedConfig(): {
+        i18n: I18nConfig;
+        frontmatterSchema: import("zod").ZodObject<any, import("zod/v4/core").$strip>;
+        metaSchema: import("zod").ZodObject<any, import("zod/v4/core").$strip>;
+        sourceRootDir: string | undefined;
+        appRoot: string;
+        icon(icon: string | undefined): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
+    };
+};
+export {};

package/dist/lib/site-docs-helper.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var tslib = require('tslib');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var source = require('@windrun-huaiin/fumadocs-local-md/server/source');
+var base = require('@windrun-huaiin/fumadocs-local-md/presets/fuma-docs/base');
+var fumaSchemaCheckUtil = require('./fuma-schema-check-util.js');
+var siteMdxBase = require('../fuma/server/site-mdx-base.js');
+
+function resolveLocalMdMode() {
+    var _a;
+    const enableDevRuntime = ((_a = process.env.LOCAL_MD_DEV_RUNTIME) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
+    if (process.env.NODE_ENV !== 'production' && enableDevRuntime) {
+        return 'runtime';
+    }
+    return 'build';
+}
+function createSiteDocsI18nConfig(appConfig) {
+    return {
+        defaultLanguage: appConfig.i18n.defaultLocale,
+        languages: appConfig.i18n.locales,
+        hideLocale: appConfig.i18n.localePrefixAsNeeded ? 'default-locale' : 'never',
+    };
+}
+function createSiteDocsHelper(options) {
+    const { appConfig, sourceRootDir, appRoot = process.cwd(), sourceFeatures = [], mdxFeatures = [], additionalComponents, frontmatterSchema = fumaSchemaCheckUtil.createCommonDocsSchema(), metaSchema = fumaSchemaCheckUtil.createCommonMetaSchema(), } = options;
+    const i18n = createSiteDocsI18nConfig(appConfig);
+    const sharedConfig = {
+        i18n,
+        frontmatterSchema,
+        metaSchema,
+        sourceRootDir,
+        appRoot,
+        icon(icon) {
+            return server.getGlobalIcon(icon, true);
+        },
+    };
+    const buildConfig = Object.assign(Object.assign({}, sharedConfig), base.createFumaDocsBaseCompilerOptions({
+        features: sourceFeatures,
+    }));
+    const sourceFactory = source.createConfiguredLocalMdSourceFactory(sharedConfig);
+    const getMDXComponents = siteMdxBase.createSiteMdxComponents({
+        baseOptions: {
+            imageFallbackSrc: appConfig.style.placeHolder.image,
+            cdnBaseUrl: appConfig.style.cdnBaseUrl,
+        },
+        features: mdxFeatures,
+        additionalComponents: Object.assign(Object.assign({}, server.globalLucideIcons), additionalComponents),
+    });
+    function getContentSource(sourceKey, overrides) {
+        return tslib.__awaiter(this, void 0, void 0, function* () {
+            return sourceFactory.getCachedSource(sourceKey, Object.assign({ mode: resolveLocalMdMode() }, overrides));
+        });
+    }
+    return {
+        i18n,
+        buildConfig,
+        sourceFactory,
+        getContentSource,
+        getMDXComponents,
+        useMDXComponents: getMDXComponents,
+        createSourceSharedConfig() {
+            return Object.assign({}, sharedConfig);
+        },
+    };
+}
+
+exports.createSiteDocsHelper = createSiteDocsHelper;

package/dist/lib/site-docs-helper.mjs

@@ -0,0 +1,66 @@
+import { __awaiter } from 'tslib';
+import { globalLucideIcons, getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
+import { createConfiguredLocalMdSourceFactory } from '@windrun-huaiin/fumadocs-local-md/server/source';
+import { createFumaDocsBaseCompilerOptions } from '@windrun-huaiin/fumadocs-local-md/presets/fuma-docs/base';
+import { createCommonMetaSchema, createCommonDocsSchema } from './fuma-schema-check-util.mjs';
+import { createSiteMdxComponents } from '../fuma/server/site-mdx-base.mjs';
+
+function resolveLocalMdMode() {
+    var _a;
+    const enableDevRuntime = ((_a = process.env.LOCAL_MD_DEV_RUNTIME) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'true';
+    if (process.env.NODE_ENV !== 'production' && enableDevRuntime) {
+        return 'runtime';
+    }
+    return 'build';
+}
+function createSiteDocsI18nConfig(appConfig) {
+    return {
+        defaultLanguage: appConfig.i18n.defaultLocale,
+        languages: appConfig.i18n.locales,
+        hideLocale: appConfig.i18n.localePrefixAsNeeded ? 'default-locale' : 'never',
+    };
+}
+function createSiteDocsHelper(options) {
+    const { appConfig, sourceRootDir, appRoot = process.cwd(), sourceFeatures = [], mdxFeatures = [], additionalComponents, frontmatterSchema = createCommonDocsSchema(), metaSchema = createCommonMetaSchema(), } = options;
+    const i18n = createSiteDocsI18nConfig(appConfig);
+    const sharedConfig = {
+        i18n,
+        frontmatterSchema,
+        metaSchema,
+        sourceRootDir,
+        appRoot,
+        icon(icon) {
+            return getGlobalIcon(icon, true);
+        },
+    };
+    const buildConfig = Object.assign(Object.assign({}, sharedConfig), createFumaDocsBaseCompilerOptions({
+        features: sourceFeatures,
+    }));
+    const sourceFactory = createConfiguredLocalMdSourceFactory(sharedConfig);
+    const getMDXComponents = createSiteMdxComponents({
+        baseOptions: {
+            imageFallbackSrc: appConfig.style.placeHolder.image,
+            cdnBaseUrl: appConfig.style.cdnBaseUrl,
+        },
+        features: mdxFeatures,
+        additionalComponents: Object.assign(Object.assign({}, globalLucideIcons), additionalComponents),
+    });
+    function getContentSource(sourceKey, overrides) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return sourceFactory.getCachedSource(sourceKey, Object.assign({ mode: resolveLocalMdMode() }, overrides));
+        });
+    }
+    return {
+        i18n,
+        buildConfig,
+        sourceFactory,
+        getContentSource,
+        getMDXComponents,
+        useMDXComponents: getMDXComponents,
+        createSourceSharedConfig() {
+            return Object.assign({}, sharedConfig);
+        },
+    };
+}
+
+export { createSiteDocsHelper };

package/dist/main/alert-dialog/index.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var adsAlertDialog = require('./ads-alert-dialog.js');
+var confirmDialog = require('./confirm-dialog.js');
+var highPriorityConfirmDialog = require('./high-priority-confirm-dialog.js');
+var infoDialog = require('./info-dialog.js');
+
+
+
+exports.AdsAlertDialog = adsAlertDialog.AdsAlertDialog;
+exports.ConfirmDialog = confirmDialog.ConfirmDialog;
+exports.HighPriorityConfirmDialog = highPriorityConfirmDialog.HighPriorityConfirmDialog;
+exports.InfoDialog = infoDialog.InfoDialog;

package/dist/main/alert-dialog/index.mjs

@@ -0,0 +1,5 @@
+"use client";
+export { AdsAlertDialog } from './ads-alert-dialog.mjs';
+export { ConfirmDialog } from './confirm-dialog.mjs';
+export { HighPriorityConfirmDialog } from './high-priority-confirm-dialog.mjs';
+export { InfoDialog } from './info-dialog.mjs';

package/dist/main/buttons/gradient-button.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+type GradientButtonVariant = 'default' | 'soft' | 'subtle';
+export interface GradientButtonProps {
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    iconForcePosition?: 'left' | 'right';
+    align?: 'left' | 'center' | 'right';
+    disabled?: boolean;
+    className?: string;
+    iconClassName?: string;
+    href?: string;
+    openInNewTab?: boolean;
+    preserveReferrer?: boolean;
+    onClick?: () => void | Promise<void>;
+    loadingText?: React.ReactNode;
+    preventDoubleClick?: boolean;
+    variant?: GradientButtonVariant;
+}
+export declare function GradientButton({ title, icon, iconForcePosition, align, disabled, className, href, openInNewTab, preserveReferrer, onClick, loadingText, preventDoubleClick, iconClassName, variant, }: GradientButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/main/buttons/gradient-button.js

@@ -0,0 +1,88 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var icons = require('@windrun-huaiin/base-ui/icons');
+var lib = require('@windrun-huaiin/base-ui/lib');
+var Link = require('next/link');
+var React = require('react');
+
+function GradientButton({ title, icon, iconForcePosition, align = 'left', disabled = false, className = "", href, openInNewTab = true, preserveReferrer = false, onClick, loadingText, preventDoubleClick = true, iconClassName, variant = 'default', }) {
+    const [isLoading, setIsLoading] = React.useState(false);
+    const actualLoadingText = loadingText || (title === null || title === void 0 ? void 0 : title.toString().trim()) || 'Loading...';
+    const defaultIconClass = "h-4 w-4";
+    const finalIconClass = utils.cn(variant === 'default' ? 'text-white' : lib.themeIconColor, iconClassName || defaultIconClass);
+    const getAlignmentClass = () => {
+        switch (align) {
+            case 'center':
+                return 'justify-center';
+            case 'right':
+                return 'justify-end';
+            default:
+                return 'justify-start';
+        }
+    };
+    const handleClick = (e) => tslib.__awaiter(this, void 0, void 0, function* () {
+        if (disabled || isLoading) {
+            e.preventDefault();
+            return;
+        }
+        if (onClick) {
+            e.preventDefault();
+            if (preventDoubleClick) {
+                setIsLoading(true);
+            }
+            try {
+                yield onClick();
+            }
+            catch (error) {
+                console.error('GradientButton onClick error:', error);
+            }
+            finally {
+                if (preventDoubleClick) {
+                    setIsLoading(false);
+                }
+            }
+        }
+    });
+    const isDisabled = disabled || isLoading;
+    const displayTitle = isLoading ? actualLoadingText : title;
+    const iconProvided = icon !== undefined;
+    const iconNode = (() => {
+        if (isLoading) {
+            return jsxRuntime.jsx(icons.Loader2Icon, { className: utils.cn(finalIconClass, 'animate-spin') });
+        }
+        if (iconProvided) {
+            if (icon === null || icon === false) {
+                return null;
+            }
+            if (React.isValidElement(icon)) {
+                return React.cloneElement(icon, {
+                    className: utils.cn(finalIconClass, icon.props.className),
+                });
+            }
+            return icon;
+        }
+        return jsxRuntime.jsx(icons.ArrowRightIcon, { className: utils.cn(finalIconClass) });
+    })();
+    const shouldRenderIcon = iconNode !== null && iconNode !== undefined;
+    const iconPosition = iconForcePosition !== null && iconForcePosition !== void 0 ? iconForcePosition : (onClick ? 'left' : 'right');
+    const buttonContent = iconPosition === 'left' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldRenderIcon ? jsxRuntime.jsx("span", { children: iconNode }) : null, jsxRuntime.jsx("span", { className: utils.cn(shouldRenderIcon && 'ml-1'), children: displayTitle })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { children: displayTitle }), shouldRenderIcon ? jsxRuntime.jsx("span", { className: "ml-1", children: iconNode }) : null] }));
+    const alignmentClass = align === 'right'
+        ? 'justify-end'
+        : align === 'center'
+            ? 'justify-center'
+            : 'justify-start';
+    const baseButtonStyles = "inline-flex items-center gap-2 whitespace-nowrap h-11 px-8 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50";
+    const variantClassName = variant === 'soft'
+        ? utils.cn(lib.themeBgColor, lib.themeIconColor, lib.themeBorderColor, 'border shadow-sm hover:shadow-md hover:brightness-95')
+        : variant === 'subtle'
+            ? utils.cn(lib.themeMainBgColor, lib.themeIconColor, 'border border-neutral-200 shadow-sm hover:shadow-md hover:bg-neutral-50 dark:border-neutral-800 dark:hover:bg-neutral-800')
+            : utils.cn(lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass, 'text-white shadow-lg hover:shadow-xl');
+    const buttonClassName = utils.cn(baseButtonStyles, variantClassName, 'text-base font-bold transition-all duration-300 rounded-full', alignmentClass, isDisabled && 'opacity-50 cursor-not-allowed', className);
+    return (jsxRuntime.jsx("div", { className: `flex flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (jsxRuntime.jsx("button", { type: "button", className: buttonClassName, onClick: handleClick, disabled: isDisabled, children: buttonContent })) : (jsxRuntime.jsx(Link, Object.assign({ href: href || "#", className: utils.cn(buttonClassName, "no-underline hover:no-underline") }, (openInNewTab ? { target: "_blank", rel: preserveReferrer ? 'noopener' : 'noopener noreferrer' } : {}), { onClick: isDisabled ? (e) => e.preventDefault() : undefined, "aria-disabled": isDisabled, children: buttonContent }))) }));
+}
+
+exports.GradientButton = GradientButton;

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

@@ -0,0 +1,86 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { Loader2Icon, ArrowRightIcon } from '@windrun-huaiin/base-ui/icons';
+import { themeIconColor, themeBgColor, themeBorderColor, themeMainBgColor, themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
+import Link from 'next/link';
+import React__default, { useState } from 'react';
+
+function GradientButton({ title, icon, iconForcePosition, align = 'left', disabled = false, className = "", href, openInNewTab = true, preserveReferrer = false, onClick, loadingText, preventDoubleClick = true, iconClassName, variant = 'default', }) {
+    const [isLoading, setIsLoading] = useState(false);
+    const actualLoadingText = loadingText || (title === null || title === void 0 ? void 0 : title.toString().trim()) || 'Loading...';
+    const defaultIconClass = "h-4 w-4";
+    const finalIconClass = cn(variant === 'default' ? 'text-white' : themeIconColor, iconClassName || defaultIconClass);
+    const getAlignmentClass = () => {
+        switch (align) {
+            case 'center':
+                return 'justify-center';
+            case 'right':
+                return 'justify-end';
+            default:
+                return 'justify-start';
+        }
+    };
+    const handleClick = (e) => __awaiter(this, void 0, void 0, function* () {
+        if (disabled || isLoading) {
+            e.preventDefault();
+            return;
+        }
+        if (onClick) {
+            e.preventDefault();
+            if (preventDoubleClick) {
+                setIsLoading(true);
+            }
+            try {
+                yield onClick();
+            }
+            catch (error) {
+                console.error('GradientButton onClick error:', error);
+            }
+            finally {
+                if (preventDoubleClick) {
+                    setIsLoading(false);
+                }
+            }
+        }
+    });
+    const isDisabled = disabled || isLoading;
+    const displayTitle = isLoading ? actualLoadingText : title;
+    const iconProvided = icon !== undefined;
+    const iconNode = (() => {
+        if (isLoading) {
+            return jsx(Loader2Icon, { className: cn(finalIconClass, 'animate-spin') });
+        }
+        if (iconProvided) {
+            if (icon === null || icon === false) {
+                return null;
+            }
+            if (React__default.isValidElement(icon)) {
+                return React__default.cloneElement(icon, {
+                    className: cn(finalIconClass, icon.props.className),
+                });
+            }
+            return icon;
+        }
+        return jsx(ArrowRightIcon, { className: cn(finalIconClass) });
+    })();
+    const shouldRenderIcon = iconNode !== null && iconNode !== undefined;
+    const iconPosition = iconForcePosition !== null && iconForcePosition !== void 0 ? iconForcePosition : (onClick ? 'left' : 'right');
+    const buttonContent = iconPosition === 'left' ? (jsxs(Fragment, { children: [shouldRenderIcon ? jsx("span", { children: iconNode }) : null, jsx("span", { className: cn(shouldRenderIcon && 'ml-1'), children: displayTitle })] })) : (jsxs(Fragment, { children: [jsx("span", { children: displayTitle }), shouldRenderIcon ? jsx("span", { className: "ml-1", children: iconNode }) : null] }));
+    const alignmentClass = align === 'right'
+        ? 'justify-end'
+        : align === 'center'
+            ? 'justify-center'
+            : 'justify-start';
+    const baseButtonStyles = "inline-flex items-center gap-2 whitespace-nowrap h-11 px-8 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50";
+    const variantClassName = variant === 'soft'
+        ? cn(themeBgColor, themeIconColor, themeBorderColor, 'border shadow-sm hover:shadow-md hover:brightness-95')
+        : variant === 'subtle'
+            ? cn(themeMainBgColor, themeIconColor, 'border border-neutral-200 shadow-sm hover:shadow-md hover:bg-neutral-50 dark:border-neutral-800 dark:hover:bg-neutral-800')
+            : cn(themeButtonGradientClass, themeButtonGradientHoverClass, 'text-white shadow-lg hover:shadow-xl');
+    const buttonClassName = cn(baseButtonStyles, variantClassName, 'text-base font-bold transition-all duration-300 rounded-full', alignmentClass, isDisabled && 'opacity-50 cursor-not-allowed', className);
+    return (jsx("div", { className: `flex flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (jsx("button", { type: "button", className: buttonClassName, onClick: handleClick, disabled: isDisabled, children: buttonContent })) : (jsx(Link, Object.assign({ href: href || "#", className: cn(buttonClassName, "no-underline hover:no-underline") }, (openInNewTab ? { target: "_blank", rel: preserveReferrer ? 'noopener' : 'noopener noreferrer' } : {}), { onClick: isDisabled ? (e) => e.preventDefault() : undefined, "aria-disabled": isDisabled, children: buttonContent }))) }));
+}
+
+export { GradientButton };

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

@@ -0,0 +1,3 @@
+export * from './gradient-button';
+export * from './x-button';
+export * from './x-toggle-button';

package/dist/main/buttons/index.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var gradientButton = require('./gradient-button.js');
+var xButton = require('./x-button.js');
+var xToggleButton = require('./x-toggle-button.js');
+
+
+
+exports.GradientButton = gradientButton.GradientButton;
+exports.XButton = xButton.XButton;
+exports.XToggleButton = xToggleButton.XToggleButton;

package/dist/main/buttons/index.mjs

@@ -0,0 +1,4 @@
+"use client";
+export { GradientButton } from './gradient-button.mjs';
+export { XButton } from './x-button.mjs';
+export { XToggleButton } from './x-toggle-button.mjs';

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

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+type XButtonVariant = 'default' | 'soft' | 'subtle';
+interface BaseButtonConfig {
+    icon: ReactNode;
+    text: string;
+    onClick: () => void | Promise<void>;
+    disabled?: boolean;
+}
+interface MenuItemConfig extends BaseButtonConfig {
+    tag?: {
+        text: string;
+        color?: string;
+    };
+    splitTopBorder?: boolean;
+}
+interface SingleButtonProps {
+    type: 'single';
+    button: BaseButtonConfig;
+    loadingText?: string;
+    minWidth?: string;
+    className?: string;
+    iconClassName?: string;
+    variant?: XButtonVariant;
+}
+interface SplitButtonProps {
+    type: 'split';
+    mainButton: BaseButtonConfig;
+    menuItems: MenuItemConfig[];
+    loadingText?: string;
+    menuWidth?: string;
+    className?: string;
+    mainButtonClassName?: string;
+    dropdownButtonClassName?: string;
+    iconClassName?: string;
+    variant?: XButtonVariant;
+}
+type xButtonProps = SingleButtonProps | SplitButtonProps;
+export declare function XButton(props: xButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var icons = require('@windrun-huaiin/base-ui/icons');
+var lib = require('@windrun-huaiin/base-ui/lib');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function XButton(props) {
+    var _a, _b, _c;
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [menuOpen, setMenuOpen] = React.useState(false);
+    const menuRef = React.useRef(null);
+    const { iconClassName } = props;
+    const defaultIconClass = "w-5 h-5";
+    const variant = (_a = props.variant) !== null && _a !== void 0 ? _a : 'default';
+    const finalIconClass = utils.cn(variant === 'default' ? '' : lib.themeIconColor, iconClassName || defaultIconClass);
+    const loadingIconClass = utils.cn(finalIconClass, "mr-1 animate-spin");
+    const chevronIconClass = "w-6 h-6";
+    const renderIcon = (icon) => {
+        if (React.isValidElement(icon)) {
+            return React.cloneElement(icon, {
+                className: utils.cn(finalIconClass, icon.props.className),
+            });
+        }
+        return icon;
+    };
+    React.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) => tslib.__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'
+        ? utils.cn(lib.themeBgColor, lib.themeIconColor, lib.themeBorderColor, "border hover:brightness-95")
+        : variant === 'subtle'
+            ? utils.cn(lib.themeMainBgColor, lib.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'
+        ? utils.cn("bg-transparent hover:bg-black/5 dark:hover:bg-white/5", lib.themeIconColor)
+        : variant === 'subtle'
+            ? utils.cn("bg-transparent hover:bg-neutral-50 dark:hover:bg-neutral-800", lib.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'
+        ? utils.cn("bg-transparent hover:bg-black/5 dark:hover:bg-white/5 sm:border-l", lib.themeIconColor, lib.themeBorderColor)
+        : variant === 'subtle'
+            ? utils.cn("bg-transparent hover:bg-neutral-50 dark:hover:bg-neutral-800 sm:border-l", lib.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 (jsxRuntime.jsx("button", { onClick: () => handleButtonClick(button.onClick), disabled: isDisabled, className: utils.cn("w-full sm:w-auto", minWidth, baseButtonClass, singleButtonVariantClass, "rounded-full", isDisabled && disabledClass, className), title: button.text, children: isLoading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icons.Loader2Icon, { className: loadingIconClass }), jsxRuntime.jsx("span", { children: actualLoadingText })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderIcon(button.icon), jsxRuntime.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 (jsxRuntime.jsxs("div", { className: utils.cn("relative flex flex-row items-stretch w-full sm:w-auto rounded-full gap-0", menuOpen && "z-90", className), children: [jsxRuntime.jsx("button", { onClick: () => handleButtonClick(mainButton.onClick), disabled: isMainDisabled, className: utils.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 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icons.Loader2Icon, { className: loadingIconClass }), jsxRuntime.jsx("span", { children: actualLoadingText })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [renderIcon(mainButton.icon), jsxRuntime.jsx("span", { children: mainButton.text })] })) }), jsxRuntime.jsx("button", { type: "button", onClick: () => setMenuOpen(!menuOpen), disabled: isLoading, className: utils.cn("w-12 rounded-r-full", baseButtonClass, splitDropdownVariantClass, isLoading && disabledClass, dropdownButtonClassName), "aria-label": "Open menu", children: jsxRuntime.jsx(icons.ChevronDownIcon, { className: utils.cn(chevronIconClass, menuOpen && "rotate-180", "transition-transform") }) }), menuOpen && (jsxRuntime.jsx("div", { ref: menuRef, className: utils.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) => (jsxRuntime.jsxs("button", { type: "button", onClick: () => {
+                        setMenuOpen(false);
+                        handleButtonClick(item.onClick);
+                    }, disabled: item.disabled || isLoading, className: utils.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), jsxRuntime.jsx("span", { className: "flex-1", children: item.text }), item.tag && (jsxRuntime.jsx("span", { className: utils.cn("px-1.5 py-0.5 text-xs rounded", item.tag.color || "bg-blue-100 text-blue-800"), children: item.tag.text }))] }, index))) }))] }));
+}
+
+exports.XButton = XButton;