@moontra/moonui-pro 2.2.1 → 2.2.2

package/dist/index.mjs

@@ -3384,7 +3384,7 @@ var MoonUILabelPro2 = React16.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-Label.displayName = LabelPrimitive.Root.displayName;
+MoonUILabel.displayName = LabelPrimitive.Root.displayName;
 var MoonUITextareaPro = React16__default.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -3445,8 +3445,8 @@ var MoonUISelectTriggerPro = React16.forwardRef(({ className, children, variant
     ]
   }
 ));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var MoonUISelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3458,8 +3458,8 @@ var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) =>
     children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
   }
 ));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var MoonUISelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3471,7 +3471,7 @@ var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) =
     children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
   }
 ));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+MoonUISelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var MoonUISelectContentPro = React16.forwardRef(({ className, children, position = "item-aligned", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
@@ -3508,7 +3508,7 @@ var MoonUISelectContentPro = React16.forwardRef(({ className, children, position
     ]
   }
 ) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
+MoonUISelectContent.displayName = SelectPrimitive.Content.displayName;
 React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
@@ -3517,7 +3517,7 @@ React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     ...props
   }
 ));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
+MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName;
 var MoonUISelectItemPro = React16.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
@@ -3544,7 +3544,7 @@ var MoonUISelectItemPro = React16.forwardRef(({ className, children, variant = "
     ]
   }
 ));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
+MoonUISelectItem.displayName = SelectPrimitive.Item.displayName;
 React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
@@ -3553,10 +3553,9 @@ React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     ...props
   }
 ));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 var MoonUIDialogPro = DialogPrimitive2.Root;
 var MoonUIDialogTriggerPro = DialogPrimitive2.Trigger;
-var DialogPortal = DialogPrimitive2.Portal;
 var overlayVariants = cva(
   "fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
   {
@@ -3579,7 +3578,7 @@ var overlayVariants = cva(
     }
   }
 );
-var DialogOverlay = React16.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogOverlay = React16.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -3587,7 +3586,7 @@ var DialogOverlay = React16.forwardRef(({ className, variant, animation, ...prop
     ...props
   }
 ));
-DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+MoonUIDialogOverlay.displayName = DialogPrimitive2.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",
   {
@@ -3722,7 +3721,7 @@ var MoonUIDialogContentPro = React16.forwardRef(
     ] });
   }
 );
-DialogContent.displayName = DialogPrimitive2.Content.displayName;
+MoonUIDialogContent.displayName = DialogPrimitive2.Content.displayName;
 var MoonUIDialogHeaderPro = ({
   className,
   ...props
@@ -3762,7 +3761,7 @@ var MoonUIDialogTitlePro = React16.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-DialogTitle.displayName = DialogPrimitive2.Title.displayName;
+MoonUIDialogTitle.displayName = DialogPrimitive2.Title.displayName;
 var MoonUIDialogDescriptionPro = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive2.Description,
   {
@@ -3774,8 +3773,8 @@ var MoonUIDialogDescriptionPro = React16.forwardRef(({ className, ...props }, re
     ...props
   }
 ));
-DialogDescription.displayName = DialogPrimitive2.Description.displayName;
-var DialogForm = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIDialogDescription.displayName = DialogPrimitive2.Description.displayName;
+var MoonUIDialogForm = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
     ref,
@@ -3783,7 +3782,7 @@ var DialogForm = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-DialogForm.displayName = "DialogForm";
+MoonUIDialogForm.displayName = "DialogForm";
 var EVENT_TYPES = [
   { value: "meeting", label: "Meeting", color: "#3b82f6" },
   { value: "task", label: "Task", color: "#10b981" },
@@ -4555,7 +4554,7 @@ var MoonUIAvatarPro = React16.forwardRef(({ className, size, radius, variant, ..
     ...props
   }
 ));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
 var MoonUIAvatarImagePro = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
@@ -4564,7 +4563,7 @@ var MoonUIAvatarImagePro = React16.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
 var MoonUIAvatarFallbackPro = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
@@ -4576,8 +4575,8 @@ var MoonUIAvatarFallbackPro = React16.forwardRef(({ className, ...props }, ref)
     ...props
   }
 ));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React16.forwardRef(
+MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var MoonUIAvatarGroup = React16.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;
@@ -4616,7 +4615,7 @@ var AvatarGroup = React16.forwardRef(
     );
   }
 );
-AvatarGroup.displayName = "AvatarGroup";
+MoonUIAvatarGroup.displayName = "AvatarGroup";
 var PRIORITY_DOTS = {
   low: "bg-green-500",
   medium: "bg-yellow-500",
@@ -43433,7 +43432,7 @@ React16.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE
     ]
   }
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+MoonUIDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
@@ -43445,7 +43444,7 @@ React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     ...props
   }
 ));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+MoonUIDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var MoonUIDropdownMenuContentPro = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
@@ -43458,7 +43457,7 @@ var MoonUIDropdownMenuContentPro = React16.forwardRef(({ className, sideOffset =
     ...props
   }
 ) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+MoonUIDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 var MoonUIDropdownMenuItemPro = React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
@@ -43471,7 +43470,7 @@ var MoonUIDropdownMenuItemPro = React16.forwardRef(({ className, inset, ...props
     ...props
   }
 ));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+MoonUIDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
 React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
@@ -43488,7 +43487,7 @@ React16.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PU
     ]
   }
 ));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+MoonUIDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
@@ -43504,7 +43503,7 @@ React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ j
     ]
   }
 ));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+MoonUIDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
@@ -43517,7 +43516,7 @@ React16.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
     ...props
   }
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+MoonUIDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 var MoonUIDropdownMenuSeparatorPro = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
@@ -43526,7 +43525,7 @@ var MoonUIDropdownMenuSeparatorPro = React16.forwardRef(({ className, ...props }
     ...props
   }
 ));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+MoonUIDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var MoonUITooltipProviderPro = TooltipPrimitive.Provider;
 var tooltipVariants = cva(
   "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -43554,7 +43553,7 @@ var tooltipVariants = cva(
 );
 var MoonUITooltipPro = TooltipPrimitive.Root;
 var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
-var TooltipArrow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITooltipArrow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -43562,7 +43561,7 @@ var TooltipArrow = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+MoonUITooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var MoonUITooltipContentPro = React16.forwardRef(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
@@ -43576,8 +43575,8 @@ var MoonUITooltipContentPro = React16.forwardRef(({ className, variant, size, sh
     ]
   }
 ));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var SimpleTooltip = React16.forwardRef(
+MoonUITooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var MoonUISimpleTooltip = React16.forwardRef(
   ({
     children,
     content,
@@ -43625,7 +43624,7 @@ var SimpleTooltip = React16.forwardRef(
     );
   }
 );
-SimpleTooltip.displayName = "SimpleTooltip";
+MoonUISimpleTooltip.displayName = "SimpleTooltip";
 var popoverContentVariants = cva(
   "z-50 w-72 rounded-md border border-border bg-background p-4 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
   {
@@ -43719,7 +43718,7 @@ var MoonUIPopoverContentPro = React16.forwardRef(({
     }
   )
 ] }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var defaultColors = [
   "#000000",
   "#374151",
@@ -44038,7 +44037,7 @@ var MoonUISliderPro = React16.forwardRef(({
   ] });
 });
 MoonUISliderPro.displayName = "MoonUISliderPro";
-var ToastViewport = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastViewport = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -44049,7 +44048,7 @@ var ToastViewport = React16.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+MoonUIToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 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",
   {
@@ -44077,8 +44076,8 @@ React16.forwardRef(({ className, variant, ...props }, ref) => {
     }
   );
 });
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToast.displayName = ToastPrimitives.Root.displayName;
+var MoonUIToastAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -44089,8 +44088,8 @@ var ToastAction = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
+var MoonUIToastClose = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -44103,8 +44102,8 @@ var ToastClose = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
     children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
   }
 ));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastClose.displayName = ToastPrimitives.Close.displayName;
+var MoonUIToastTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -44112,8 +44111,8 @@ var ToastTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
+var MoonUIToastDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -44121,7 +44120,7 @@ var ToastDescription = React16.forwardRef(({ className, ...props }, ref) => /* @
     ...props
   }
 ));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e6;
 var toastTimeouts = /* @__PURE__ */ new Map();
@@ -46924,8 +46923,8 @@ var MoonUICheckboxPro2 = React16.forwardRef(({
     }
   );
 });
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxGroup = React16.forwardRef(
+MoonUICheckbox.displayName = CheckboxPrimitive.Root.displayName;
+var MoonUICheckboxGroup = React16.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -46944,8 +46943,8 @@ var CheckboxGroup = React16.forwardRef(
     );
   }
 );
-CheckboxGroup.displayName = "CheckboxGroup";
-var CheckboxLabel = React16.forwardRef(
+MoonUICheckboxGroup.displayName = "CheckboxGroup";
+var MoonUICheckboxLabel = React16.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -46964,8 +46963,8 @@ var CheckboxLabel = React16.forwardRef(
     );
   }
 );
-CheckboxLabel.displayName = "CheckboxLabel";
-var CheckboxWithLabel = React16.forwardRef(({
+MoonUICheckboxLabel.displayName = "CheckboxLabel";
+var MoonUICheckboxWithLabel = React16.forwardRef(({
   id,
   label,
   labelPosition = "end",
@@ -46998,7 +46997,7 @@ var CheckboxWithLabel = React16.forwardRef(({
     )
   ] });
 });
-CheckboxWithLabel.displayName = "CheckboxWithLabel";
+MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
 var MoonUISwitchPro = React16.forwardRef(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
   leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
   /* @__PURE__ */ jsxs(
@@ -47045,7 +47044,7 @@ var MoonUISwitchPro = React16.forwardRef(({ className, size = "md", variant = "p
   rightIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: rightIcon }),
   description && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: description })
 ] }));
-Switch.displayName = SwitchPrimitives.Root.displayName;
+MoonUISwitch.displayName = SwitchPrimitives.Root.displayName;
 var AdvancedFormsInternal = ({
   fields,
   onSubmit,
@@ -47727,7 +47726,7 @@ var ColorPicker = ({ className, ...props }) => {
   }
   return /* @__PURE__ */ jsx(ColorPickerInternal, { className, ...props });
 };
-function Skeleton({
+function MoonUISkeleton({
   className,
   ...props
 }) {
@@ -47844,19 +47843,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(Skeleton, { className: "h-6 w-48" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
+        /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-48" }),
+        /* @__PURE__ */ jsx(MoonUISkeleton, { 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(Skeleton, { className: "h-5 w-3/4" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" }),
+        /* @__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__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" })
+          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" }),
+          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" }),
+          /* @__PURE__ */ jsx(MoonUISkeleton, { className: "h-6 w-16" })
         ] })
       ] }) }) }, index)) })
     ] }) }) });
@@ -48366,7 +48365,7 @@ var LazyComponentInternal = ({
         }
       );
     }
-    return /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-32" });
+    return /* @__PURE__ */ jsx(MoonUISkeleton, { className: "w-full h-32" });
   };
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cn("w-full", className), children: isLoaded ? /* @__PURE__ */ jsx(
     motion.div,
@@ -48439,7 +48438,7 @@ var LazyImage = ({
         transition: { duration: 0.3 },
         className: "w-full h-full object-cover"
       }
-    ) : showPlaceholder ? /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full min-h-32" }) : null,
+    ) : showPlaceholder ? /* @__PURE__ */ jsx(MoonUISkeleton, { 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" }) })
   ] });
 };
@@ -48615,7 +48614,7 @@ var OptimizedImageInternal = ({
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           className: "absolute inset-0 flex items-center justify-center bg-muted",
-          children: blur2 ? /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }) : /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          children: blur2 ? /* @__PURE__ */ jsx(MoonUISkeleton, { 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..." })
           ] })
@@ -48914,7 +48913,7 @@ var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
 var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
 var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
-var Progress2 = React16.forwardRef(
+var Progress = React16.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeProgress,
@@ -48949,7 +48948,7 @@ var Progress2 = React16.forwardRef(
     ) });
   }
 );
-Progress2.displayName = PROGRESS_NAME;
+Progress.displayName = PROGRESS_NAME;
 var INDICATOR_NAME = "ProgressIndicator";
 var ProgressIndicator = React16.forwardRef(
   (props, forwardedRef) => {
@@ -48994,7 +48993,7 @@ function getInvalidValueError(propValue, componentName) {
 
 Defaulting to \`null\`.`;
 }
-var Root11 = Progress2;
+var Root11 = Progress;
 var Indicator2 = ProgressIndicator;
 var MoonUIProgressPro = React16.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   Root11,
@@ -49014,7 +49013,7 @@ var MoonUIProgressPro = React16.forwardRef(({ className, value, ...props }, ref)
     )
   }
 ));
-Progress.displayName = Root11.displayName;
+MoonUIProgress.displayName = Root11.displayName;
 var MoonUITabsPro = React16.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
@@ -49023,7 +49022,7 @@ var MoonUITabsPro = React16.forwardRef(({ vertical = false, ...props }, ref) =>
     ...props
   }
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
+MoonUITabs.displayName = TabsPrimitive.Root.displayName;
 var tabsListVariants = cva(
   "flex items-center justify-start transition-all duration-200",
   {
@@ -49058,7 +49057,7 @@ var MoonUITabsListPro = React16.forwardRef(({ className, variant, orientation, f
     ...props
   }
 ));
-TabsList.displayName = TabsPrimitive.List.displayName;
+MoonUITabsList.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",
   {
@@ -49121,7 +49120,7 @@ var MoonUITabsTriggerPro = React16.forwardRef(({
     ]
   }
 ));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+MoonUITabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 var MoonUITabsContentPro = React16.forwardRef(({ className, animated = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
@@ -49134,7 +49133,7 @@ var MoonUITabsContentPro = React16.forwardRef(({ className, animated = false, ..
     ...props
   }
 ));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+MoonUITabsContent.displayName = TabsPrimitive.Content.displayName;
 var PerformanceDebuggerInternal = ({
   autoCapture = true,
   captureInterval = 5e3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "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 { Skeleton } from "../ui/skeleton"
+import { MoonUISkeleton 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 { Skeleton } from "../ui/skeleton"
+import { MoonUISkeleton 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 { Skeleton } from "../ui/skeleton"
+import { MoonUISkeleton 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}
   />
 ));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatar.displayName = AvatarPrimitive.Root.displayName;
 
 const MoonUIAvatarImagePro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
@@ -65,7 +65,7 @@ const MoonUIAvatarImagePro = React.forwardRef<
     {...props}
   />
 ));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImage.displayName = AvatarPrimitive.Image.displayName;
 
 const MoonUIAvatarFallbackPro = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
@@ -80,7 +80,7 @@ const MoonUIAvatarFallbackPro = React.forwardRef<
     {...props}
   />
 ));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallback.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 AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
+const MoonUIAvatarGroup = 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,7 +130,7 @@ const AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
     );
   }
 );
-AvatarGroup.displayName = "AvatarGroup";
+MoonUIAvatarGroup.displayName = "AvatarGroup";
 
 export { MoonUIAvatarPro, MoonUIAvatarImagePro, MoonUIAvatarFallbackPro, AvatarGroup  };
 

package/src/components/ui/checkbox.tsx

@@ -114,7 +114,7 @@ const MoonUICheckboxPro = React.forwardRef<
     </CheckboxPrimitive.Root>
   );
 });
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+MoonUICheckbox.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 CheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
+const MoonUICheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return (
       <div
@@ -151,7 +151,7 @@ const CheckboxGroup = React.forwardRef<HTMLDivElement, CheckboxGroupProps>(
     );
   }
 );
-CheckboxGroup.displayName = "CheckboxGroup";
+MoonUICheckboxGroup.displayName = "CheckboxGroup";
 
 // CheckboxLabel bileşeni
 interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -173,7 +173,7 @@ interface CheckboxLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
   disabled?: boolean;
 }
 
-const CheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
+const MoonUICheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return (
       <label
@@ -192,7 +192,7 @@ const CheckboxLabel = React.forwardRef<HTMLLabelElement, CheckboxLabelProps>(
     );
   }
 );
-CheckboxLabel.displayName = "CheckboxLabel";
+MoonUICheckboxLabel.displayName = "CheckboxLabel";
 
 // Checkbox ve Label içeren bileşen
 interface CheckboxWithLabelProps extends CheckboxProps {
@@ -210,7 +210,7 @@ interface CheckboxWithLabelProps extends CheckboxProps {
   labelClassName?: string;
 }
 
-const CheckboxWithLabel = React.forwardRef<
+const MoonUICheckboxWithLabel = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,
   CheckboxWithLabelProps
 >(({ 
@@ -251,7 +251,7 @@ const CheckboxWithLabel = React.forwardRef<
     </div>
   );
 });
-CheckboxWithLabel.displayName = "CheckboxWithLabel";
+MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
 
 export { MoonUICheckboxPro, CheckboxGroup, CheckboxLabel, CheckboxWithLabel  };
 

package/src/components/ui/dialog.tsx

@@ -17,7 +17,7 @@ import { cn } from "../../lib/utils";
 
 const MoonUIDialogPro = DialogPrimitive.Root;
 const MoonUIDialogTriggerPro = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
+const MoonUIDialogPortal = DialogPrimitive.Portal;
 const MoonUIDialogClosePro = DialogPrimitive.Close;
 
 const overlayVariants = cva(
@@ -47,7 +47,7 @@ interface DialogOverlayProps
     extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,
         VariantProps<typeof overlayVariants> {}
 
-const DialogOverlay = React.forwardRef<
+const MoonUIDialogOverlay = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Overlay>,
     DialogOverlayProps
 >(({ className, variant, animation, ...props }, ref) => (
@@ -57,7 +57,7 @@ const DialogOverlay = React.forwardRef<
         {...props}
     />
 ));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+MoonUIDialogOverlay.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",
@@ -243,7 +243,7 @@ const MoonUIDialogContentPro = React.forwardRef<
         );
     }
 );
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
 
 const MoonUIDialogHeaderPro = ({
     className,
@@ -286,7 +286,7 @@ const MoonUIDialogTitlePro = React.forwardRef<
         {...props}
     />
 ));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
+MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
 
 const MoonUIDialogDescriptionPro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Description>,
@@ -301,13 +301,13 @@ const MoonUIDialogDescriptionPro = React.forwardRef<
         {...props}
     />
 ));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 /**
  * Dialog-Form integration for use with form support
  * Used to integrate form submission processes into the modal
  */
-const DialogForm = React.forwardRef<
+const MoonUIDialogForm = React.forwardRef<
     HTMLFormElement,
     React.HTMLAttributes<HTMLFormElement>
 >(({ className, ...props }, ref) => (
@@ -317,7 +317,7 @@ const DialogForm = React.forwardRef<
         {...props}
     />
 ));
-DialogForm.displayName = "DialogForm";
+MoonUIDialogForm.displayName = "DialogForm";
 
 export { MoonUIDialogPro,
     MoonUIDialogTriggerPro,

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>
 ))
-DropdownMenuSubTrigger.displayName =
+MoonUIDropdownMenuSubTrigger.displayName =
   DropdownMenuPrimitive.SubTrigger.displayName
 
 const MoonUIDropdownMenuSubContentPro = React.forwardRef<
@@ -53,7 +53,7 @@ const MoonUIDropdownMenuSubContentPro = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuSubContent.displayName =
+MoonUIDropdownMenuSubContent.displayName =
   DropdownMenuPrimitive.SubContent.displayName
 
 const MoonUIDropdownMenuContentPro = React.forwardRef<
@@ -72,7 +72,7 @@ const MoonUIDropdownMenuContentPro = React.forwardRef<
     />
   </DropdownMenuPrimitive.Portal>
 ))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+MoonUIDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 
 const MoonUIDropdownMenuItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
@@ -90,7 +90,7 @@ const MoonUIDropdownMenuItemPro = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+MoonUIDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
 
 const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
@@ -113,7 +113,7 @@ const MoonUIDropdownMenuCheckboxItemPro = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.CheckboxItem>
 ))
-DropdownMenuCheckboxItem.displayName =
+MoonUIDropdownMenuCheckboxItem.displayName =
   DropdownMenuPrimitive.CheckboxItem.displayName
 
 const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
@@ -136,7 +136,7 @@ const MoonUIDropdownMenuRadioItemPro = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.RadioItem>
 ))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+MoonUIDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
 
 const MoonUIDropdownMenuLabelPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
@@ -154,7 +154,7 @@ const MoonUIDropdownMenuLabelPro = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+MoonUIDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
 
 const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
@@ -166,7 +166,7 @@ const MoonUIDropdownMenuSeparatorPro = React.forwardRef<
     {...props}
   />
 ))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+MoonUIDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
 
 const MoonUIDropdownMenuShortcutPro = ({
   className,

package/src/components/ui/label.tsx

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

package/src/components/ui/popover.tsx

@@ -130,7 +130,7 @@ const MoonUIPopoverContentPro = React.forwardRef<
     />
   </>
 ));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni
@@ -140,35 +140,35 @@ const PopoverClose = PopoverPrimitive.Close;
 /**
  * Popover için bölüm ayırıcı
  */
-const PopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn("my-2 h-px bg-border", className)}
     {...props}
   />
 );
-PopoverSeparator.displayName = "PopoverSeparator";
+MoonUIPopoverSeparator.displayName = "PopoverSeparator";
 
 /**
  * Popover başlık bileşeni
  */
-const PopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverHeader = ({ 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}
   />
 );
-PopoverHeader.displayName = "PopoverHeader";
+MoonUIPopoverHeader.displayName = "PopoverHeader";
 
 /**
  * Popover footer bileşeni
  */
-const PopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
+const MoonUIPopoverFooter = ({ 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}
   />
 );
-PopoverFooter.displayName = "PopoverFooter";
+MoonUIPopoverFooter.displayName = "PopoverFooter";
 
 export { MoonUIPopoverPro,
   MoonUIPopoverTriggerPro,

package/src/components/ui/progress.tsx

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

package/src/components/ui/select.tsx

@@ -97,12 +97,12 @@ const MoonUISelectTriggerPro = React.forwardRef<
     )}
   </SelectPrimitive.Trigger>
 ))
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 
 /**
  * Scroll Up Button Component
  */
-const SelectScrollUpButton = React.forwardRef<
+const MoonUISelectScrollUpButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
@@ -117,12 +117,12 @@ const SelectScrollUpButton = React.forwardRef<
     <ChevronUp className="h-4 w-4" />
   </SelectPrimitive.ScrollUpButton>
 ))
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 /**
  * Scroll Down Button Component
  */
-const SelectScrollDownButton = React.forwardRef<
+const MoonUISelectScrollDownButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 >(({ className, ...props }, ref) => (
@@ -137,7 +137,7 @@ const SelectScrollDownButton = React.forwardRef<
     <ChevronDown className="h-4 w-4" />
   </SelectPrimitive.ScrollDownButton>
 ))
-SelectScrollDownButton.displayName =
+MoonUISelectScrollDownButton.displayName =
   SelectPrimitive.ScrollDownButton.displayName
 
 const MoonUISelectContentPro = React.forwardRef<
@@ -177,7 +177,7 @@ const MoonUISelectContentPro = React.forwardRef<
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ))
-SelectContent.displayName = SelectPrimitive.Content.displayName
+MoonUISelectContent.displayName = SelectPrimitive.Content.displayName
 
 const MoonUISelectLabelPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Label>,
@@ -189,7 +189,7 @@ const MoonUISelectLabelPro = React.forwardRef<
     {...props}
   />
 ))
-SelectLabel.displayName = SelectPrimitive.Label.displayName
+MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName
 
 type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
 type SelectItemSize = "sm" | "md" | "lg";
@@ -245,7 +245,7 @@ const MoonUISelectItemPro = React.forwardRef<
     )}
   </SelectPrimitive.Item>
 ))
-SelectItem.displayName = SelectPrimitive.Item.displayName
+MoonUISelectItem.displayName = SelectPrimitive.Item.displayName
 
 const MoonUISelectSeparatorPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
@@ -257,7 +257,7 @@ const MoonUISelectSeparatorPro = React.forwardRef<
     {...props}
   />
 ))
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName
 
 export { MoonUISelectPro,
   MoonUISelectGroupPro,

package/src/components/ui/separator.tsx

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

package/src/components/ui/skeleton.tsx

@@ -4,14 +4,17 @@ import { cn } from "../../lib/utils"
 
 interface MoonUISkeletonProProps extends React.HTMLAttributes<HTMLDivElement> {}
 
-export function Skeleton({
+export function MoonUISkeleton({
   className,
   ...props
-}: SkeletonProps) {
+}: MoonUISkeletonProProps) {
   return (
     <div
       className={cn("animate-pulse rounded-md bg-muted", className)}
       {...props}
     />
   )
-}
+}
+
+// Backward compatibility export
+export { MoonUISkeleton 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>
 ))
-Switch.displayName = SwitchPrimitives.Root.displayName
+MoonUISwitch.displayName = SwitchPrimitives.Root.displayName
 
 export { MoonUISwitchPro  };
 

package/src/components/ui/tabs.tsx

@@ -23,7 +23,7 @@ const MoonUITabsPro = React.forwardRef<
   />
 ));
 
-Tabs.displayName = TabsPrimitive.Root.displayName;
+MoonUITabs.displayName = TabsPrimitive.Root.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsList
@@ -73,7 +73,7 @@ const MoonUITabsListPro = React.forwardRef<
   />
 ));
 
-TabsList.displayName = TabsPrimitive.List.displayName;
+MoonUITabsList.displayName = TabsPrimitive.List.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsTrigger
@@ -164,7 +164,7 @@ const MoonUITabsTriggerPro = React.forwardRef<
   </TabsPrimitive.Trigger>
 ));
 
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+MoonUITabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
 /* -------------------------------------------------------------------------------------------------
  * TabsContent
@@ -190,7 +190,7 @@ const MoonUITabsContentPro = React.forwardRef<
   />
 ));
 
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+MoonUITabsContent.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 ToastViewport = React.forwardRef<
+const MoonUIToastViewport = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Viewport>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 >(({ className, ...props }, ref) => (
@@ -21,7 +21,7 @@ const ToastViewport = React.forwardRef<
     {...props}
   />
 ));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+MoonUIToastViewport.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",
@@ -62,9 +62,9 @@ const MoonUIToastPro = React.forwardRef<
     />
   );
 });
-Toast.displayName = ToastPrimitives.Root.displayName;
+MoonUIToast.displayName = ToastPrimitives.Root.displayName;
 
-const ToastAction = React.forwardRef<
+const MoonUIToastAction = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Action>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 >(({ className, ...props }, ref) => (
@@ -77,9 +77,9 @@ const ToastAction = React.forwardRef<
     {...props}
   />
 ));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
+MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
 
-const ToastClose = React.forwardRef<
+const MoonUIToastClose = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Close>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 >(({ className, ...props }, ref) => (
@@ -95,9 +95,9 @@ const ToastClose = React.forwardRef<
     <X className="h-4 w-4" />
   </ToastPrimitives.Close>
 ));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
+MoonUIToastClose.displayName = ToastPrimitives.Close.displayName;
 
-const ToastTitle = React.forwardRef<
+const MoonUIToastTitle = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Title>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 >(({ className, ...props }, ref) => (
@@ -107,9 +107,9 @@ const ToastTitle = React.forwardRef<
     {...props}
   />
 ));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
+MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
 
-const ToastDescription = React.forwardRef<
+const MoonUIToastDescription = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Description>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
 >(({ className, ...props }, ref) => (
@@ -119,7 +119,7 @@ const ToastDescription = React.forwardRef<
     {...props}
   />
 ));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 type ToastData = {
   id: string;

package/src/components/ui/tooltip.tsx

@@ -37,7 +37,7 @@ const MoonUITooltipPro = TooltipPrimitive.Root
 
 const MoonUITooltipTriggerPro = TooltipPrimitive.Trigger
 
-const TooltipArrow = React.forwardRef<
+const MoonUITooltipArrow = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Arrow>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>
 >(({ className, ...props }, ref) => (
@@ -47,7 +47,7 @@ const TooltipArrow = React.forwardRef<
     {...props}
   />
 ))
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
+MoonUITooltipArrow.displayName = TooltipPrimitive.Arrow.displayName
 
 export interface MoonUITooltipContentProProps
   extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
@@ -69,7 +69,7 @@ const MoonUITooltipContentPro = React.forwardRef<
     {showArrow && <TooltipArrow />}
   </TooltipPrimitive.Content>
 ))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
+MoonUITooltipContent.displayName = TooltipPrimitive.Content.displayName
 
 // Simplified Tooltip component for easy usage
 interface SimpleTooltipProps {
@@ -89,7 +89,7 @@ interface SimpleTooltipProps {
   onOpenChange?: (open: boolean) => void
 }
 
-const SimpleTooltip = React.forwardRef<
+const MoonUISimpleTooltip = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   SimpleTooltipProps
 >(
@@ -139,7 +139,7 @@ const SimpleTooltip = React.forwardRef<
     )
   }
 )
-SimpleTooltip.displayName = "SimpleTooltip"
+MoonUISimpleTooltip.displayName = "SimpleTooltip"
 
 export { MoonUITooltipPro,
   MoonUITooltipProviderPro,