@moontra/moonui-pro 2.1.3 → 2.2.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React16 from 'react';
 import React16__default, { useState, useRef, useCallback, forwardRef, createContext, useContext, useMemo, useEffect, useDebugValue, Component, useLayoutEffect } from 'react';
 import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, animate } from 'framer-motion';
-import { Loader2, Lock, Sparkles, Plus, ChevronDown, ChevronUp, Check, X, ChevronRight, Circle, Minus, Calendar, ChevronLeft, Edit, Trash2, Clock, MapPin, User, MoreHorizontal, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, Download, Maximize2, Activity, Star, ExternalLink, BarChart3, Users, DollarSign, Copy, RotateCcw, Github, GitFork, Server, EyeOff, ZoomOut, ZoomIn, RotateCw, Zap, Monitor, Timer, AlertTriangle, Cpu, MemoryStick, HardDrive, Network, CheckCircle, CheckCircle2, AlertCircle, XCircle, ArrowDownRight, ArrowUpRight, Upload } from 'lucide-react';
+import { Loader2, Lock, Sparkles, Plus, ChevronDown, ChevronUp, Check, X, ChevronRight, Circle, Minus, Calendar, ChevronLeft, Edit, Trash2, Clock, MapPin, User, MoreHorizontal, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, Download, Maximize2, Activity, Star, Upload, CheckCircle2, AlertCircle, Search, Filter, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, ExternalLink, BarChart3, Users, DollarSign, Copy, RotateCcw, Github, GitFork, Server, EyeOff, ZoomOut, ZoomIn, RotateCw, Zap, Monitor, Timer, AlertTriangle, Cpu, MemoryStick, HardDrive, Network, CheckCircle, Video, Music, Archive, File, XCircle, ArrowDownRight, ArrowUpRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -25,6 +25,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { createSlot } from '@radix-ui/react-slot';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 
 /**
  * @moontra/moonui-pro v2.0.9
@@ -1981,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",
@@ -2130,7 +2131,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React16.forwardRef(
+var MoonUIButtonPro = React16.forwardRef(
   ({
     className,
     variant,
@@ -2149,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,
@@ -2164,7 +2165,7 @@ var Button = React16.forwardRef(
     );
   }
 );
-Button.displayName = "Button";
+MoonUIButtonPro.displayName = "MoonUIButtonPro";
 
 // src/hooks/use-subscription.ts
 function useSubscription() {
@@ -2330,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"
           ] }) })
@@ -2365,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",
@@ -2388,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"
         ] }) })
@@ -2538,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"
           ] }) })
@@ -2662,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"
           ] }) })
@@ -2784,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"
           ] }) })
@@ -2905,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"
           ] }) })
@@ -3054,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"
           ] }) })
@@ -4074,7 +4075,7 @@ function EventDialog({
       ] }),
       /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
         mode === "edit" && onDelete && /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "button",
             variant: "destructive",
@@ -4084,7 +4085,7 @@ function EventDialog({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "button",
             variant: "outline",
@@ -4093,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" })
       ] })
     ] })
   ] }) });
@@ -4141,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"
         ] }) }) })
@@ -4299,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",
@@ -4311,7 +4312,7 @@ function Calendar2({
             }
           ),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -4373,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",
@@ -4383,7 +4384,7 @@ function Calendar2({
                                 }
                               ),
                               /* @__PURE__ */ jsx(
-                                Button,
+                                MoonUIButtonPro,
                                 {
                                   variant: "ghost",
                                   size: "sm",
@@ -4432,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",
@@ -4441,7 +4442,7 @@ function Calendar2({
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Button,
+                      MoonUIButtonPro,
                       {
                         variant: "ghost",
                         size: "sm",
@@ -4478,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",
@@ -4642,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"
         ] }) }) })
@@ -4767,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",
@@ -4796,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",
@@ -4806,7 +4807,7 @@ function Kanban({
                           }
                         ),
                         /* @__PURE__ */ jsx(
-                          Button,
+                          MoonUIButtonPro,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -4853,7 +4854,7 @@ function Kanban({
                 card.id
               )),
               onAddCard && /* @__PURE__ */ jsxs(
-                Button,
+                MoonUIButtonPro,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -4873,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,
@@ -44391,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"
         ] }) }) })
@@ -44817,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" })
           ] }) }),
@@ -44929,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",
@@ -44952,7 +44953,7 @@ function RichTextEditor({
         ] }),
         /* @__PURE__ */ jsxs(Popover, { children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "ghost",
               size: "sm",
@@ -45022,7 +45023,7 @@ function RichTextEditor({
             ] }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
               editor.isActive("link") && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   variant: "destructive",
                   onClick: () => {
@@ -45033,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" })
               ] })
             ] })
           ] })
@@ -45078,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" })
             ] })
           ] })
         ] }),
@@ -45144,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" }),
@@ -45209,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",
@@ -45387,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",
@@ -45521,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({
@@ -46533,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"
       ] })
@@ -46562,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() }) })
@@ -46683,7 +46684,7 @@ function Dashboard({
           widget.description && /* @__PURE__ */ jsx(CardDescription, { className: "mt-1", children: widget.description })
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -46743,7 +46744,7 @@ function Dashboard({
         /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description })
       ] }),
       refreshable && /* @__PURE__ */ jsxs(
-        Button,
+        MoonUIButtonPro,
         {
           variant: "outline",
           onClick: handleRefresh,
@@ -46758,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"
       ] })
@@ -47173,7 +47174,7 @@ var AdvancedFormsInternal = ({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   type: "button",
                   variant: "ghost",
@@ -47263,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",
@@ -47330,7 +47331,7 @@ var AdvancedFormsInternal = ({
           " fields completed"
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             type: "submit",
             disabled: isSubmitting || !isValid,
@@ -47357,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"
         ] }) })
@@ -47548,7 +47549,7 @@ var ColorPickerInternal = ({
   };
   return /* @__PURE__ */ jsxs(Popover, { children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         className: cn(
@@ -47665,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",
@@ -47678,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",
@@ -47717,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"
         ] }) })
@@ -47867,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"
       ] })
@@ -47894,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(
@@ -47918,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",
@@ -47983,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"
         ] }) })
@@ -48173,7 +48174,7 @@ var HealthCheckInternal = ({
             /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Uptime" })
           ] }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               onClick: checkAllEndpoints,
               disabled: isChecking,
@@ -48276,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"
         ] }) })
@@ -48497,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"
         ] }) })
@@ -48664,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",
@@ -48674,7 +48675,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               showDownload && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48684,7 +48685,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               showPreview && /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48736,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",
@@ -48750,7 +48751,7 @@ var OptimizedImageInternal = ({
                 "%"
               ] }),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48760,7 +48761,7 @@ var OptimizedImageInternal = ({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Button,
+                MoonUIButtonPro,
                 {
                   size: "sm",
                   variant: "secondary",
@@ -48770,7 +48771,7 @@ var OptimizedImageInternal = ({
               )
             ] }),
             /* @__PURE__ */ jsx(
-              Button,
+              MoonUIButtonPro,
               {
                 size: "sm",
                 variant: "secondary",
@@ -48808,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"
         ] }) })
@@ -49376,7 +49377,7 @@ var PerformanceDebuggerInternal = ({
   };
   if (!isVisible) {
     return /* @__PURE__ */ jsxs(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         size: "sm",
@@ -49404,7 +49405,7 @@ var PerformanceDebuggerInternal = ({
           isCapturing ? "Live" : "Paused"
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49413,7 +49414,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49422,7 +49423,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49431,7 +49432,7 @@ var PerformanceDebuggerInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -49493,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: [
@@ -49557,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"
         ] }) })
@@ -49684,7 +49685,7 @@ var PerformanceMonitorInternal = ({
     }
     if (newAlerts.length > 0) {
       setAlerts((prev) => [...newAlerts, ...prev].slice(0, 20));
-      newAlerts.forEach((alert) => onAlert?.(alert));
+      newAlerts.forEach((alert2) => onAlert?.(alert2));
     }
   }, [alertThresholds, onAlert]);
   const updateMetrics = useCallback(async () => {
@@ -49769,7 +49770,7 @@ var PerformanceMonitorInternal = ({
   };
   if (!isVisible) {
     return /* @__PURE__ */ jsxs(
-      Button,
+      MoonUIButtonPro,
       {
         variant: "outline",
         size: "sm",
@@ -49807,7 +49808,7 @@ var PerformanceMonitorInternal = ({
           alerts.length
         ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49817,7 +49818,7 @@ var PerformanceMonitorInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "outline",
             size: "sm",
@@ -49826,7 +49827,7 @@ var PerformanceMonitorInternal = ({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          MoonUIButtonPro,
           {
             variant: "ghost",
             size: "sm",
@@ -50058,7 +50059,7 @@ var PerformanceMonitorInternal = ({
             " alerts"
           ] }),
           /* @__PURE__ */ jsx(
-            Button,
+            MoonUIButtonPro,
             {
               variant: "outline",
               size: "sm",
@@ -50068,7 +50069,7 @@ var PerformanceMonitorInternal = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx(AnimatePresence, { children: alerts.map((alert, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx(AnimatePresence, { children: alerts.map((alert2, index) => /* @__PURE__ */ jsx(
           motion.div,
           {
             initial: { opacity: 0, x: -20 },
@@ -50077,22 +50078,22 @@ var PerformanceMonitorInternal = ({
             transition: { delay: index * 0.05 },
             children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                alert.type === "critical" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500" }) : alert.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-yellow-500" }) : /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-blue-500" }),
+                alert2.type === "critical" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500" }) : alert2.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-yellow-500" }) : /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-blue-500" }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: alert.metric }),
-                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: alert.message })
+                  /* @__PURE__ */ jsx("div", { className: "font-medium text-sm", children: alert2.metric }),
+                  /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: alert2.message })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "text-right text-sm", children: [
                 /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
-                  alert.value.toFixed(1),
-                  alert.metric === "Network" ? "ms" : "%"
+                  alert2.value.toFixed(1),
+                  alert2.metric === "Network" ? "ms" : "%"
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: alert.timestamp.toLocaleTimeString() })
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: alert2.timestamp.toLocaleTimeString() })
               ] })
             ] }) }) })
           },
-          alert.id
+          alert2.id
         )) }) }),
         alerts.length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
           /* @__PURE__ */ jsx(CheckCircle, { className: "h-12 w-12 mx-auto mb-4 text-green-500" }),
@@ -50153,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"
         ] }) })
@@ -50162,6 +50163,472 @@ var PerformanceMonitor = ({ className, ...props }) => {
   }
   return /* @__PURE__ */ jsx(PerformanceMonitorInternal, { className, ...props });
 };
+var getFileIcon = (type) => {
+  if (type.startsWith("image/"))
+    return /* @__PURE__ */ jsx(Image$1, { className: "h-4 w-4" });
+  if (type.startsWith("video/"))
+    return /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
+  if (type.startsWith("audio/"))
+    return /* @__PURE__ */ jsx(Music, { className: "h-4 w-4" });
+  if (type.includes("pdf"))
+    return /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" });
+  if (type.includes("zip") || type.includes("rar"))
+    return /* @__PURE__ */ jsx(Archive, { className: "h-4 w-4" });
+  return /* @__PURE__ */ jsx(File, { className: "h-4 w-4" });
+};
+var formatFileSize = (bytes) => {
+  if (bytes === 0)
+    return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+};
+function FileUpload({
+  accept = "*",
+  multiple = false,
+  maxSize = 10,
+  // 10MB default
+  maxFiles = 5,
+  onUpload,
+  onRemove,
+  className,
+  disabled = false,
+  showPreview = true,
+  allowedTypes = []
+}) {
+  const { hasProAccess, isLoading } = useSubscription();
+  if (!isLoading && !hasProAccess) {
+    return /* @__PURE__ */ jsx(Card, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(CardContent, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
+      /* @__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(MoonUIButtonPro, { size: "sm", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
+          "Upgrade to Pro"
+        ] }) }) })
+      ] })
+    ] }) }) });
+  }
+  const [files, setFiles] = React16__default.useState([]);
+  const [isDragOver, setIsDragOver] = React16__default.useState(false);
+  const [isUploading, setIsUploading] = React16__default.useState(false);
+  const fileInputRef = React16__default.useRef(null);
+  const validateFile = (file) => {
+    if (file.size > maxSize * 1024 * 1024) {
+      return `File size must be less than ${maxSize}MB`;
+    }
+    if (allowedTypes.length > 0 && !allowedTypes.includes(file.type)) {
+      return `File type ${file.type} is not allowed`;
+    }
+    return null;
+  };
+  const handleFileSelect = async (selectedFiles) => {
+    if (!selectedFiles || disabled)
+      return;
+    const fileArray = Array.from(selectedFiles);
+    if (files.length + fileArray.length > maxFiles) {
+      alert(`Maximum ${maxFiles} files allowed`);
+      return;
+    }
+    const validFiles = [];
+    const invalidFiles = [];
+    fileArray.forEach((file) => {
+      const error = validateFile(file);
+      if (error) {
+        invalidFiles.push(`${file.name}: ${error}`);
+      } else {
+        validFiles.push({
+          file,
+          id: Math.random().toString(36).substr(2, 9),
+          status: "uploading",
+          progress: 0
+        });
+      }
+    });
+    if (invalidFiles.length > 0) {
+      alert(invalidFiles.join("\n"));
+    }
+    if (validFiles.length === 0)
+      return;
+    setFiles((prev) => [...prev, ...validFiles]);
+    setIsUploading(true);
+    if (onUpload) {
+      try {
+        await onUpload(validFiles.map((f) => f.file));
+        setFiles((prev) => prev.map(
+          (f) => validFiles.find((vf) => vf.id === f.id) ? { ...f, status: "success", progress: 100 } : f
+        ));
+      } catch (error) {
+        setFiles((prev) => prev.map(
+          (f) => validFiles.find((vf) => vf.id === f.id) ? { ...f, status: "error", error: "Upload failed" } : f
+        ));
+      }
+    } else {
+      for (const validFile of validFiles) {
+        const interval = setInterval(() => {
+          setFiles((prev) => prev.map(
+            (f) => f.id === validFile.id && f.progress < 100 ? { ...f, progress: f.progress + 10 } : f
+          ));
+        }, 100);
+        setTimeout(() => {
+          clearInterval(interval);
+          setFiles((prev) => prev.map(
+            (f) => f.id === validFile.id ? { ...f, status: "success", progress: 100 } : f
+          ));
+        }, 1e3);
+      }
+    }
+    setIsUploading(false);
+  };
+  const handleRemove = (fileToRemove) => {
+    setFiles((prev) => prev.filter((f) => f.id !== fileToRemove.id));
+    if (onRemove) {
+      onRemove(fileToRemove.file);
+    }
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    handleFileSelect(e.dataTransfer.files);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+  };
+  const handleClick2 = () => {
+    if (!disabled) {
+      fileInputRef.current?.click();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Upload, { className: "h-5 w-5" }),
+        "File Upload"
+      ] }),
+      /* @__PURE__ */ jsxs(CardDescription, { children: [
+        multiple ? `Upload up to ${maxFiles} files` : "Upload a file",
+        " (max ",
+        maxSize,
+        "MB each)"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors",
+            isDragOver ? "border-primary bg-primary/5" : "border-muted-foreground/25",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          onDrop: handleDrop,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onClick: handleClick2,
+          children: [
+            /* @__PURE__ */ jsx(Upload, { className: "h-10 w-10 mx-auto mb-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "Drag and drop files here, or click to select" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: accept === "*" ? "Any file type" : `Accepted types: ${accept}` })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept,
+          multiple,
+          onChange: (e) => handleFileSelect(e.target.files),
+          className: "hidden",
+          disabled
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium", children: [
+          "Uploaded Files (",
+          files.length,
+          ")"
+        ] }),
+        files.map((uploadedFile) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 border rounded-lg", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: getFileIcon(uploadedFile.file.type) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: uploadedFile.file.name }),
+              /* @__PURE__ */ jsxs(Badge, { variant: uploadedFile.status === "success" ? "success" : uploadedFile.status === "error" ? "destructive" : "secondary", children: [
+                uploadedFile.status === "uploading" && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" }),
+                uploadedFile.status === "success" && /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3 w-3 mr-1" }),
+                uploadedFile.status === "error" && /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3 mr-1" }),
+                uploadedFile.status
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatFileSize(uploadedFile.file.size) }),
+              uploadedFile.status === "uploading" && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                uploadedFile.progress,
+                "%"
+              ] })
+            ] }),
+            uploadedFile.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "mt-2 h-2 bg-secondary rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full bg-primary transition-all duration-300 ease-out",
+                style: { width: `${uploadedFile.progress}%` }
+              }
+            ) }),
+            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(MoonUIButtonPro, { variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsx(
+              MoonUIButtonPro,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => handleRemove(uploadedFile),
+                disabled: uploadedFile.status === "uploading",
+                children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }, uploadedFile.id))
+      ] }),
+      isUploading && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+        "Uploading files..."
+      ] })
+    ] })
+  ] });
+}
+function DataTable({
+  columns,
+  data,
+  searchable = true,
+  filterable = true,
+  exportable = true,
+  selectable = false,
+  pagination = true,
+  pageSize = 10,
+  className,
+  onRowSelect,
+  onExport,
+  features = {},
+  theme = {},
+  texts = {}
+}) {
+  const { hasProAccess, isLoading } = useSubscription();
+  if (!isLoading && !hasProAccess) {
+    return /* @__PURE__ */ jsx(Card, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(CardContent, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-full bg-purple-100 dark:bg-purple-900/30 p-3 w-fit mx-auto", children: /* @__PURE__ */ jsx(Lock, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) }),
+      /* @__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(MoonUIButtonPro, { size: "sm", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
+          "Upgrade to Pro"
+        ] }) }) })
+      ] })
+    ] }) }) });
+  }
+  const [sorting, setSorting] = React16__default.useState([]);
+  const [columnFilters, setColumnFilters] = React16__default.useState([]);
+  const [columnVisibility, setColumnVisibility] = React16__default.useState({});
+  const [rowSelection, setRowSelection] = React16__default.useState({});
+  const [globalFilter, setGlobalFilter] = React16__default.useState("");
+  const table = useReactTable({
+    data,
+    columns,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    onGlobalFilterChange: setGlobalFilter,
+    globalFilterFn: "includesString",
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+      globalFilter
+    },
+    initialState: {
+      pagination: {
+        pageSize
+      }
+    }
+  });
+  React16__default.useEffect(() => {
+    if (onRowSelect && selectable) {
+      const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+      onRowSelect(selectedRows);
+    }
+  }, [rowSelection, onRowSelect, selectable, table]);
+  ({
+    sorting: features.sorting !== false,
+    filtering: features.filtering !== false || filterable,
+    pagination: features.pagination !== false || pagination,
+    search: features.search !== false || searchable,
+    columnVisibility: features.columnVisibility !== false,
+    rowSelection: features.rowSelection !== false || selectable,
+    export: features.export !== false || exportable
+  });
+  const handleExport = () => {
+    if (onExport) {
+      const selectedRows = table.getFilteredSelectedRowModel().rows;
+      const dataToExport = selectedRows.length > 0 ? selectedRows.map((row) => row.original) : table.getFilteredRowModel().rows.map((row) => row.original);
+      onExport(dataToExport);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+        searchable && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: "Search all columns...",
+              value: globalFilter,
+              onChange: (e) => setGlobalFilter(e.target.value),
+              className: "pl-8 w-64"
+            }
+          )
+        ] }),
+        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(MoonUIButtonPro, { variant: "outline", size: "sm", onClick: handleExport, children: [
+          /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
+          "Export"
+        ] }),
+        /* @__PURE__ */ jsxs(MoonUIButtonPro, { variant: "outline", size: "sm", children: [
+          /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
+          "Columns"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", { className: "border-b", children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground",
+          children: header.isPlaceholder ? null : /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center space-x-2",
+                header.column.getCanSort() && "cursor-pointer select-none"
+              ),
+              onClick: header.column.getToggleSortingHandler(),
+              children: [
+                flexRender(header.column.columnDef.header, header.getContext()),
+                header.column.getCanSort() && /* @__PURE__ */ jsx("div", { className: "ml-2", children: header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ArrowUpDown, { className: "h-4 w-4" }) })
+              ]
+            }
+          )
+        },
+        header.id
+      )) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx("tbody", { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+        "tr",
+        {
+          className: cn(
+            "border-b transition-colors hover:bg-muted/50",
+            row.getIsSelected() && "bg-muted"
+          ),
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { className: "p-4 align-middle", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        },
+        row.id
+      )) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, className: "h-24 text-center", children: "No results found." }) }) })
+    ] }) }),
+    pagination && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm text-muted-foreground", children: selectable && table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        table.getFilteredSelectedRowModel().rows.length,
+        " of",
+        " ",
+        table.getFilteredRowModel().rows.length,
+        " row(s) selected."
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: table.getState().pagination.pageSize,
+              onChange: (e) => table.setPageSize(Number(e.target.value)),
+              className: "h-8 w-[70px] rounded border border-input bg-background px-3 py-1 text-sm",
+              children: [10, 20, 30, 40, 50].map((pageSize2) => /* @__PURE__ */ jsx("option", { value: pageSize2, children: pageSize2 }, pageSize2))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+          "Page ",
+          table.getState().pagination.pageIndex + 1,
+          " of",
+          " ",
+          table.getPageCount()
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "outline",
+              className: "hidden h-8 w-8 p-0 lg:flex",
+              onClick: () => table.setPageIndex(0),
+              disabled: !table.getCanPreviousPage(),
+              children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.previousPage(),
+              disabled: !table.getCanPreviousPage(),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "outline",
+              className: "h-8 w-8 p-0",
+              onClick: () => table.nextPage(),
+              disabled: !table.getCanNextPage(),
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            MoonUIButtonPro,
+            {
+              variant: "outline",
+              className: "hidden h-8 w-8 p-0 lg:flex",
+              onClick: () => table.setPageIndex(table.getPageCount() - 1),
+              disabled: !table.getCanNextPage(),
+              children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
 
 // src/components/enhanced/index.ts
 var enhanced_exports = {};
@@ -51061,4 +51528,4 @@ var BadgePro = React16__default.forwardRef(({
 });
 BadgePro.displayName = "BadgePro";
 
-export { AdvancedChart, AdvancedForms, AnimatedButton, Calendar2 as Calendar, ColorPicker2 as ColorPicker, Dashboard, DraggableList, enhanced_exports as Enhanced, ErrorBoundary, FloatingActionButton, GitHubStars, HealthCheck, HoverCard3D, Kanban, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, OptimizedImage, PerformanceDebugger, PerformanceMonitor, PinchZoom, RichTextEditor, SelectableVirtualList, SpotlightCard, SwipeableCard, Timeline, VirtualList, animatedButtonVariants, useStreamingData, useVirtualList };
+export { AdvancedChart, AdvancedForms, AnimatedButton, Calendar2 as Calendar, ColorPicker2 as ColorPicker, Dashboard, DataTable, DraggableList, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, GitHubStars, HealthCheck, HoverCard3D, Kanban, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, OptimizedImage, PerformanceDebugger, PerformanceMonitor, PinchZoom, RichTextEditor, SelectableVirtualList, SpotlightCard, SwipeableCard, Timeline, VirtualList, animatedButtonVariants, useStreamingData, useVirtualList };