@moontra/moonui-pro 2.2.15 → 2.2.17

package/dist/index.mjs

@@ -23,7 +23,7 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector.js';
-import { ResponsiveContainer, ScatterChart, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Legend, Scatter, PieChart, Pie, Cell, AreaChart, Area, ReferenceLine, Brush, BarChart, Bar, LineChart, Line, ReferenceArea } from 'recharts';
+import { ResponsiveContainer, ScatterChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Scatter, PieChart, Pie, Cell, AreaChart, Area, ReferenceLine, Brush, BarChart, Bar, LineChart, Line, ReferenceArea } from 'recharts';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
 import { useForm } from 'react-hook-form';
 import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
@@ -1988,7 +1988,7 @@ var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
-var MoonUIAvatarGroup = t.forwardRef(
+var MoonUIAvatarGroupPro = t.forwardRef(
   ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
     const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
     const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
@@ -2027,7 +2027,7 @@ var MoonUIAvatarGroup = t.forwardRef(
     );
   }
 );
-MoonUIAvatarGroup.displayName = "AvatarGroup";
+MoonUIAvatarGroupPro.displayName = "AvatarGroup";
 var moonUIBadgeVariantsPro = cva(
   [
     "inline-flex items-center gap-1.5",
@@ -2665,7 +2665,7 @@ var tapAnimations = {
     transition: { duration: 0.1 }
   }
 };
-cva(
+var moonUICardVariantsPro = cva(
   "rounded-lg border bg-card text-card-foreground shadow-sm dark:shadow-gray-900/20 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-100 transition-all duration-200",
   {
     variants: {
@@ -2713,7 +2713,7 @@ var MoonUICardPro = t.forwardRef(
         motion.div,
         {
           ref,
-          className: cn(cardVariants({ variant, size, radius, interactive, className })),
+          className: cn(moonUICardVariantsPro({ variant, size, radius, interactive, className })),
           ...interactionProps,
           ...props
         }
@@ -2723,7 +2723,7 @@ var MoonUICardPro = t.forwardRef(
       "div",
       {
         ref,
-        className: cn(cardVariants({ variant, size, radius, interactive, className })),
+        className: cn(moonUICardVariantsPro({ variant, size, radius, interactive, className })),
         ...props
       }
     );
@@ -2843,7 +2843,7 @@ var MoonUICheckboxPro = t.forwardRef(({
   );
 });
 MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
-t.forwardRef(
+var MoonUICheckboxGroupPro = t.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2863,7 +2863,7 @@ t.forwardRef(
   }
 );
 MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
-var MoonUICheckboxLabel = t.forwardRef(
+var MoonUICheckboxLabelPro = t.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -2883,7 +2883,7 @@ var MoonUICheckboxLabel = t.forwardRef(
   }
 );
 MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
-t.forwardRef(({
+var MoonUICheckboxWithLabelPro = t.forwardRef(({
   id,
   label,
   labelPosition = "end",
@@ -4010,7 +4010,7 @@ var overlayVariants = cva(
     }
   }
 );
-var MoonUIDialogOverlay = t.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogOverlayPro = t.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -4096,7 +4096,7 @@ var MoonUIDialogContentPro = t.forwardRef(
     };
     return /* @__PURE__ */ jsxs(MoonUIDialogPortal, { children: [
       /* @__PURE__ */ jsx(
-        MoonUIDialogOverlay,
+        MoonUIDialogOverlayPro,
         {
           variant: overlayVariant,
           animation: overlayAnimation,
@@ -4206,7 +4206,7 @@ var MoonUIDialogDescriptionPro = t.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogFormPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -4484,7 +4484,7 @@ var inputWrapperVariants = cva(
     }
   }
 );
-cva(
+var moonUIInputVariantsPro = cva(
   [
     "w-full bg-background transition-all duration-200",
     "text-foreground placeholder:text-muted-foreground dark:placeholder:text-gray-500",
@@ -4569,7 +4569,7 @@ var MoonUIInputPro = t.forwardRef(
           "input",
           {
             className: cn(
-              inputVariants({
+              moonUIInputVariantsPro({
                 variant,
                 size,
                 isError: !!error || isError,
@@ -4810,9 +4810,6 @@ var MoonUIPopoverContentPro = t.forwardRef(({
   )
 ] }));
 MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
-MoonUIPopoverSeparatorPro.displayName = "PopoverSeparator";
-MoonUIPopoverHeaderPro.displayName = "PopoverHeader";
-MoonUIPopoverFooterPro.displayName = "PopoverFooter";
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -5380,7 +5377,7 @@ var MoonUISeparatorPro = t.forwardRef(
   )
 );
 MoonUISeparatorPro.displayName = SeparatorPrimitive.Root.displayName;
-function MoonUISkeleton({
+function MoonUISkeletonPro({
   className,
   ...props
 }) {
@@ -5392,7 +5389,7 @@ function MoonUISkeleton({
     }
   );
 }
-cva(
+var moonUISliderVariantsPro = cva(
   "relative flex w-full touch-none select-none items-center",
   {
     variants: {
@@ -5574,7 +5571,7 @@ var MoonUISliderPro = t.forwardRef(({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn(sliderVariants({ size }), className),
+        className: cn(moonUISliderVariantsPro({ size }), className),
         "data-disabled": disabled ? true : void 0,
         children: [
           /* @__PURE__ */ jsx(
@@ -5954,7 +5951,7 @@ var MoonUITextareaPro = t__default.forwardRef(
   }
 );
 MoonUITextareaPro.displayName = "MoonUITextareaPro";
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastViewportPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -5994,7 +5991,7 @@ var MoonUIToastPro = t.forwardRef(({ className, variant, ...props }, ref) => {
   );
 });
 MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastActionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -6006,7 +6003,7 @@ t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   }
 ));
 MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastClosePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -6020,7 +6017,7 @@ t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   }
 ));
 MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -6029,7 +6026,7 @@ t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   }
 ));
 MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -6292,7 +6289,7 @@ var tooltipVariants = cva(
 );
 var MoonUITooltipPro = TooltipPrimitive.Root;
 var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
-t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITooltipArrowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6310,12 +6307,12 @@ var MoonUITooltipContentPro = t.forwardRef(({ className, variant, size, showArro
     ...props,
     children: [
       props.children,
-      showArrow && /* @__PURE__ */ jsx(TooltipArrow, {})
+      showArrow && /* @__PURE__ */ jsx(MoonUITooltipArrowPro, {})
     ]
   }
 ));
 MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName;
-t.forwardRef(
+var MoonUISimpleTooltipPro = t.forwardRef(
   ({
     children,
     content,
@@ -6334,7 +6331,7 @@ t.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs(
-      Tooltip,
+      MoonUITooltipPro,
       {
         open,
         defaultOpen,
@@ -6342,9 +6339,9 @@ t.forwardRef(
         delayDuration,
         skipDelayDuration,
         children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+          /* @__PURE__ */ jsx(MoonUITooltipTriggerPro, { asChild: true, children }),
           /* @__PURE__ */ jsx(
-            TooltipContent,
+            MoonUITooltipContentPro,
             {
               ref,
               side,
@@ -48960,7 +48957,7 @@ function AdvancedChart({
           showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
           /* @__PURE__ */ jsx(XAxis, { dataKey: xAxisKey }),
           /* @__PURE__ */ jsx(YAxis, {}),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip$1, {}),
+          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
           showLegend && /* @__PURE__ */ jsx(Legend, {}),
           visibleSeries.map((s, index) => /* @__PURE__ */ jsx(
             Line,
@@ -49002,7 +48999,7 @@ function AdvancedChart({
           showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
           /* @__PURE__ */ jsx(XAxis, { dataKey: xAxisKey }),
           /* @__PURE__ */ jsx(YAxis, {}),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip$1, {}),
+          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
           showLegend && /* @__PURE__ */ jsx(Legend, {}),
           visibleSeries.map((s, index) => /* @__PURE__ */ jsx(
             Bar,
@@ -49031,7 +49028,7 @@ function AdvancedChart({
           showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
           /* @__PURE__ */ jsx(XAxis, { dataKey: xAxisKey }),
           /* @__PURE__ */ jsx(YAxis, {}),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip$1, {}),
+          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
           showLegend && /* @__PURE__ */ jsx(Legend, {}),
           visibleSeries.map((s, index) => /* @__PURE__ */ jsx(
             Area,
@@ -49060,7 +49057,7 @@ function AdvancedChart({
         ] });
       case "pie":
         return /* @__PURE__ */ jsxs(PieChart, { ...commonProps, children: [
-          showTooltip && /* @__PURE__ */ jsx(Tooltip$1, {}),
+          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
           showLegend && /* @__PURE__ */ jsx(Legend, {}),
           /* @__PURE__ */ jsx(
             Pie,
@@ -49081,7 +49078,7 @@ function AdvancedChart({
           showGrid && /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
           /* @__PURE__ */ jsx(XAxis, { dataKey: xAxisKey }),
           /* @__PURE__ */ jsx(YAxis, { dataKey: yAxisKey }),
-          showTooltip && /* @__PURE__ */ jsx(Tooltip$1, {}),
+          showTooltip && /* @__PURE__ */ jsx(Tooltip, {}),
           showLegend && /* @__PURE__ */ jsx(Legend, {}),
           visibleSeries.map((s, index) => /* @__PURE__ */ jsx(
             Scatter,
@@ -49849,19 +49846,19 @@ var GitHubStarsInternal = ({
   if (loading) {
     return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-48" }),
-        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-8 w-20" })
+        /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-6 w-48" }),
+        /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-8 w-20" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: cn(
         layout === "grid" ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" : "space-y-4"
       ), children: Array.from({ length: maxItems || 6 }).map((_, index) => /* @__PURE__ */ jsx(MoonUICardPro, { children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-5 w-3/4" }),
-        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-4 w-2/3" }),
+        /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-5 w-3/4" }),
+        /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-4 w-full" }),
+        /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-4 w-2/3" }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" }),
-          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" }),
-          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" })
+          /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-6 w-16" }),
+          /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-6 w-16" }),
+          /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "h-6 w-16" })
         ] })
       ] }) }) }, index)) })
     ] }) }) });
@@ -50371,7 +50368,7 @@ var LazyComponentInternal = ({
         }
       );
     }
-    return /* @__PURE__ */ jsx(MoonUISkeleton, { className: "w-full h-32" });
+    return /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "w-full h-32" });
   };
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cn("w-full", className), children: isLoaded ? /* @__PURE__ */ jsx(
     motion.div,
@@ -50444,7 +50441,7 @@ var LazyImage = ({
         transition: { duration: 0.3 },
         className: "w-full h-full object-cover"
       }
-    ) : showPlaceholder ? /* @__PURE__ */ jsx(MoonUISkeleton, { className: "w-full h-full min-h-32" }) : null,
+    ) : showPlaceholder ? /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "w-full h-full min-h-32" }) : null,
     imageError && !fallbackSrc && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-muted", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Failed to load image" }) })
   ] });
 };
@@ -50620,7 +50617,7 @@ var OptimizedImageInternal = ({
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           className: "absolute inset-0 flex items-center justify-center bg-muted",
-          children: blur2 ? /* @__PURE__ */ jsx(MoonUISkeleton, { className: "w-full h-full" }) : /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          children: blur2 ? /* @__PURE__ */ jsx(MoonUISkeletonPro, { className: "w-full h-full" }) : /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
             /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground mx-auto mb-2" }),
             /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading image..." })
           ] })
@@ -53216,4 +53213,4 @@ var BadgePro = t__default.forwardRef(({
 });
 BadgePro.displayName = "BadgePro";
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar2 as Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, GitHubStars, HealthCheck, HoverCard3D, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeleton, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, MoonUISkeleton as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useStreamingData, useVirtualList };
+export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedButton, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar2 as Calendar, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, enhanced_exports as Enhanced, ErrorBoundary, FileUpload, FloatingActionButton, GitHubStars, HealthCheck, HoverCard3D, MoonUIInputPro as Input, Kanban, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, MagneticButton, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIInputPro, MoonUILabelPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, MoonUIcollapsibleContentVariantsPro, MoonUIcollapsibleTriggerVariantsPro, MoonUIcommandVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RichTextEditor, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, MoonUITabsPro as Tabs, MoonUITabsContentPro as TabsContent, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, animatedButtonVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, MoonUIcollapsibleContentVariantsPro as collapsibleContentVariants, MoonUIcollapsibleTriggerVariantsPro as collapsibleTriggerVariants, MoonUIcommandVariantsPro as commandVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, moonUISeparatorVariantsPro, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useStreamingData, useVirtualList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.15",
+  "version": "2.2.17",
   "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/github-stars/index.tsx

@@ -5,7 +5,7 @@ import { motion, AnimatePresence } from "framer-motion"
 import { Card, CardContent } from "../ui/card"
 import { Button } from "../ui/button"
 import { MoonUIBadgePro as Badge } from "../ui/badge"
-import { MoonUISkeleton as Skeleton } from "../ui/skeleton"
+import { MoonUISkeletonPro as Skeleton } from "../ui/skeleton"
 import { cn } from "../../lib/utils"
 import { Star, GitFork, Eye, Users, ExternalLink, Github, Lock, Sparkles, RefreshCw } from "lucide-react"
 import { useSubscription } from "../../hooks/use-subscription"

package/src/components/lazy-component/index.tsx

@@ -4,7 +4,7 @@ import React, { useState, useEffect, useRef, Suspense } from "react"
 import { motion } from "framer-motion"
 import { Card, CardContent } from "../ui/card"
 import { Button } from "../ui/button"
-import { MoonUISkeleton as Skeleton } from "../ui/skeleton"
+import { MoonUISkeletonPro as Skeleton } from "../ui/skeleton"
 import { cn } from "../../lib/utils"
 import { Eye, Loader2, Lock, Sparkles, RefreshCw } from "lucide-react"
 import { useSubscription } from "../../hooks/use-subscription"

package/src/components/optimized-image/index.tsx

@@ -5,7 +5,7 @@ import { motion, AnimatePresence } from "framer-motion"
 import { Card, CardContent } from "../ui/card"
 import { Button } from "../ui/button"
 import { MoonUIBadgePro as Badge } from "../ui/badge"
-import { MoonUISkeleton as Skeleton } from "../ui/skeleton"
+import { MoonUISkeletonPro as Skeleton } from "../ui/skeleton"
 import { cn } from "../../lib/utils"
 import { 
   Image as ImageIcon, 

package/src/components/ui/avatar.tsx

@@ -89,7 +89,7 @@ interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
   overlapOffset?: number;
 }
 
-const MoonUIAvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
+const MoonUIAvatarGroupPro = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
   ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
     const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
     const remainingCount = limit ? Math.max(0, avatars.length - limit) : 0;
@@ -130,9 +130,9 @@ const MoonUIAvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
     );
   }
 );
-MoonUIAvatarGroup.displayName = "AvatarGroup";
+MoonUIAvatarGroupPro.displayName = "AvatarGroup";
 
-export { MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro, MoonUIAvatarGroup as AvatarGroup  };
+export { MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro as AvatarGroup  };
 
 // Backward compatibility exports
 export { MoonUIAvatarPro as Avatar, MoonUIAvatarImagePro as AvatarImage, MoonUIAvatarFallbackPro as AvatarFallback };

package/src/components/ui/card.tsx

@@ -63,7 +63,7 @@ const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
       return (
         <motion.div
           ref={ref}
-          className={cn(cardVariants({ variant, size, radius, interactive, className }))}
+          className={cn(moonUICardVariantsPro({ variant, size, radius, interactive, className }))}
           {...interactionProps}
           {...props}
         />
@@ -74,7 +74,7 @@ const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
     return (
       <div
         ref={ref}
-        className={cn(cardVariants({ variant, size, radius, interactive, className }))}
+        className={cn(moonUICardVariantsPro({ variant, size, radius, interactive, className }))}
         {...props}
       />
     );

package/src/components/ui/checkbox.tsx

@@ -132,7 +132,7 @@ interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
 }
 
-const MoonUICheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
+const MoonUICheckboxGroupPro = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return (
       <div
@@ -173,7 +173,7 @@ interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
   disabled?: boolean;
 }
 
-const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
+const MoonUICheckboxLabelPro = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return (
       <label
@@ -210,7 +210,7 @@ interface CheckboxWithLabelProps extends MoonUICheckboxProProps {
   labelClassName?: string;
 }
 
-const MoonUICheckboxWithLabel = React.forwardRef<
+const MoonUICheckboxWithLabelPro = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxWithLabelProps
 >(({ 
@@ -253,7 +253,7 @@ const MoonUICheckboxWithLabel = React.forwardRef<
 });
 MoonUICheckboxWithLabelPro.displayName = "CheckboxWithLabel";
 
-export { MoonUICheckboxPro, MoonUICheckboxGroup as CheckboxGroup, MoonUICheckboxLabel as CheckboxLabel, MoonUICheckboxWithLabel as CheckboxWithLabel  };
+export { MoonUICheckboxPro, MoonUICheckboxGroupPro as CheckboxGroup, MoonUICheckboxLabelPro as CheckboxLabel, MoonUICheckboxWithLabelPro as CheckboxWithLabel  };
 
 // Clean exports (only checkbox specific)
 export { MoonUICheckboxPro as Checkbox };

package/src/components/ui/dialog.tsx

@@ -47,7 +47,7 @@ interface DialogOverlayProps
     extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,
         VariantProps<typeof overlayVariants> {}
 
-const MoonUIDialogOverlay = React.forwardRef<
+const MoonUIDialogOverlayPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Overlay>,
     DialogOverlayProps
 >(({ className, variant, animation, ...props }, ref) => (
@@ -169,7 +169,7 @@ const MoonUIDialogContentPro = React.forwardRef<
 
         return (
             <MoonUIDialogPortal>
-                <MoonUIDialogOverlay
+                <MoonUIDialogOverlayPro
                     variant={overlayVariant}
                     animation={overlayAnimation}
                     onClick={hideCloseButton ? undefined : handleClose}
@@ -307,7 +307,7 @@ MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName
  * Dialog-Form integration for use with form support
  * Used to integrate form submission processes into the modal
  */
-const MoonUIDialogForm = React.forwardRef<
+const MoonUIDialogFormPro = React.forwardRef<
     HTMLFormElement,
     React.HTMLAttributes<HTMLFormElement>
 >(({ className, ...props }, ref) => (
@@ -327,7 +327,7 @@ export { MoonUIDialogPro,
     MoonUIDialogTitlePro,
     MoonUIDialogDescriptionPro,
     MoonUIDialogClosePro,
-    MoonUIDialogForm,
+    MoonUIDialogFormPro,
  };
 
 // Backward compatibility exports

package/src/components/ui/index.ts

@@ -110,7 +110,7 @@ export {
 } from './separator';
 
 export { 
-  MoonUISkeleton,
+  MoonUISkeletonPro,
   Skeleton
 } from './skeleton';
 

package/src/components/ui/input.tsx

@@ -155,7 +155,7 @@ const MoonUIInputPro = React.forwardRef<HTMLInputElement, MoonUIInputProProps>(
           
           <input
             className={cn(
-              inputVariants({ 
+              moonUIInputVariantsPro({ 
                 variant, 
                 size, 
                 isError: !!error || isError, 

package/src/components/ui/popover.tsx

@@ -65,7 +65,7 @@ const popoverContentVariants = cva(
 
 const MoonUIPopoverPro = PopoverPrimitive.Root;
 const MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
-const PopoverAnchor = PopoverPrimitive.Anchor;
+const MoonUIPopoverAnchorPro = PopoverPrimitive.Anchor;
 
 export interface MoonUIPopoverContentProProps 
   extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>,
@@ -135,12 +135,12 @@ MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
 /**
  * PopoverClose bileşeni
  */
-const PopoverClose = PopoverPrimitive.Close;
+const MoonUIPopoverClosePro = PopoverPrimitive.Close;
 
 /**
  * Popover için bölüm ayırıcı
  */
-const MoonUIPopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverSeparatorPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("my-2 h-px bg-border", className)}
     {...props}
@@ -151,7 +151,7 @@ MoonUIPopoverSeparatorPro.displayName = "PopoverSeparator";
 /**
  * Popover başlık bileşeni
  */
-const MoonUIPopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverHeaderPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mt-4 mb-3 px-4 pt-4 pb-3 border-b border-border", className)}
     {...props}
@@ -162,7 +162,7 @@ MoonUIPopoverHeaderPro.displayName = "PopoverHeader";
 /**
  * Popover footer bileşeni
  */
-const MoonUIPopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverFooterPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("-mx-4 -mb-4 mt-3 px-4 pt-3 pb-4 border-t border-border", className)}
     {...props}
@@ -173,13 +173,13 @@ MoonUIPopoverFooterPro.displayName = "PopoverFooter";
 export { MoonUIPopoverPro,
   MoonUIPopoverTriggerPro,
   MoonUIPopoverContentPro,
-  PopoverAnchor,
-  PopoverClose,
-  MoonUIPopoverSeparator,
-  MoonUIPopoverHeader,
-  MoonUIPopoverFooter,
+  MoonUIPopoverAnchorPro,
+  MoonUIPopoverClosePro,
+  MoonUIPopoverSeparatorPro,
+  MoonUIPopoverHeaderPro,
+  MoonUIPopoverFooterPro,
   popoverContentVariants,
  };
 
 // Backward compatibility exports
-export { MoonUIPopoverPro as Popover, MoonUIPopoverSeparator as PopoverSeparator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent };
+export { MoonUIPopoverPro as Popover, MoonUIPopoverSeparatorPro as PopoverSeparator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverAnchorPro as PopoverAnchor, MoonUIPopoverClosePro as PopoverClose, MoonUIPopoverHeaderPro as PopoverHeader, MoonUIPopoverFooterPro as PopoverFooter };

package/src/components/ui/skeleton.tsx

@@ -4,7 +4,7 @@ import { cn } from "../../lib/utils"
 
 interface MoonUISkeletonProProps extends React.HTMLAttributes<HTMLDivElement> {}
 
-export function MoonUISkeleton({
+export function MoonUISkeletonPro({
   className,
   ...props
 }: MoonUISkeletonProProps) {
@@ -17,4 +17,4 @@ export function MoonUISkeleton({
 }
 
 // Backward compatibility export
-export { MoonUISkeleton as Skeleton }
+export { MoonUISkeletonPro as Skeleton }

package/src/components/ui/slider.tsx

@@ -296,7 +296,7 @@ const MoonUISliderPro = React.forwardRef<
       )}
       
       <div
-        className={cn(sliderVariants({ size }), className)}
+        className={cn(moonUISliderVariantsPro({ size }), className)}
         data-disabled={disabled ? true : undefined}
       >
         {/* Track */}

package/src/components/ui/tabs.tsx

@@ -14,7 +14,7 @@ interface MoonUITabsProProps extends React.ComponentPropsWithoutRef<typeof TabsP
 
 const MoonUITabsPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Root>,
-  TabsProps
+  MoonUITabsProProps
 >(({ vertical = false, ...props }, ref) => (
   <TabsPrimitive.Root
     ref={ref}
@@ -64,7 +64,7 @@ interface MoonUITabsListProProps
 
 const MoonUITabsListPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
-  TabsListProps
+  MoonUITabsListProProps
 >(({ className, variant, orientation, fullWidth, ...props }, ref) => (
   <TabsPrimitive.List
     ref={ref}

package/src/components/ui/toast.tsx

@@ -8,7 +8,7 @@ import { cn } from "../../lib/utils";
 
 const ToastProvider = ToastPrimitives.Provider;
 
-const MoonUIToastViewport = React.forwardRef<
+const MoonUIToastViewportPro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Viewport>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 >(({ className, ...props }, ref) => (
@@ -48,7 +48,7 @@ const moonUIToastVariantsPro = cva(
 type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
   VariantProps<typeof moonUIToastVariantsPro>;
 
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
+type ToastActionElement = React.ReactElement<typeof MoonUIToastActionPro>;
 
 const MoonUIToastPro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
@@ -64,7 +64,7 @@ const MoonUIToastPro = React.forwardRef<
 });
 MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
 
-const MoonUIToastAction = React.forwardRef<
+const MoonUIToastActionPro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Action>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 >(({ className, ...props }, ref) => (
@@ -79,7 +79,7 @@ const MoonUIToastAction = React.forwardRef<
 ));
 MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
 
-const MoonUIToastClose = React.forwardRef<
+const MoonUIToastClosePro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Close>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 >(({ className, ...props }, ref) => (
@@ -97,7 +97,7 @@ const MoonUIToastClose = React.forwardRef<
 ));
 MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
 
-const MoonUIToastTitle = React.forwardRef<
+const MoonUIToastTitlePro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
@@ -109,7 +109,7 @@ const MoonUIToastTitle = React.forwardRef<
 ));
 MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
 
-const MoonUIToastDescription = React.forwardRef<
+const MoonUIToastDescriptionPro = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Description>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
 >(({ className, ...props }, ref) => (
@@ -282,17 +282,17 @@ function Toaster() {
         return (
           <MoonUIToastPro key={id} variant={variant} open={open} onOpenChange={onOpenChange} {...props}>
             <div className="grid gap-1">
-              {title && <MoonUIToastTitle>{title}</MoonUIToastTitle>}
+              {title && <MoonUIToastTitlePro>{title}</MoonUIToastTitlePro>}
               {description && (
-                <MoonUIToastDescription>{description}</MoonUIToastDescription>
+                <MoonUIToastDescriptionPro>{description}</MoonUIToastDescriptionPro>
               )}
             </div>
             {action}
-            <MoonUIToastClose />
+            <MoonUIToastClosePro />
           </MoonUIToastPro>
         );
       })}
-      <MoonUIToastViewport />
+      <MoonUIToastViewportPro />
     </ToastProvider>
   );
 }
@@ -300,12 +300,12 @@ function Toaster() {
 export { type ToastProps,
   type ToastActionElement,
   ToastProvider,
-  MoonUIToastViewport as ToastViewport,
+  MoonUIToastViewportPro as ToastViewport,
   MoonUIToastPro,
-  MoonUIToastTitle as ToastTitle,
-  MoonUIToastDescription as ToastDescription,
-  MoonUIToastAction as ToastAction,
-  MoonUIToastClose as ToastClose,
+  MoonUIToastTitlePro as ToastTitle,
+  MoonUIToastDescriptionPro as ToastDescription,
+  MoonUIToastActionPro as ToastAction,
+  MoonUIToastClosePro as ToastClose,
   Toaster,
   toast,
   useToast,

package/src/components/ui/tooltip.tsx

@@ -37,7 +37,7 @@ const MoonUITooltipPro = TooltipPrimitive.Root
 
 const MoonUITooltipTriggerPro = TooltipPrimitive.Trigger
 
-const MoonUITooltipArrow = React.forwardRef<
+const MoonUITooltipArrowPro = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Arrow>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>
 >(({ className, ...props }, ref) => (
@@ -57,7 +57,7 @@ export interface MoonUITooltipContentProProps
 
 const MoonUITooltipContentPro = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
-  TooltipContentProps
+  MoonUITooltipContentProProps
 >(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => (
   <TooltipPrimitive.Content
     ref={ref}
@@ -66,7 +66,7 @@ const MoonUITooltipContentPro = React.forwardRef<
     {...props}
   >
     {props.children}
-    {showArrow && <TooltipArrow />}
+    {showArrow && <MoonUITooltipArrowPro />}
   </TooltipPrimitive.Content>
 ))
 MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName
@@ -75,8 +75,8 @@ MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName
 interface SimpleTooltipProps {
   children: React.ReactElement
   content: React.ReactNode
-  variant?: TooltipContentProps["variant"]
-  size?: TooltipContentProps["size"]
+  variant?: MoonUITooltipContentProProps["variant"]
+  size?: MoonUITooltipContentProProps["size"]
   side?: "top" | "right" | "bottom" | "left"
   align?: "start" | "center" | "end"
   delayDuration?: number
@@ -89,7 +89,7 @@ interface SimpleTooltipProps {
   onOpenChange?: (open: boolean) => void
 }
 
-const MoonUISimpleTooltip = React.forwardRef<
+const MoonUISimpleTooltipPro = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   SimpleTooltipProps
 >(
@@ -114,15 +114,15 @@ const MoonUISimpleTooltip = React.forwardRef<
     ref
   ) => {
     return (
-      <Tooltip
+      <MoonUITooltipPro
         open={open}
         defaultOpen={defaultOpen}
         onOpenChange={onOpenChange}
         delayDuration={delayDuration}
         skipDelayDuration={skipDelayDuration}
       >
-        <TooltipTrigger asChild>{children}</TooltipTrigger>
-        <TooltipContent
+        <MoonUITooltipTriggerPro asChild>{children}</MoonUITooltipTriggerPro>
+        <MoonUITooltipContentPro
           ref={ref}
           side={side}
           align={align}
@@ -134,8 +134,8 @@ const MoonUISimpleTooltip = React.forwardRef<
           {...props}
         >
           {content}
-        </TooltipContent>
-      </Tooltip>
+        </MoonUITooltipContentPro>
+      </MoonUITooltipPro>
     )
   }
 )
@@ -145,8 +145,8 @@ export { MoonUITooltipPro,
   MoonUITooltipProviderPro,
   MoonUITooltipTriggerPro,
   MoonUITooltipContentPro,
-  TooltipArrow,
-  SimpleTooltip,
+  MoonUITooltipArrowPro,
+  MoonUISimpleTooltipPro,
   tooltipVariants,
  };