@underverse-ui/underverse 0.1.6 → 0.1.8

package/dist/index.js

@@ -2522,7 +2522,7 @@ var Alert = ({ title, description, variant = "default", className, icon, dismiss
 var Alert_default = Alert;
 
 // ../../components/ui/GlobalLoading.tsx
-import { useEffect as useEffect7, useState as useState14 } from "react";
+import React14, { useEffect as useEffect7, useState as useState14 } from "react";
 import { Activity as Activity2 } from "lucide-react";
 
 // ../../lib/utils/loading.ts
@@ -2641,21 +2641,24 @@ var ButtonLoading = ({
   disabled,
   loadingText
 }) => {
+  const child = React14.isValidElement(children) ? React14.cloneElement(children, {
+    disabled: (children.props?.disabled ?? false) || disabled || isLoading,
+    "aria-busy": isLoading || void 0
+  }) : children;
   return /* @__PURE__ */ jsxs17(
-    "button",
+    "div",
     {
       className: cn(
-        "relative",
+        "relative inline-block",
         isLoading && "cursor-not-allowed",
         className
       ),
-      disabled: disabled || isLoading,
       children: [
-        isLoading && /* @__PURE__ */ jsxs17("div", { className: "absolute inset-0 flex items-center justify-center", children: [
+        isLoading && /* @__PURE__ */ jsxs17("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: [
           /* @__PURE__ */ jsx19(Activity2, { className: "w-4 h-4 animate-spin text-primary-foreground" }),
           loadingText && /* @__PURE__ */ jsx19("span", { className: "ml-2 text-sm", children: loadingText })
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: cn(isLoading && "invisible"), children })
+        /* @__PURE__ */ jsx19("div", { className: cn(isLoading && "opacity-50 pointer-events-none"), children: child })
       ]
     }
   );