@moontra/moonui-pro 2.1.4 → 2.2.0

package/dist/index.mjs

@@ -1982,7 +1982,7 @@ var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var buttonVariants = cva(
+var moonUIButtonProVariants = cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "font-medium relative",
@@ -2131,7 +2131,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React16.forwardRef(
+var MoonUIButtonPro = React16.forwardRef(
   ({
     className,
     variant,
@@ -2150,7 +2150,7 @@ var Button = React16.forwardRef(
     return /* @__PURE__ */ jsxs(
       Comp,
       {
-        className: cn(buttonVariants({ variant, size, rounded, fullWidth, className })),
+        className: cn(moonUIButtonProVariants({ variant, size, rounded, fullWidth, className })),
         ref,
         disabled: disabled || loading,
         "data-loading": loading ? "" : void 0,
@@ -2165,7 +2165,7 @@ var Button = React16.forwardRef(
     );
   }
 );
-Button.displayName = "Button";
+MoonUIButtonPro.displayName = "MoonUIButtonPro";
 
 // src/hooks/use-subscription.ts
 function useSubscription() {
@@ -2331,7 +2331,7 @@ var AnimatedButton = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Animated Button is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -2366,7 +2366,7 @@ var ErrorBoundaryInternal = class extends Component {
           /* @__PURE__ */ jsx(CardDescription, { children: "An error occurred while rendering this component" })
         ] }),
         /* @__PURE__ */ jsx(CardContent, { className: "text-center", children: /* @__PURE__ */ jsxs(
-          Button,
+          MoonUIButtonPro,
           {
             onClick: () => this.setState({ hasError: false, error: void 0 }),
             className: "mt-4",
@@ -2389,7 +2389,7 @@ function ErrorBoundaryWrapper(props) {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Error Boundary is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -2539,7 +2539,7 @@ var FloatingActionButton = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Floating Action Button is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -2663,7 +2663,7 @@ var HoverCard3D = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "3D Hover Card is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -2785,7 +2785,7 @@ var MagneticButton = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Magnetic Button is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -2906,7 +2906,7 @@ var PinchZoom = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Pinch Zoom is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -3055,7 +3055,7 @@ var SpotlightCard = React16__default.forwardRef(
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Spotlight Card is available exclusively to MoonUI Pro subscribers." }),
-          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+          /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
             "Upgrade to Pro"
           ] }) })
@@ -4075,7 +4075,7 @@ function EventDialog({
       ] }),
       /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
         mode === "edit" && onDelete && /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "button",
             variant: "destructive",
@@ -4085,7 +4085,7 @@ function EventDialog({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "button",
             variant: "outline",
@@ -4094,7 +4094,7 @@ function EventDialog({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? mode === "create" ? "Creating..." : "Saving..." : mode === "create" ? "Create Event" : "Save Changes" })
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { type: "submit", disabled: isSubmitting, children: isSubmitting ? mode === "create" ? "Creating..." : "Saving..." : mode === "create" ? "Create Event" : "Save Changes" })
       ] })
     ] })
   ] }) });
@@ -4142,7 +4142,7 @@ function Calendar2({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Calendar is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) }) })
@@ -4300,9 +4300,9 @@ function Calendar2({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: goToToday, children: "Today" }),
+          /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", size: "sm", onClick: goToToday, children: "Today" }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -4312,7 +4312,7 @@ function Calendar2({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -4374,7 +4374,7 @@ function Calendar2({
                             /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: event.title }),
                             showEventDetails && /* @__PURE__ */ jsxs("div", { className: "hidden group-hover:flex items-center gap-1 ml-1", children: [
                               /* @__PURE__ */ jsx(
-                                Button,
+                                MoonUIButtonPro,
                                 {
                                   variant: "ghost",
                                   size: "sm",
@@ -4384,7 +4384,7 @@ function Calendar2({
                                 }
                               ),
                               /* @__PURE__ */ jsx(
-                                Button,
+                                MoonUIButtonPro,
                                 {
                                   variant: "ghost",
                                   size: "sm",
@@ -4433,7 +4433,7 @@ function Calendar2({
                   /* @__PURE__ */ jsx("h5", { className: "font-medium", children: event.title }),
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(
-                      Button,
+                      MoonUIButtonPro,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -4442,7 +4442,7 @@ function Calendar2({
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Button,
+                      MoonUIButtonPro,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -4479,7 +4479,7 @@ function Calendar2({
             getEventsForDate(selectedDate).length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-center py-4", children: [
               /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "No events scheduled for this date" }),
               /* @__PURE__ */ jsxs(
-                Button,
+                MoonUIButtonPro,
                 {
                   variant: "outline",
                   size: "sm",
@@ -4643,7 +4643,7 @@ function Kanban({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Kanban Board is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) }) })
@@ -4768,7 +4768,7 @@ function Kanban({
                   /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: column.title }),
                   /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: column.cards.length })
                 ] }),
-                /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) })
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) })
               ] }),
               column.limit && /* @__PURE__ */ jsx(CardDescription, { className: cn(
                 "text-xs",
@@ -4797,7 +4797,7 @@ function Kanban({
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
                         /* @__PURE__ */ jsx(
-                          Button,
+                          MoonUIButtonPro,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -4807,7 +4807,7 @@ function Kanban({
                           }
                         ),
                         /* @__PURE__ */ jsx(
-                          Button,
+                          MoonUIButtonPro,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -4854,7 +4854,7 @@ function Kanban({
                 card.id
               )),
               onAddCard && /* @__PURE__ */ jsxs(
-                Button,
+                MoonUIButtonPro,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -4874,7 +4874,7 @@ function Kanban({
       );
     }),
     showAddColumn && onAddColumn && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-80", children: /* @__PURE__ */ jsxs(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         onClick: onAddColumn,
@@ -44392,7 +44392,7 @@ function RichTextEditor({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Advanced Rich Text Editor is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) }) })
@@ -44818,7 +44818,7 @@ function RichTextEditor({
       (features.bold || features.italic || features.underline || features.strike || features.code) && (features.heading || features.align) && /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 shrink-0" }),
       (features.heading || features.align) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
         features.heading && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 px-2", disabled: isSourceView, children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "ghost", size: "sm", className: "h-8 px-2", disabled: isSourceView, children: [
             /* @__PURE__ */ jsx(Type, { className: "w-4 h-4 mr-1" }),
             /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" })
           ] }) }),
@@ -44930,7 +44930,7 @@ function RichTextEditor({
       features.color && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
         /* @__PURE__ */ jsxs(Popover, { children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "ghost",
               size: "sm",
@@ -44953,7 +44953,7 @@ function RichTextEditor({
         ] }),
         /* @__PURE__ */ jsxs(Popover, { children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "ghost",
               size: "sm",
@@ -45023,7 +45023,7 @@ function RichTextEditor({
             ] }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
               editor.isActive("link") && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   variant: "destructive",
                   onClick: () => {
@@ -45034,8 +45034,8 @@ function RichTextEditor({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "ml-auto flex gap-2", children: [
-                /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setIsLinkDialogOpen(false), children: "Cancel" }),
-                /* @__PURE__ */ jsx(Button, { onClick: addLink, children: "Add Link" })
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setIsLinkDialogOpen(false), children: "Cancel" }),
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: addLink, children: "Add Link" })
               ] })
             ] })
           ] })
@@ -45079,8 +45079,8 @@ function RichTextEditor({
               )
             ] }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setIsImageDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx(Button, { onClick: addImage, children: "Add Image" })
+              /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setIsImageDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: addImage, children: "Add Image" })
             ] })
           ] })
         ] }),
@@ -45145,13 +45145,13 @@ function RichTextEditor({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-                /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setIsTableDialogOpen(false), children: "Cancel" }),
-                /* @__PURE__ */ jsx(Button, { onClick: createTable2, children: "Create Table" })
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setIsTableDialogOpen(false), children: "Cancel" }),
+                /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: createTable2, children: "Create Table" })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-8 px-1", children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" }) }) }),
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", className: "h-8 px-1", children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" }) }) }),
             /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
               /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => editor.chain().focus().addColumnBefore().run(), children: "Add column before" }),
               /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => editor.chain().focus().addColumnAfter().run(), children: "Add column after" }),
@@ -45210,7 +45210,7 @@ function RichTextEditor({
         features.ai && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(DropdownMenu, { children: [
             /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-              Button,
+              MoonUIButtonPro,
               {
                 variant: "ghost",
                 size: "sm",
@@ -45388,7 +45388,7 @@ function RichTextEditor({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: () => {
+              /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: () => {
                 setIsAiSettingsOpen(false);
                 toast({
                   title: "Settings saved",
@@ -45522,8 +45522,8 @@ function RichTextEditor({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setIsTableBorderDialogOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => {
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", onClick: () => setIsTableBorderDialogOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: () => {
           applyTableBorders(tableBorderWidth, tableBorderColor, tableBorderStyle);
           setIsTableBorderDialogOpen(false);
           toast({
@@ -46534,7 +46534,7 @@ function AdvancedChart({
   if (error) {
     return /* @__PURE__ */ jsx(Card, { className: cn$1("w-full", className), children: /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center", style: { height }, children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-destructive mb-2", children: error }),
-      onRefresh && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onRefresh, children: [
+      onRefresh && /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", onClick: onRefresh, children: [
         /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
         "Retry"
       ] })
@@ -46563,10 +46563,10 @@ function AdvancedChart({
         subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: subtitle })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
-        onRefresh && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRefresh, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }) }),
-        onExport && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleExport("png"), children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setIsFullscreen(!isFullscreen), children: /* @__PURE__ */ jsx(Maximize2, { className: "h-4 w-4" }) })
+        onRefresh && /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: onRefresh, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }) }),
+        onExport && /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: () => handleExport("png"), children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", onClick: () => setIsFullscreen(!isFullscreen), children: /* @__PURE__ */ jsx(Maximize2, { className: "h-4 w-4" }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx(CardContent, { children: responsive ? /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: renderChart() }) : /* @__PURE__ */ jsx("div", { style: { width: "100%", height: `${height}px` }, children: renderChart() }) })
@@ -46684,7 +46684,7 @@ function Dashboard({
           widget.description && /* @__PURE__ */ jsx(CardDescription, { className: "mt-1", children: widget.description })
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -46744,7 +46744,7 @@ function Dashboard({
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description })
       ] }),
       refreshable && /* @__PURE__ */ jsxs(
-        Button,
+        MoonUIButtonPro,
         {
           variant: "outline",
           onClick: handleRefresh,
@@ -46759,15 +46759,15 @@ function Dashboard({
     /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: displayMetrics.map(renderMetricCard) }),
     widgets.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: widgets.map(renderWidget) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-4 border-t", children: [
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
         /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 mr-2" }),
         "Export Data"
       ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
         /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 mr-2" }),
         "Schedule Report"
       ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
         /* @__PURE__ */ jsx(Star, { className: "h-4 w-4 mr-2" }),
         "Save View"
       ] })
@@ -47174,7 +47174,7 @@ var AdvancedFormsInternal = ({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   type: "button",
                   variant: "ghost",
@@ -47264,7 +47264,7 @@ var AdvancedFormsInternal = ({
               uploadedFiles[field.name] && uploadedFiles[field.name].length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: uploadedFiles[field.name].map((file, index2) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-2 bg-muted rounded-md", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: file.name }),
                 /* @__PURE__ */ jsx(
-                  Button,
+                  MoonUIButtonPro,
                   {
                     type: "button",
                     variant: "ghost",
@@ -47331,7 +47331,7 @@ var AdvancedFormsInternal = ({
           " fields completed"
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "submit",
             disabled: isSubmitting || !isValid,
@@ -47358,7 +47358,7 @@ var AdvancedForms = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Advanced Forms is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -47549,7 +47549,7 @@ var ColorPickerInternal = ({
   };
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         className: cn(
@@ -47666,7 +47666,7 @@ var ColorPickerInternal = ({
         showCopy && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx(Label, { children: "\xA0" }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -47679,7 +47679,7 @@ var ColorPickerInternal = ({
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx(Label, { children: "\xA0" }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -47718,7 +47718,7 @@ var ColorPicker2 = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Color Picker is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -47868,7 +47868,7 @@ var GitHubStarsInternal = ({
         /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: "Failed to load repositories" }),
         /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: error })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: fetchRepositories, variant: "outline", children: [
+      /* @__PURE__ */ jsxs(MoonUIButtonPro, { onClick: fetchRepositories, variant: "outline", children: [
         /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4 mr-2" }),
         "Try Again"
       ] })
@@ -47895,7 +47895,7 @@ var GitHubStarsInternal = ({
           " repos"
         ] }),
         autoRefresh && /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Auto-refresh" }),
-        /* @__PURE__ */ jsx(Button, { onClick: fetchRepositories, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx(MoonUIButtonPro, { onClick: fetchRepositories, variant: "outline", size: "sm", children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) })
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: cn(
@@ -47919,7 +47919,7 @@ var GitHubStarsInternal = ({
                   showOwner && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: repo.owner.login })
                 ] }),
                 /* @__PURE__ */ jsx(
-                  Button,
+                  MoonUIButtonPro,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -47984,7 +47984,7 @@ var GitHubStars = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "GitHub Stars is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -48174,7 +48174,7 @@ var HealthCheckInternal = ({
             /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Uptime" })
           ] }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               onClick: checkAllEndpoints,
               disabled: isChecking,
@@ -48277,7 +48277,7 @@ var HealthCheck = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Health Check is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -48498,7 +48498,7 @@ var LazyComponent = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Lazy Component is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -48665,7 +48665,7 @@ var OptimizedImageInternal = ({
           children: [
             /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [
               showInfo && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48675,7 +48675,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               showDownload && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48685,7 +48685,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               showPreview && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48737,7 +48737,7 @@ var OptimizedImageInternal = ({
           /* @__PURE__ */ jsxs("div", { className: "absolute top-4 right-4 flex gap-2 z-10", children: [
             showZoom && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48751,7 +48751,7 @@ var OptimizedImageInternal = ({
                 "%"
               ] }),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48761,7 +48761,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48771,7 +48771,7 @@ var OptimizedImageInternal = ({
               )
             ] }),
             /* @__PURE__ */ jsx(
-              Button,
+              MoonUIButtonPro,
               {
                 size: "sm",
                 variant: "secondary",
@@ -48809,7 +48809,7 @@ var OptimizedImage = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Optimized Image is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -49377,7 +49377,7 @@ var PerformanceDebuggerInternal = ({
   };
   if (!isVisible) {
     return /* @__PURE__ */ jsxs(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         size: "sm",
@@ -49405,7 +49405,7 @@ var PerformanceDebuggerInternal = ({
           isCapturing ? "Live" : "Paused"
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49414,7 +49414,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49423,7 +49423,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49432,7 +49432,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -49494,7 +49494,7 @@ var PerformanceDebuggerInternal = ({
             entries.length,
             " entries captured"
           ] }),
-          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: clearData, children: "Clear History" })
+          /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "outline", size: "sm", onClick: clearData, children: "Clear History" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: entries.map((entry, index) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
@@ -49558,7 +49558,7 @@ var PerformanceDebugger = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Performance Debugger is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -49770,7 +49770,7 @@ var PerformanceMonitorInternal = ({
   };
   if (!isVisible) {
     return /* @__PURE__ */ jsxs(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         size: "sm",
@@ -49808,7 +49808,7 @@ var PerformanceMonitorInternal = ({
           alerts.length
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49818,7 +49818,7 @@ var PerformanceMonitorInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49827,7 +49827,7 @@ var PerformanceMonitorInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -50059,7 +50059,7 @@ var PerformanceMonitorInternal = ({
             " alerts"
           ] }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -50154,7 +50154,7 @@ var PerformanceMonitor = ({ className, ...props }) => {
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs mb-4", children: "Performance Monitor is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) })
@@ -50204,7 +50204,7 @@ function FileUpload({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "File Upload is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) }) })
@@ -50386,9 +50386,9 @@ function FileUpload({
             uploadedFile.error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: uploadedFile.error })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            uploadedFile.status === "success" && showPreview && uploadedFile.file.type.startsWith("image/") && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
+            uploadedFile.status === "success" && showPreview && uploadedFile.file.type.startsWith("image/") && /* @__PURE__ */ jsx(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsx(
-              Button,
+              MoonUIButtonPro,
               {
                 variant: "ghost",
                 size: "sm",
@@ -50430,7 +50430,7 @@ function DataTable({
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg mb-2", children: "Pro Feature" }),
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm mb-4", children: "Data Table is available exclusively to MoonUI Pro subscribers." }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(Button, { size: "sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex gap-3 justify-center", children: /* @__PURE__ */ jsx("a", { href: "/pricing", children: /* @__PURE__ */ jsxs(MoonUIButtonPro, { size: "sm", children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
           "Upgrade to Pro"
         ] }) }) })
@@ -50505,17 +50505,17 @@ function DataTable({
             }
           )
         ] }),
-        filterable && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+        filterable && /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
           /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
           "Filters"
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        exportable && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [
+        exportable && /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", onClick: handleExport, children: [
           /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
           "Export"
         ] }),
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
+        /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
           /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
           "Columns"
         ] })
@@ -50585,7 +50585,7 @@ function DataTable({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               className: "hidden h-8 w-8 p-0 lg:flex",
@@ -50595,7 +50595,7 @@ function DataTable({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               className: "h-8 w-8 p-0",
@@ -50605,7 +50605,7 @@ function DataTable({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               className: "h-8 w-8 p-0",
@@ -50615,7 +50615,7 @@ function DataTable({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               className: "hidden h-8 w-8 p-0 lg:flex",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/ui/button.tsx

@@ -4,12 +4,12 @@ import { cn } from "../../lib/utils";
 import { Loader2 } from "lucide-react";
 
 /**
- * Premium Button Component
+ * MoonUI Button Pro Component
  * 
  * A world-class, accessible, and versatile button component.
  * Pixel-perfect design with extensive variants and states.
  */
-const buttonVariants = cva(
+const moonUIButtonProVariants = cva(
   ["inline-flex items-center justify-center gap-2 whitespace-nowrap",
   "font-medium relative",
   "transition-all duration-200 ease-out",
@@ -156,10 +156,10 @@ const buttonVariants = cva(
   }
 );
 
-// Button component props
-export interface ButtonProps
+// MoonUI Button Pro component props
+export interface MoonUIButtonProProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+    VariantProps<typeof moonUIButtonProVariants> {
   asChild?: boolean;
   loading?: boolean;
   leftIcon?: React.ReactNode;
@@ -167,9 +167,9 @@ export interface ButtonProps
 }
 
 /**
- * Premium Button Component
+ * MoonUI Button Pro Component
  * 
- * @param props - Button component properties
+ * @param props - MoonUI Button Pro component properties
  * @param props.variant - Visual variant (primary, secondary, ghost, etc.)
  * @param props.size - Button size (xs, sm, md, lg, xl)
  * @param props.loading - Loading state display
@@ -179,7 +179,7 @@ export interface ButtonProps
  * @param props.rounded - Corner rounding style (default, full, none)
  * @param props.asChild - For Radix UI polymorphic component
  */
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+const MoonUIButtonPro = React.forwardRef<HTMLButtonElement, MoonUIButtonProProps>(
   ({ 
     className, 
     variant, 
@@ -199,7 +199,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     
     return (
       <Comp
-        className={cn(buttonVariants({ variant, size, rounded, fullWidth, className }))}
+        className={cn(moonUIButtonProVariants({ variant, size, rounded, fullWidth, className }))}
         ref={ref}
         disabled={disabled || loading}
         data-loading={loading ? "" : undefined}
@@ -216,6 +216,10 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   }
 );
 
-Button.displayName = "Button";
+MoonUIButtonPro.displayName = "MoonUIButtonPro";
 
-export { Button, buttonVariants };
+export { MoonUIButtonPro, moonUIButtonProVariants };
+
+// Backward compatibility exports
+export { MoonUIButtonPro as Button, moonUIButtonProVariants as buttonVariants };
+export type { MoonUIButtonProProps as ButtonProps };