@windrun-huaiin/third-ui 5.9.6 → 5.9.8

package/dist/main/index.d.mts

@@ -81,18 +81,10 @@ interface SplitButtonProps {
     loadingText?: string;
     menuWidth?: string;
     className?: string;
+    mainButtonClassName?: string;
+    dropdownButtonClassName?: string;
 }
 type xButtonProps = SingleButtonProps | SplitButtonProps;
-declare const XButtonIcons: {
-    copy: react_jsx_runtime.JSX.Element;
-    checkCheck: react_jsx_runtime.JSX.Element;
-    globe: react_jsx_runtime.JSX.Element;
-    loader: react_jsx_runtime.JSX.Element;
-    download: react_jsx_runtime.JSX.Element;
-    upload: react_jsx_runtime.JSX.Element;
-    share: react_jsx_runtime.JSX.Element;
-    edit: react_jsx_runtime.JSX.Element;
-};
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton, XButtonIcons };
+export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.d.ts

@@ -81,18 +81,10 @@ interface SplitButtonProps {
     loadingText?: string;
     menuWidth?: string;
     className?: string;
+    mainButtonClassName?: string;
+    dropdownButtonClassName?: string;
 }
 type xButtonProps = SingleButtonProps | SplitButtonProps;
-declare const XButtonIcons: {
-    copy: react_jsx_runtime.JSX.Element;
-    checkCheck: react_jsx_runtime.JSX.Element;
-    globe: react_jsx_runtime.JSX.Element;
-    loader: react_jsx_runtime.JSX.Element;
-    download: react_jsx_runtime.JSX.Element;
-    upload: react_jsx_runtime.JSX.Element;
-    share: react_jsx_runtime.JSX.Element;
-    edit: react_jsx_runtime.JSX.Element;
-};
 declare function XButton(props: xButtonProps): react_jsx_runtime.JSX.Element;
 
-export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton, XButtonIcons };
+export { AdsAlertDialog, type BillingOption, CTA, FAQ, Features, Footer, Gallery, GoToTop, Loading, NProgressBar, PricePlan, type PricePlanAppConfig, type PricePlanProps, type Prices, SeoContent, Tips, Usage, XButton };

package/dist/main/index.js

@@ -93,8 +93,7 @@ __export(main_exports, {
   SeoContent: () => SeoContent,
   Tips: () => Tips,
   Usage: () => Usage,
-  XButton: () => XButton,
-  XButtonIcons: () => XButtonIcons
+  XButton: () => XButton
 });
 module.exports = __toCommonJS(main_exports);
 
@@ -6080,16 +6079,6 @@ function AdsAlertDialog({
 // src/main/x-button.tsx
 var import_react42 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var XButtonIcons = {
-  copy: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Copy, { className: "w-5 h-5 mr-1" }),
-  checkCheck: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.CheckCheck, { className: "w-5 h-5 mr-1" }),
-  globe: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Languages, { className: "w-5 h-5 mr-1" }),
-  loader: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
-  download: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Download, { className: "w-5 h-5 mr-1" }),
-  upload: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.ImageUp, { className: "w-5 h-5 mr-1" }),
-  share: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Share, { className: "w-5 h-5 mr-1" }),
-  edit: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Pencil, { className: "w-5 h-5 mr-1" })
-};
 function XButton(props) {
   var _a, _b;
   const [isLoading, setIsLoading] = (0, import_react42.useState)(false);
@@ -6121,7 +6110,7 @@ function XButton(props) {
       setIsLoading(false);
     }
   });
-  const baseButtonClass = "flex items-center justify-center px-4 py-2 bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-200 dark:hover:bg-neutral-700";
+  const baseButtonClass = "flex items-center justify-center px-4 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-300 dark:hover:bg-neutral-700";
   const disabledClass = "opacity-60 cursor-not-allowed";
   if (props.type === "single") {
     const { button, loadingText: loadingText2, minWidth = "min-w-[110px]", className: className2 = "" } = props;
@@ -6144,19 +6133,20 @@ function XButton(props) {
       }
     );
   }
-  const { mainButton, menuItems, loadingText, menuWidth = "w-40", className = "" } = props;
+  const { mainButton, menuItems, loadingText, menuWidth = "w-40", className = "", mainButtonClassName = "", dropdownButtonClassName = "" } = props;
   const isMainDisabled = mainButton.disabled || isLoading;
   const actualLoadingText = loadingText || ((_b = mainButton.text) == null ? void 0 : _b.trim()) || "Loading...";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `relative flex bg-neutral-100 dark:bg-neutral-800 rounded-full ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
       {
         onClick: () => handleButtonClick(mainButton.onClick),
         disabled: isMainDisabled,
-        className: `flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ""}`,
+        className: `flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ""} ${mainButtonClassName}`,
         onMouseDown: (e) => {
           if (e.button === 2) e.preventDefault();
         },
+        style: { borderTopRightRadius: 0, borderBottomRightRadius: 0 },
         children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.Loader2, { className: "w-5 h-5 mr-1 animate-spin" }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: actualLoadingText })
@@ -6169,12 +6159,13 @@ function XButton(props) {
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "span",
       {
-        className: "flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-200 dark:hover:bg-neutral-700 rounded-r-full",
+        className: `flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-r-full ${dropdownButtonClassName}`,
         onClick: (e) => {
           e.stopPropagation();
           setMenuOpen((v) => !v);
         },
         tabIndex: 0,
+        style: { borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },
         children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(globalLucideIcons.ChevronDown, { className: "w-6 h-6" })
       }
     ),
@@ -6191,7 +6182,7 @@ function XButton(props) {
               setMenuOpen(false);
             },
             disabled: item.disabled,
-            className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-200 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
+            className: `flex items-center w-full px-4 py-3 transition hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left relative ${item.disabled ? disabledClass : ""}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "flex items-center", children: [
                 item.icon,
@@ -6201,7 +6192,7 @@ function XButton(props) {
                 "span",
                 {
                   className: "absolute right-3 top-1 text-[10px] font-semibold",
-                  style: { color: item.tag.color || "#a855f7", pointerEvents: "none" },
+                  style: { color: item.tag.color || "#A855F7", pointerEvents: "none" },
                   children: item.tag.text
                 }
               )
@@ -6228,8 +6219,7 @@ function XButton(props) {
   SeoContent,
   Tips,
   Usage,
-  XButton,
-  XButtonIcons
+  XButton
 });
 /*! Bundled license information: