@moontra/moonui-pro 2.2.14 → 2.2.16

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';
@@ -1966,7 +1966,7 @@ var MoonUIAvatarPro = t.forwardRef(({ className, size, radius, variant, ...props
     ...props
   }
 ));
-MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
 var MoonUIAvatarImagePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
@@ -1975,7 +1975,7 @@ var MoonUIAvatarImagePro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
 var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
@@ -1987,8 +1987,8 @@ var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var MoonUIAvatarGroup = t.forwardRef(
+MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
+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",
@@ -2842,8 +2842,8 @@ var MoonUICheckboxPro = t.forwardRef(({
     }
   );
 });
-MoonUICheckbox.displayName = CheckboxPrimitive.Root.displayName;
-var MoonUICheckboxGroup = t.forwardRef(
+MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
+var MoonUICheckboxGroupPro = t.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2862,8 +2862,8 @@ var MoonUICheckboxGroup = t.forwardRef(
     );
   }
 );
-MoonUICheckboxGroup.displayName = "CheckboxGroup";
-var MoonUICheckboxLabel = t.forwardRef(
+MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
+var MoonUICheckboxLabelPro = t.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -2882,8 +2882,8 @@ var MoonUICheckboxLabel = t.forwardRef(
     );
   }
 );
-MoonUICheckboxLabel.displayName = "CheckboxLabel";
-var MoonUICheckboxWithLabel = t.forwardRef(({
+MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
+var MoonUICheckboxWithLabelPro = t.forwardRef(({
   id,
   label,
   labelPosition = "end",
@@ -2916,7 +2916,7 @@ var MoonUICheckboxWithLabel = t.forwardRef(({
     )
   ] });
 });
-MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
+MoonUICheckboxWithLabelPro.displayName = "CheckboxWithLabel";
 
 // node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -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,
@@ -4018,7 +4018,7 @@ var MoonUIDialogOverlay = t.forwardRef(({ className, variant, animation, ...prop
     ...props
   }
 ));
-MoonUIDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+MoonUIDialogOverlayPro.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentVariants = cva(
   "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg",
   {
@@ -4096,7 +4096,7 @@ var MoonUIDialogContentPro = t.forwardRef(
     };
     return /* @__PURE__ */ jsxs(MoonUIDialogPortal, { children: [
       /* @__PURE__ */ jsx(
-        MoonUIDialogOverlay,
+        MoonUIDialogOverlayPro,
         {
           variant: overlayVariant,
           animation: overlayAnimation,
@@ -4153,7 +4153,7 @@ var MoonUIDialogContentPro = t.forwardRef(
     ] });
   }
 );
-MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContentPro.displayName = DialogPrimitive.Content.displayName;
 var MoonUIDialogHeaderPro = ({
   className,
   ...props
@@ -4193,7 +4193,7 @@ var MoonUIDialogTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
+MoonUIDialogTitlePro.displayName = DialogPrimitive.Title.displayName;
 var MoonUIDialogDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
@@ -4205,8 +4205,8 @@ var MoonUIDialogDescriptionPro = t.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
-var MoonUIDialogForm = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
+var MoonUIDialogFormPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -4214,7 +4214,7 @@ var MoonUIDialogForm = t.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-MoonUIDialogForm.displayName = "DialogForm";
+MoonUIDialogFormPro.displayName = "DialogForm";
 var MoonUIcommandVariantsPro = cva(
   "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
   {
@@ -4362,7 +4362,7 @@ var MoonUIDropdownMenuSubTriggerPro = t.forwardRef(({ className, inset, children
     ]
   }
 ));
-MoonUIDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+MoonUIDropdownMenuSubTriggerPro.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var MoonUIDropdownMenuSubContentPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
@@ -4624,7 +4624,7 @@ var MoonUILabelPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-MoonUILabel.displayName = LabelPrimitive.Root.displayName;
+MoonUILabelPro.displayName = LabelPrimitive.Root.displayName;
 var MoonUIPaginationPro = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "nav",
   {
@@ -4809,7 +4809,7 @@ var MoonUIPopoverContentPro = t.forwardRef(({
     }
   )
 ] }));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -4974,7 +4974,7 @@ var MoonUIProgressPro = t.forwardRef(({ className, value, ...props }, ref) => /*
     )
   }
 ));
-MoonUIProgress.displayName = Root10.displayName;
+MoonUIProgressPro.displayName = Root10.displayName;
 var MoonUIradioGroupItemVariantsPro = cva(
   "aspect-square border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -5148,7 +5148,7 @@ var MoonUISelectTriggerPro = t.forwardRef(({ className, children, variant = "sta
     ]
   }
 ));
-MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName;
 var MoonUISelectScrollUpButtonPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
@@ -5376,8 +5376,8 @@ var MoonUISeparatorPro = t.forwardRef(
     }
   )
 );
-MoonUISeparator.displayName = SeparatorPrimitive.Root.displayName;
-function MoonUISkeleton({
+MoonUISeparatorPro.displayName = SeparatorPrimitive.Root.displayName;
+function MoonUISkeletonPro({
   className,
   ...props
 }) {
@@ -5670,7 +5670,7 @@ var MoonUISwitchPro = t.forwardRef(({ className, size = "md", variant = "primary
   rightIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: rightIcon }),
   description && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description })
 ] }));
-MoonUISwitch.displayName = SwitchPrimitives.Root.displayName;
+MoonUISwitchPro.displayName = SwitchPrimitives.Root.displayName;
 var MoonUItableVariantsPro = cva(
   "w-full caption-bottom text-sm",
   {
@@ -5823,7 +5823,7 @@ var MoonUITabsPro = t.forwardRef(({ vertical = false, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUITabs.displayName = TabsPrimitive.Root.displayName;
+MoonUITabsPro.displayName = TabsPrimitive.Root.displayName;
 var tabsListVariants = cva(
   "flex items-center justify-start transition-all duration-200",
   {
@@ -5858,7 +5858,7 @@ var MoonUITabsListPro = t.forwardRef(({ className, variant, orientation, fullWid
     ...props
   }
 ));
-MoonUITabsList.displayName = TabsPrimitive.List.displayName;
+MoonUITabsListPro.displayName = TabsPrimitive.List.displayName;
 var tabsTriggerVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
@@ -5921,7 +5921,7 @@ var MoonUITabsTriggerPro = t.forwardRef(({
     ]
   }
 ));
-MoonUITabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+MoonUITabsTriggerPro.displayName = TabsPrimitive.Trigger.displayName;
 var MoonUITabsContentPro = t.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
@@ -5934,7 +5934,7 @@ var MoonUITabsContentPro = t.forwardRef(({ className, animated = false, ...props
     ...props
   }
 ));
-MoonUITabsContent.displayName = TabsPrimitive.Content.displayName;
+MoonUITabsContentPro.displayName = TabsPrimitive.Content.displayName;
 var MoonUITextareaPro = t__default.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5951,7 +5951,7 @@ var MoonUITextareaPro = t__default.forwardRef(
   }
 );
 MoonUITextareaPro.displayName = "MoonUITextareaPro";
-var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastViewportPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -5962,7 +5962,7 @@ var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUIToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+MoonUIToastViewportPro.displayName = ToastPrimitives.Viewport.displayName;
 var moonUIToastVariantsPro = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-8 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
@@ -5990,8 +5990,8 @@ var MoonUIToastPro = t.forwardRef(({ className, variant, ...props }, ref) => {
     }
   );
 });
-MoonUIToast.displayName = ToastPrimitives.Root.displayName;
-var MoonUIToastAction = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
+var MoonUIToastActionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -6002,8 +6002,8 @@ var MoonUIToastAction = t.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
-var MoonUIToastClose = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
+var MoonUIToastClosePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -6016,8 +6016,8 @@ var MoonUIToastClose = t.forwardRef(({ className, ...props }, ref) => /* @__PURE
     children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
   }
 ));
-MoonUIToastClose.displayName = ToastPrimitives.Close.displayName;
-var MoonUIToastTitle = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
+var MoonUIToastTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -6025,8 +6025,8 @@ var MoonUIToastTitle = t.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
-var MoonUIToastDescription = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
+var MoonUIToastDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -6034,7 +6034,7 @@ var MoonUIToastDescription = t.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescriptionPro.displayName = ToastPrimitives.Description.displayName;
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e6;
 var toastTimeouts = /* @__PURE__ */ new Map();
@@ -6289,7 +6289,7 @@ var tooltipVariants = cva(
 );
 var MoonUITooltipPro = TooltipPrimitive.Root;
 var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
-var MoonUITooltipArrow = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITooltipArrowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6297,7 +6297,7 @@ var MoonUITooltipArrow = t.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-MoonUITooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName;
 var MoonUITooltipContentPro = t.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
@@ -6307,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,
@@ -6331,7 +6331,7 @@ t.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs(
-      Tooltip,
+      MoonUITooltipPro,
       {
         open,
         defaultOpen,
@@ -6339,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,
@@ -48957,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,
@@ -48999,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,
@@ -49028,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,
@@ -49057,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,
@@ -49078,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,
@@ -49846,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)) })
     ] }) }) });
@@ -50368,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,
@@ -50441,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" }) })
   ] });
 };
@@ -50617,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..." })
           ] })
@@ -53213,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.14",
+  "version": "2.2.16",
   "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

@@ -53,7 +53,7 @@ const MoonUIAvatarPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
 
 const MoonUIAvatarImagePro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
@@ -65,7 +65,7 @@ const MoonUIAvatarImagePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
 
 const MoonUIAvatarFallbackPro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
@@ -80,7 +80,7 @@ const MoonUIAvatarFallbackPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
 
 // Avatar Group Component for displaying multiple avatars
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -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/checkbox.tsx

@@ -114,7 +114,7 @@ const MoonUICheckboxPro = React.forwardRef<
     </CheckboxPrimitive.Root>
   );
 });
-MoonUICheckbox.displayName = CheckboxPrimitive.Root.displayName;
+MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
 
 // CheckboxGroup bileşeni
 interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -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
@@ -151,7 +151,7 @@ const MoonUICheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>
     );
   }
 );
-MoonUICheckboxGroup.displayName = "CheckboxGroup";
+MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
 
 // CheckboxLabel bileşeni
 interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -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
@@ -192,7 +192,7 @@ const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProp
     );
   }
 );
-MoonUICheckboxLabel.displayName = "CheckboxLabel";
+MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
 
 // Checkbox ve Label içeren bileşen
 interface CheckboxWithLabelProps extends MoonUICheckboxProProps {
@@ -210,7 +210,7 @@ interface CheckboxWithLabelProps extends MoonUICheckboxProProps {
   labelClassName?: string;
 }
 
-const MoonUICheckboxWithLabel = React.forwardRef<
+const MoonUICheckboxWithLabelPro = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxWithLabelProps
 >(({ 
@@ -251,9 +251,9 @@ const MoonUICheckboxWithLabel = React.forwardRef<
     </div>
   );
 });
-MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
+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) => (
@@ -57,7 +57,7 @@ const MoonUIDialogOverlay = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+MoonUIDialogOverlayPro.displayName = DialogPrimitive.Overlay.displayName;
 
 const dialogContentVariants = cva(
     "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg",
@@ -169,7 +169,7 @@ const MoonUIDialogContentPro = React.forwardRef<
 
         return (
             <MoonUIDialogPortal>
-                <MoonUIDialogOverlay
+                <MoonUIDialogOverlayPro
                     variant={overlayVariant}
                     animation={overlayAnimation}
                     onClick={hideCloseButton ? undefined : handleClose}
@@ -243,7 +243,7 @@ const MoonUIDialogContentPro = React.forwardRef<
         );
     }
 );
-MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContentPro.displayName = DialogPrimitive.Content.displayName;
 
 const MoonUIDialogHeaderPro = ({
     className,
@@ -286,7 +286,7 @@ const MoonUIDialogTitlePro = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
+MoonUIDialogTitlePro.displayName = DialogPrimitive.Title.displayName;
 
 const MoonUIDialogDescriptionPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
@@ -301,13 +301,13 @@ const MoonUIDialogDescriptionPro = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
+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) => (
@@ -317,7 +317,7 @@ const MoonUIDialogForm = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogForm.displayName = "DialogForm";
+MoonUIDialogFormPro.displayName = "DialogForm";
 
 export { MoonUIDialogPro,
     MoonUIDialogTriggerPro,
@@ -327,7 +327,7 @@ export { MoonUIDialogPro,
     MoonUIDialogTitlePro,
     MoonUIDialogDescriptionPro,
     MoonUIDialogClosePro,
-    MoonUIDialogForm,
+    MoonUIDialogFormPro,
  };
 
 // Backward compatibility exports

package/src/components/ui/dropdown-menu.tsx

@@ -37,7 +37,7 @@ const MoonUIDropdownMenuSubTriggerPro = React.forwardRef<
     <ChevronRight className="ml-auto h-4 w-4" />
   </DropdownMenuPrimitive.SubTrigger>
 ))
-MoonUIDropdownMenuSubTrigger.displayName =
+MoonUIDropdownMenuSubTriggerPro.displayName =
   DropdownMenuPrimitive.SubTrigger.displayName
 
 const MoonUIDropdownMenuSubContentPro = React.forwardRef<

package/src/components/ui/index.ts

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

package/src/components/ui/label.tsx

@@ -21,7 +21,7 @@ const MoonUILabelPro = React.forwardRef<
     {...props}
   />
 ))
-MoonUILabel.displayName = LabelPrimitive.Root.displayName
+MoonUILabelPro.displayName = LabelPrimitive.Root.displayName
 
 export { MoonUILabelPro  };
 

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'>,
@@ -130,56 +130,56 @@ const MoonUIPopoverContentPro = React.forwardRef<
     />
   </>
 ));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+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}
   />
 );
-MoonUIPopoverSeparator.displayName = "PopoverSeparator";
+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}
   />
 );
-MoonUIPopoverHeader.displayName = "PopoverHeader";
+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}
   />
 );
-MoonUIPopoverFooter.displayName = "PopoverFooter";
+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/progress.tsx

@@ -22,7 +22,7 @@ const MoonUIProgressPro = React.forwardRef<
     />
   </ProgressPrimitive.Root>
 ))
-MoonUIProgress.displayName = ProgressPrimitive.Root.displayName
+MoonUIProgressPro.displayName = ProgressPrimitive.Root.displayName
 
 export { MoonUIProgressPro  };
 

package/src/components/ui/select.tsx

@@ -97,7 +97,7 @@ const MoonUISelectTriggerPro = React.forwardRef<
     )}
   </SelectPrimitive.Trigger>
 ))
-MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName
 
 /**
  * Scroll Up Button Component

package/src/components/ui/separator.tsx

@@ -135,7 +135,7 @@ const MoonUISeparatorPro = React.forwardRef<
     />
   )
 )
-MoonUISeparator.displayName = SeparatorPrimitive.Root.displayName
+MoonUISeparatorPro.displayName = SeparatorPrimitive.Root.displayName
 
 export { MoonUISeparatorPro, moonUISeparatorVariantsPro  };
 

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/switch.tsx

@@ -77,7 +77,7 @@ const MoonUISwitchPro = React.forwardRef<
     {description && <span className="text-sm text-muted-foreground">{description}</span>}
   </div>
 ))
-MoonUISwitch.displayName = SwitchPrimitives.Root.displayName
+MoonUISwitchPro.displayName = SwitchPrimitives.Root.displayName
 
 export { MoonUISwitchPro  };
 

package/src/components/ui/tabs.tsx

@@ -23,7 +23,7 @@ const MoonUITabsPro = React.forwardRef<
   />
 ));
 
-MoonUITabs.displayName = TabsPrimitive.Root.displayName;
+MoonUITabsPro.displayName = TabsPrimitive.Root.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsList
@@ -73,7 +73,7 @@ const MoonUITabsListPro = React.forwardRef<
   />
 ));
 
-MoonUITabsList.displayName = TabsPrimitive.List.displayName;
+MoonUITabsListPro.displayName = TabsPrimitive.List.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsTrigger
@@ -164,7 +164,7 @@ const MoonUITabsTriggerPro = React.forwardRef<
   </TabsPrimitive.Trigger>
 ));
 
-MoonUITabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+MoonUITabsTriggerPro.displayName = TabsPrimitive.Trigger.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsContent
@@ -190,7 +190,7 @@ const MoonUITabsContentPro = React.forwardRef<
   />
 ));
 
-MoonUITabsContent.displayName = TabsPrimitive.Content.displayName;
+MoonUITabsContentPro.displayName = TabsPrimitive.Content.displayName;
 
 export { MoonUITabsPro, MoonUITabsListPro, MoonUITabsTriggerPro, MoonUITabsContentPro  };
 

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) => (
@@ -21,7 +21,7 @@ const MoonUIToastViewport = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+MoonUIToastViewportPro.displayName = ToastPrimitives.Viewport.displayName;
 
 const moonUIToastVariantsPro = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-8 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
@@ -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>,
@@ -62,9 +62,9 @@ const MoonUIToastPro = React.forwardRef<
     />
   );
 });
-MoonUIToast.displayName = ToastPrimitives.Root.displayName;
+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) => (
@@ -77,9 +77,9 @@ const MoonUIToastAction = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
+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) => (
@@ -95,9 +95,9 @@ const MoonUIToastClose = React.forwardRef<
     <X className="h-4 w-4" />
   </ToastPrimitives.Close>
 ));
-MoonUIToastClose.displayName = ToastPrimitives.Close.displayName;
+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) => (
@@ -107,9 +107,9 @@ const MoonUIToastTitle = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
+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) => (
@@ -119,7 +119,7 @@ const MoonUIToastDescription = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescriptionPro.displayName = ToastPrimitives.Description.displayName;
 
 type ToastData = {
   id: string;
@@ -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) => (
@@ -47,7 +47,7 @@ const MoonUITooltipArrow = React.forwardRef<
     {...props}
   />
 ))
-MoonUITooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
+MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName
 
 export interface MoonUITooltipContentProProps
   extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
@@ -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,
  };