@moontra/moonui-pro 2.1.3 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.1.3",
+  "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/file-upload/index.tsx

@@ -1,10 +1,9 @@
 "use client"
 
 import React from 'react'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card'
-import { Button } from './button'
-import { Progress } from './progress'
-import { Badge } from './badge'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
+import { Button } from '../ui/button'
+import { Badge } from '../ui/badge'
 import { 
   Upload, 
   File, 
@@ -22,7 +21,6 @@ import {
   Sparkles
 } from 'lucide-react'
 import { cn } from '../../lib/utils'
-import { useDocsProAccess } from '@/components/docs/docs-pro-provider'
 import { useSubscription } from '../../hooks/use-subscription'
 
 interface FileUploadProps {
@@ -316,7 +314,12 @@ export function FileUpload({
                   </div>
                   
                   {uploadedFile.status === 'uploading' && (
-                    <Progress value={uploadedFile.progress} className="mt-2" />
+                    <div className="mt-2 h-2 bg-secondary rounded-full overflow-hidden">
+                      <div 
+                        className="h-full bg-primary transition-all duration-300 ease-out"
+                        style={{ width: `${uploadedFile.progress}%` }}
+                      />
+                    </div>
                   )}
                   
                   {uploadedFile.error && (

package/src/components/index.ts

@@ -73,4 +73,10 @@ export * from "./optimized-image"
 export * from "./performance-debugger"
 
 // Performance Monitor
-export * from "./performance-monitor"
+export * from "./performance-monitor"
+
+// File Upload
+export * from "./file-upload"
+
+// Data Table
+export * from "./data-table"

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 };