@moontra/moonui-pro 2.2.13 → 2.2.15

package/dist/index.mjs

@@ -1867,7 +1867,7 @@ var MoonUIAlertPro = t.forwardRef(
     );
   }
 );
-MoonUIAlert.displayName = "AlertPro";
+MoonUIAlertPro.displayName = "AlertPro";
 var MoonUIAlertTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
@@ -1876,7 +1876,7 @@ var MoonUIAlertTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUIAlertTitle.displayName = "AlertTitlePro";
+MoonUIAlertTitlePro.displayName = "AlertTitlePro";
 var MoonUIAlertDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -1885,7 +1885,7 @@ var MoonUIAlertDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /
     ...props
   }
 ));
-MoonUIAlertDescription.displayName = "AlertDescriptionPro";
+MoonUIAlertDescriptionPro.displayName = "AlertDescriptionPro";
 var MoonUIaspectRatioVariantsPro = cva(
   "relative overflow-hidden",
   {
@@ -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,7 +1987,7 @@ var MoonUIAvatarFallbackPro = t.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
 var MoonUIAvatarGroup = t.forwardRef(
   ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
     const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
@@ -2223,7 +2223,7 @@ var MoonUIBreadcrumbPro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumb.displayName = "BreadcrumbPro";
+MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
 var MoonUIBreadcrumbListPro = t.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
     const MoonUIchildrenArrayPro = t.Children.toArray(props.children).filter(Boolean);
@@ -2261,7 +2261,7 @@ var MoonUIBreadcrumbListPro = t.forwardRef(
     );
   }
 );
-MoonUIBreadcrumbList.displayName = "BreadcrumbListPro";
+MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
 var MoonUIBreadcrumbItemPro = t.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
     const MoonUICompPro = asChild ? t.Fragment : href ? "a" : "span";
@@ -2288,7 +2288,7 @@ var MoonUIBreadcrumbItemPro = t.forwardRef(
     );
   }
 );
-MoonUIBreadcrumbItem.displayName = "BreadcrumbItemPro";
+MoonUIBreadcrumbItemPro.displayName = "BreadcrumbItemPro";
 var MoonUIBreadcrumbSeparatorPro = ({
   children,
   className,
@@ -2303,7 +2303,7 @@ var MoonUIBreadcrumbSeparatorPro = ({
     children: children || /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
   }
 );
-MoonUIBreadcrumbSeparator.displayName = "BreadcrumbSeparatorPro";
+MoonUIBreadcrumbSeparatorPro.displayName = "BreadcrumbSeparatorPro";
 var MoonUIBreadcrumbEllipsisPro = ({
   className,
   ...props
@@ -2320,7 +2320,7 @@ var MoonUIBreadcrumbEllipsisPro = ({
     ]
   }
 );
-MoonUIBreadcrumbEllipsis.displayName = "BreadcrumbEllipsisPro";
+MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
 var MoonUIBreadcrumbLinkPro = t.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
@@ -2335,7 +2335,7 @@ var MoonUIBreadcrumbLinkPro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumbLink.displayName = "BreadcrumbLinkPro";
+MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
 var MoonUIBreadcrumbPagePro = t.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
@@ -2349,7 +2349,7 @@ var MoonUIBreadcrumbPagePro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumbPage.displayName = "BreadcrumbPagePro";
+MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
 var moonUIButtonProVariants = cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
@@ -2533,7 +2533,7 @@ var MoonUIButtonPro = t.forwardRef(
     );
   }
 );
-MoonUIButton.displayName = "MoonUIButtonPro";
+MoonUIButtonPro.displayName = "MoonUIButtonPro";
 cva("", {
   variants: {
     hover: {
@@ -2729,7 +2729,7 @@ var MoonUICardPro = t.forwardRef(
     );
   }
 );
-MoonUICard.displayName = "MoonUICardPro";
+MoonUICardPro.displayName = "MoonUICardPro";
 var MoonUICardHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -2738,7 +2738,7 @@ var MoonUICardHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUICardHeader.displayName = "MoonUICardHeaderPro";
+MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
 var MoonUICardTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
@@ -2747,7 +2747,7 @@ var MoonUICardTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-MoonUICardTitle.displayName = "MoonUICardTitlePro";
+MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
 var MoonUICardDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
@@ -2756,9 +2756,9 @@ var MoonUICardDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MoonUICardDescription.displayName = "MoonUICardDescriptionPro";
+MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
 var MoonUICardContentPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pt-0", className), ...props }));
-MoonUICardContent.displayName = "MoonUICardContentPro";
+MoonUICardContentPro.displayName = "MoonUICardContentPro";
 var MoonUICardFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -2767,7 +2767,7 @@ var MoonUICardFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUICardFooter.displayName = "MoonUICardFooterPro";
+MoonUICardFooterPro.displayName = "MoonUICardFooterPro";
 var moonUICheckboxVariantsPro = cva(
   "peer shrink-0 border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary-foreground",
   {
@@ -2842,8 +2842,8 @@ var MoonUICheckboxPro = t.forwardRef(({
     }
   );
 });
-MoonUICheckbox.displayName = CheckboxPrimitive.Root.displayName;
-var MoonUICheckboxGroup = t.forwardRef(
+MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
+t.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -2862,7 +2862,7 @@ var MoonUICheckboxGroup = t.forwardRef(
     );
   }
 );
-MoonUICheckboxGroup.displayName = "CheckboxGroup";
+MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
 var MoonUICheckboxLabel = t.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -2882,8 +2882,8 @@ var MoonUICheckboxLabel = t.forwardRef(
     );
   }
 );
-MoonUICheckboxLabel.displayName = "CheckboxLabel";
-var MoonUICheckboxWithLabel = t.forwardRef(({
+MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
+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 } = {}) {
@@ -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",
   {
@@ -4153,7 +4153,7 @@ var MoonUIDialogContentPro = t.forwardRef(
     ] });
   }
 );
-MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContentPro.displayName = DialogPrimitive.Content.displayName;
 var MoonUIDialogHeaderPro = ({
   className,
   ...props
@@ -4167,7 +4167,7 @@ var MoonUIDialogHeaderPro = ({
     ...props
   }
 );
-MoonUIDialogHeader.displayName = "MoonUIDialogHeaderPro";
+MoonUIDialogHeaderPro.displayName = "MoonUIDialogHeaderPro";
 var MoonUIDialogFooterPro = ({
   className,
   ...props
@@ -4181,7 +4181,7 @@ var MoonUIDialogFooterPro = ({
     ...props
   }
 );
-MoonUIDialogFooter.displayName = "MoonUIDialogFooterPro";
+MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
 var MoonUIDialogTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
@@ -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;
+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,
   {
@@ -4612,7 +4612,7 @@ var MoonUIInputPro = t.forwardRef(
     ] });
   }
 );
-MoonUIInput.displayName = "MoonUIInputPro";
+MoonUIInputPro.displayName = "MoonUIInputPro";
 var moonUILabelVariantsPro = cva(
   "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 );
@@ -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,10 @@ var MoonUIPopoverContentPro = t.forwardRef(({
     }
   )
 ] }));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverSeparatorPro.displayName = "PopoverSeparator";
+MoonUIPopoverHeaderPro.displayName = "PopoverHeader";
+MoonUIPopoverFooterPro.displayName = "PopoverFooter";
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -4974,7 +4977,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",
   {
@@ -5011,7 +5014,7 @@ var MoonUIRadioGroupPro = t.forwardRef(
     ) });
   }
 );
-MoonUIRadioGroup.displayName = "RadioGroupPro";
+MoonUIRadioGroupPro.displayName = "RadioGroupPro";
 var MoonUIRadioGroupItemPro = t.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
   const radioGroup = t.useContext(MoonUIRadioGroupContextPro);
   const generatedId = t.useId();
@@ -5061,7 +5064,7 @@ var MoonUIRadioGroupItemPro = t.forwardRef(({ className, variant, size, indicato
     )
   ] });
 });
-MoonUIRadioGroupItem.displayName = "RadioGroupItemPro";
+MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
 var MoonUIRadioLabelPro = t.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5080,7 +5083,7 @@ var MoonUIRadioLabelPro = t.forwardRef(
     );
   }
 );
-MoonUIRadioLabel.displayName = "RadioLabelPro";
+MoonUIRadioLabelPro.displayName = "RadioLabelPro";
 var MoonUIRadioItemWithLabelPro = t.forwardRef(({
   id,
   label,
@@ -5102,9 +5105,9 @@ var MoonUIRadioItemWithLabelPro = t.forwardRef(({
     )
   ] });
 });
-MoonUIRadioItemWithLabel.displayName = "RadioItemWithLabelPro";
+MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
 var MoonUISelectPro = SelectPrimitive.Root;
-MoonUISelect.displayName = "MoonUISelectPro";
+MoonUISelectPro.displayName = "MoonUISelectPro";
 var MoonUISelectGroupPro = SelectPrimitive.Group;
 var MoonUISelectValuePro = SelectPrimitive.Value;
 var MoonUISelectTriggerPro = t.forwardRef(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
@@ -5148,8 +5151,8 @@ var MoonUISelectTriggerPro = t.forwardRef(({ className, children, variant = "sta
     ]
   }
 ));
-MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var MoonUISelectScrollUpButton = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName;
+var MoonUISelectScrollUpButtonPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5161,8 +5164,8 @@ var MoonUISelectScrollUpButton = t.forwardRef(({ className, ...props }, ref) =>
     children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
   }
 ));
-MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var MoonUISelectScrollDownButton = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var MoonUISelectScrollDownButtonPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -5174,7 +5177,7 @@ var MoonUISelectScrollDownButton = t.forwardRef(({ className, ...props }, ref) =
     children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
   }
 ));
-MoonUISelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+MoonUISelectScrollDownButtonPro.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var MoonUISelectContentPro = t.forwardRef(({ className, children, position = "item-aligned", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
@@ -5247,7 +5250,7 @@ var MoonUISelectItemPro = t.forwardRef(({ className, children, variant = "defaul
     ]
   }
 ));
-MoonUISelectItem.displayName = SelectPrimitive.Item.displayName;
+MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName;
 var MoonUISelectSeparatorPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
@@ -5376,7 +5379,7 @@ var MoonUISeparatorPro = t.forwardRef(
     }
   )
 );
-MoonUISeparator.displayName = SeparatorPrimitive.Root.displayName;
+MoonUISeparatorPro.displayName = SeparatorPrimitive.Root.displayName;
 function MoonUISkeleton({
   className,
   ...props
@@ -5623,7 +5626,7 @@ var MoonUISliderPro = t.forwardRef(({
     )
   ] });
 });
-MoonUISlider.displayName = "MoonUISliderPro";
+MoonUISliderPro.displayName = "MoonUISliderPro";
 var MoonUISwitchPro = t.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(
@@ -5670,7 +5673,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",
   {
@@ -5738,9 +5741,9 @@ var MoonUITablePro = t.forwardRef(({
     )
   ] });
 });
-MoonUITable.displayName = "TablePro";
+MoonUITablePro.displayName = "TablePro";
 var MoonUITableHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-MoonUITableHeader.displayName = "TableHeaderPro";
+MoonUITableHeaderPro.displayName = "TableHeaderPro";
 var MoonUITableBodyPro = t.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
   t.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
@@ -5753,7 +5756,7 @@ var MoonUITableBodyPro = t.forwardRef(({ className, emptyContent, emptyMessage =
     }
   );
 });
-MoonUITableBody.displayName = "TableBodyPro";
+MoonUITableBodyPro.displayName = "TableBodyPro";
 var MoonUITableFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
@@ -5762,7 +5765,7 @@ var MoonUITableFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUITableFooter.displayName = "TableFooterPro";
+MoonUITableFooterPro.displayName = "TableFooterPro";
 var MoonUITableRowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
@@ -5774,7 +5777,7 @@ var MoonUITableRowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-MoonUITableRow.displayName = "TableRowPro";
+MoonUITableRowPro.displayName = "TableRowPro";
 var MoonUITableHeadPro = t.forwardRef(
   ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5796,7 +5799,7 @@ var MoonUITableHeadPro = t.forwardRef(
     );
   }
 );
-MoonUITableHead.displayName = "TableHeadPro";
+MoonUITableHeadPro.displayName = "TableHeadPro";
 var MoonUITableCellPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
@@ -5805,7 +5808,7 @@ var MoonUITableCellPro = t.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-MoonUITableCell.displayName = "TableCellPro";
+MoonUITableCellPro.displayName = "TableCellPro";
 var MoonUITableCaptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
@@ -5814,7 +5817,7 @@ var MoonUITableCaptionPro = t.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-MoonUITableCaption.displayName = "TableCaptionPro";
+MoonUITableCaptionPro.displayName = "TableCaptionPro";
 var MoonUITabsPro = t.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
@@ -5823,7 +5826,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 +5861,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 +5924,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 +5937,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(
@@ -5950,8 +5953,8 @@ var MoonUITextareaPro = t__default.forwardRef(
     );
   }
 );
-MoonUITextarea.displayName = "MoonUITextareaPro";
-var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+MoonUITextareaPro.displayName = "MoonUITextareaPro";
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -5962,7 +5965,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 +5993,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;
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -6002,8 +6005,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;
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -6016,8 +6019,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;
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -6025,8 +6028,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;
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -6034,7 +6037,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 +6292,7 @@ var tooltipVariants = cva(
 );
 var MoonUITooltipPro = TooltipPrimitive.Root;
 var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
-var MoonUITooltipArrow = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -6297,7 +6300,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,
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.13",
+  "version": "2.2.15",
   "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/ui/alert.tsx

@@ -101,7 +101,7 @@ const MoonUIAlertPro = React.forwardRef<HTMLDivElement, AlertProps>(
     );
   }
 );
-MoonUIAlert.displayName = "AlertPro";
+MoonUIAlertPro.displayName = "AlertPro";
 
 const MoonUIAlertTitlePro = React.forwardRef<
   HTMLParagraphElement,
@@ -113,7 +113,7 @@ const MoonUIAlertTitlePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAlertTitle.displayName = "AlertTitlePro";
+MoonUIAlertTitlePro.displayName = "AlertTitlePro";
 
 const MoonUIAlertDescriptionPro = React.forwardRef<
   HTMLParagraphElement,
@@ -125,7 +125,7 @@ const MoonUIAlertDescriptionPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUIAlertDescription.displayName = "AlertDescriptionPro";
+MoonUIAlertDescriptionPro.displayName = "AlertDescriptionPro";
 
 
 // Internal aliases for Pro component usage

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> {

package/src/components/ui/breadcrumb.tsx

@@ -64,7 +64,7 @@ const MoonUIBreadcrumbPro = React.forwardRef<HTMLElement, BreadcrumbProps>(
     />
   )
 );
-MoonUIBreadcrumb.displayName = "BreadcrumbPro";
+MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
 
 const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
@@ -104,7 +104,7 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
     );
   }
 );
-MoonUIBreadcrumbList.displayName = "BreadcrumbListPro";
+MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
 
 const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
@@ -133,7 +133,7 @@ const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemPr
     );
   }
 );
-MoonUIBreadcrumbItem.displayName = "BreadcrumbItemPro";
+MoonUIBreadcrumbItemPro.displayName = "BreadcrumbItemPro";
 
 const MoonUIBreadcrumbSeparatorPro = ({
   children,
@@ -149,7 +149,7 @@ const MoonUIBreadcrumbSeparatorPro = ({
     {children || <ChevronRight className="h-3.5 w-3.5" />}
   </span>
 );
-MoonUIBreadcrumbSeparator.displayName = "BreadcrumbSeparatorPro";
+MoonUIBreadcrumbSeparatorPro.displayName = "BreadcrumbSeparatorPro";
 
 const MoonUIBreadcrumbEllipsisPro = ({
   className,
@@ -165,7 +165,7 @@ const MoonUIBreadcrumbEllipsisPro = ({
     <span className="sr-only">More pages</span>
   </span>
 );
-MoonUIBreadcrumbEllipsis.displayName = "BreadcrumbEllipsisPro";
+MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
 
 const MoonUIBreadcrumbLinkPro = React.forwardRef<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>(
   ({ className, href, ...props }, ref) => (
@@ -180,7 +180,7 @@ const MoonUIBreadcrumbLinkPro = React.forwardRef<HTMLAnchorElement, React.Anchor
     />
   )
 );
-MoonUIBreadcrumbLink.displayName = "BreadcrumbLinkPro";
+MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
 
 const MoonUIBreadcrumbPagePro = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(
   ({ className, ...props }, ref) => (
@@ -194,7 +194,7 @@ const MoonUIBreadcrumbPagePro = React.forwardRef<HTMLSpanElement, React.HTMLAttr
     />
   )
 );
-MoonUIBreadcrumbPage.displayName = "BreadcrumbPagePro";
+MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
 
 
 // Internal aliases for Pro component usage

package/src/components/ui/button.tsx

@@ -216,7 +216,7 @@ const MoonUIButtonPro = React.forwardRef<HTMLButtonElement, MoonUIButtonProProps
   }
 );
 
-MoonUIButton.displayName = "MoonUIButtonPro";
+MoonUIButtonPro.displayName = "MoonUIButtonPro";
 
 export { MoonUIButtonPro, moonUIButtonProVariants };
 

package/src/components/ui/card.tsx

@@ -80,7 +80,7 @@ const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
     );
   }
 );
-MoonUICard.displayName = "MoonUICardPro";
+MoonUICardPro.displayName = "MoonUICardPro";
 
 const MoonUICardHeaderPro = React.forwardRef<
   HTMLDivElement,
@@ -92,7 +92,7 @@ const MoonUICardHeaderPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardHeader.displayName = "MoonUICardHeaderPro";
+MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
 
 const MoonUICardTitlePro = React.forwardRef<
   HTMLHeadingElement,
@@ -104,7 +104,7 @@ const MoonUICardTitlePro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardTitle.displayName = "MoonUICardTitlePro";
+MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
 
 const MoonUICardDescriptionPro = React.forwardRef<
   HTMLParagraphElement,
@@ -116,7 +116,7 @@ const MoonUICardDescriptionPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardDescription.displayName = "MoonUICardDescriptionPro";
+MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
 
 const MoonUICardContentPro = React.forwardRef<
   HTMLDivElement,
@@ -124,7 +124,7 @@ const MoonUICardContentPro = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div ref={ref} className={cn("pt-0", className)} {...props} />
 ));
-MoonUICardContent.displayName = "MoonUICardContentPro";
+MoonUICardContentPro.displayName = "MoonUICardContentPro";
 
 const MoonUICardFooterPro = React.forwardRef<
   HTMLDivElement,
@@ -136,7 +136,7 @@ const MoonUICardFooterPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUICardFooter.displayName = "MoonUICardFooterPro";
+MoonUICardFooterPro.displayName = "MoonUICardFooterPro";
 
 export { MoonUICardPro, MoonUICardHeaderPro, MoonUICardFooterPro, MoonUICardTitlePro, MoonUICardDescriptionPro, MoonUICardContentPro  };
 

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> {
@@ -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> {
@@ -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 {
@@ -251,7 +251,7 @@ const MoonUICheckboxWithLabel = React.forwardRef<
     </div>
   );
 });
-MoonUICheckboxWithLabel.displayName = "CheckboxWithLabel";
+MoonUICheckboxWithLabelPro.displayName = "CheckboxWithLabel";
 
 export { MoonUICheckboxPro, MoonUICheckboxGroup as CheckboxGroup, MoonUICheckboxLabel as CheckboxLabel, MoonUICheckboxWithLabel as CheckboxWithLabel  };
 

package/src/components/ui/dialog.tsx

@@ -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",
@@ -243,7 +243,7 @@ const MoonUIDialogContentPro = React.forwardRef<
         );
     }
 );
-MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
+MoonUIDialogContentPro.displayName = DialogPrimitive.Content.displayName;
 
 const MoonUIDialogHeaderPro = ({
     className,
@@ -257,7 +257,7 @@ const MoonUIDialogHeaderPro = ({
         {...props}
     />
 );
-MoonUIDialogHeader.displayName = "MoonUIDialogHeaderPro";
+MoonUIDialogHeaderPro.displayName = "MoonUIDialogHeaderPro";
 
 const MoonUIDialogFooterPro = ({
     className,
@@ -271,7 +271,7 @@ const MoonUIDialogFooterPro = ({
         {...props}
     />
 );
-MoonUIDialogFooter.displayName = "MoonUIDialogFooterPro";
+MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
 
 const MoonUIDialogTitlePro = React.forwardRef<
     React.ElementRef<typeof DialogPrimitive.Title>,
@@ -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,7 +301,7 @@ const MoonUIDialogDescriptionPro = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
+MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
 
 /**
  * Dialog-Form integration for use with form support
@@ -317,7 +317,7 @@ const MoonUIDialogForm = React.forwardRef<
         {...props}
     />
 ));
-MoonUIDialogForm.displayName = "DialogForm";
+MoonUIDialogFormPro.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>
 ))
-MoonUIDropdownMenuSubTrigger.displayName =
+MoonUIDropdownMenuSubTriggerPro.displayName =
   DropdownMenuPrimitive.SubTrigger.displayName
 
 const MoonUIDropdownMenuSubContentPro = React.forwardRef<

package/src/components/ui/input.tsx

@@ -214,7 +214,7 @@ const MoonUIInputPro = React.forwardRef<HTMLInputElement, MoonUIInputProProps>(
     );
   }
 );
-MoonUIInput.displayName = "MoonUIInputPro";
+MoonUIInputPro.displayName = "MoonUIInputPro";
 
 export { MoonUIInputPro  };
 

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

@@ -130,7 +130,7 @@ const MoonUIPopoverContentPro = React.forwardRef<
     />
   </>
 ));
-MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
 
 /**
  * PopoverClose bileşeni
@@ -146,7 +146,7 @@ const MoonUIPopoverSeparator = ({ className, ...props }: React.HTMLAttributes<HT
     {...props}
   />
 );
-MoonUIPopoverSeparator.displayName = "PopoverSeparator";
+MoonUIPopoverSeparatorPro.displayName = "PopoverSeparator";
 
 /**
  * Popover başlık bileşeni
@@ -157,7 +157,7 @@ const MoonUIPopoverHeader = ({ className, ...props }: React.HTMLAttributes<HTMLD
     {...props}
   />
 );
-MoonUIPopoverHeader.displayName = "PopoverHeader";
+MoonUIPopoverHeaderPro.displayName = "PopoverHeader";
 
 /**
  * Popover footer bileşeni
@@ -168,7 +168,7 @@ const MoonUIPopoverFooter = ({ className, ...props }: React.HTMLAttributes<HTMLD
     {...props}
   />
 );
-MoonUIPopoverFooter.displayName = "PopoverFooter";
+MoonUIPopoverFooterPro.displayName = "PopoverFooter";
 
 export { MoonUIPopoverPro,
   MoonUIPopoverTriggerPro,

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/radio-group.tsx

@@ -76,7 +76,7 @@ const MoonUIRadioGroupPro = React.forwardRef<HTMLDivElement, RadioGroupProps>(
     );
   }
 );
-MoonUIRadioGroup.displayName = "RadioGroupPro";
+MoonUIRadioGroupPro.displayName = "RadioGroupPro";
 
 export interface RadioGroupItemProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,
@@ -155,7 +155,7 @@ const MoonUIRadioGroupItemPro = React.forwardRef<
     </div>
   );
 });
-MoonUIRadioGroupItem.displayName = "RadioGroupItemPro";
+MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
 
 // Radio Label Component
 interface RadioLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
@@ -191,7 +191,7 @@ const MoonUIRadioLabelPro = React.forwardRef<HTMLLabelElement, RadioLabelProps>(
     );
   }
 );
-MoonUIRadioLabel.displayName = "RadioLabelPro";
+MoonUIRadioLabelPro.displayName = "RadioLabelPro";
 
 // Radio Item and Label combination
 interface RadioItemWithLabelProps extends RadioGroupItemProps {
@@ -238,7 +238,7 @@ const MoonUIRadioItemWithLabelPro = React.forwardRef<
     </div>
   );
 });
-MoonUIRadioItemWithLabel.displayName = "RadioItemWithLabelPro";
+MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
 
 
 // Internal aliases for Pro component usage

package/src/components/ui/select.tsx

@@ -15,7 +15,7 @@ import { cn } from "../../lib/utils"
 
 // Directly re-exporting the Root component
 const MoonUISelectPro = SelectPrimitive.Root
-MoonUISelect.displayName = "MoonUISelectPro"
+MoonUISelectPro.displayName = "MoonUISelectPro"
 
 const MoonUISelectGroupPro = SelectPrimitive.Group
 
@@ -97,12 +97,12 @@ const MoonUISelectTriggerPro = React.forwardRef<
     )}
   </SelectPrimitive.Trigger>
 ))
-MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName
 
 /**
  * Scroll Up Button Component
  */
-const MoonUISelectScrollUpButton = React.forwardRef<
+const MoonUISelectScrollUpButtonPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
@@ -117,12 +117,12 @@ const MoonUISelectScrollUpButton = React.forwardRef<
     <ChevronUp className="h-4 w-4" />
   </SelectPrimitive.ScrollUpButton>
 ))
-MoonUISelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 /**
  * Scroll Down Button Component
  */
-const MoonUISelectScrollDownButton = React.forwardRef<
+const MoonUISelectScrollDownButtonPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 >(({ className, ...props }, ref) => (
@@ -137,7 +137,7 @@ const MoonUISelectScrollDownButton = React.forwardRef<
     <ChevronDown className="h-4 w-4" />
   </SelectPrimitive.ScrollDownButton>
 ))
-MoonUISelectScrollDownButton.displayName =
+MoonUISelectScrollDownButtonPro.displayName =
   SelectPrimitive.ScrollDownButton.displayName
 
 const MoonUISelectContentPro = React.forwardRef<
@@ -245,7 +245,7 @@ const MoonUISelectItemPro = React.forwardRef<
     )}
   </SelectPrimitive.Item>
 ))
-MoonUISelectItem.displayName = SelectPrimitive.Item.displayName
+MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName
 
 const MoonUISelectSeparatorPro = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
@@ -267,8 +267,8 @@ export { MoonUISelectPro,
   MoonUISelectLabelPro,
   MoonUISelectItemPro,
   MoonUISelectSeparatorPro,
-  MoonUISelectScrollUpButton as SelectScrollUpButton,
-  MoonUISelectScrollDownButton as SelectScrollDownButton,
+  MoonUISelectScrollUpButtonPro as SelectScrollUpButton,
+  MoonUISelectScrollDownButtonPro as SelectScrollDownButton,
  };
 
 // Backward compatibility exports

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

@@ -346,7 +346,7 @@ const MoonUISliderPro = React.forwardRef<
   )
 })
 
-MoonUISlider.displayName = "MoonUISliderPro"
+MoonUISliderPro.displayName = "MoonUISliderPro"
 
 export { MoonUISliderPro  };
 

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

@@ -121,7 +121,7 @@ const MoonUITablePro = React.forwardRef<
     </div>
   );
 });
-MoonUITable.displayName = "TablePro";
+MoonUITablePro.displayName = "TablePro";
 
 const MoonUITableHeaderPro = React.forwardRef<
   HTMLTableSectionElement,
@@ -129,7 +129,7 @@ const MoonUITableHeaderPro = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
 ));
-MoonUITableHeader.displayName = "TableHeaderPro";
+MoonUITableHeaderPro.displayName = "TableHeaderPro";
 
 interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
   /** Veri yoksa gösterilecek boş durum içeriği */
@@ -169,7 +169,7 @@ const MoonUITableBodyPro = React.forwardRef<
     </tbody>
   )
 });
-MoonUITableBody.displayName = "TableBodyPro";
+MoonUITableBodyPro.displayName = "TableBodyPro";
 
 const MoonUITableFooterPro = React.forwardRef<
   HTMLTableSectionElement,
@@ -181,7 +181,7 @@ const MoonUITableFooterPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableFooter.displayName = "TableFooterPro";
+MoonUITableFooterPro.displayName = "TableFooterPro";
 
 const MoonUITableRowPro = React.forwardRef<
   HTMLTableRowElement,
@@ -196,7 +196,7 @@ const MoonUITableRowPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableRow.displayName = "TableRowPro";
+MoonUITableRowPro.displayName = "TableRowPro";
 
 interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
   /** Bu sütun için sıralama durumu */
@@ -282,7 +282,7 @@ const MoonUITableHeadPro = React.forwardRef<HTMLTableCellElement, TableHeadProps
     );
   }
 );
-MoonUITableHead.displayName = "TableHeadPro";
+MoonUITableHeadPro.displayName = "TableHeadPro";
 
 const MoonUITableCellPro = React.forwardRef<
   HTMLTableCellElement,
@@ -294,7 +294,7 @@ const MoonUITableCellPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableCell.displayName = "TableCellPro";
+MoonUITableCellPro.displayName = "TableCellPro";
 
 const MoonUITableCaptionPro = React.forwardRef<
   HTMLTableCaptionElement,
@@ -306,7 +306,7 @@ const MoonUITableCaptionPro = React.forwardRef<
     {...props}
   />
 ));
-MoonUITableCaption.displayName = "TableCaptionPro";
+MoonUITableCaptionPro.displayName = "TableCaptionPro";
 
 
 // Internal aliases for Pro component usage

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

@@ -20,7 +20,7 @@ const MoonUITextareaPro = React.forwardRef<HTMLTextAreaElement, MoonUITextareaPr
     )
   }
 )
-MoonUITextarea.displayName = "MoonUITextareaPro"
+MoonUITextareaPro.displayName = "MoonUITextareaPro"
 
 export { MoonUITextareaPro  };
 

package/src/components/ui/toast.tsx

@@ -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",
@@ -62,7 +62,7 @@ const MoonUIToastPro = React.forwardRef<
     />
   );
 });
-MoonUIToast.displayName = ToastPrimitives.Root.displayName;
+MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
 
 const MoonUIToastAction = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Action>,
@@ -77,7 +77,7 @@ const MoonUIToastAction = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastAction.displayName = ToastPrimitives.Action.displayName;
+MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
 
 const MoonUIToastClose = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Close>,
@@ -95,7 +95,7 @@ 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<
   React.ElementRef<typeof ToastPrimitives.Title>,
@@ -107,7 +107,7 @@ const MoonUIToastTitle = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastTitle.displayName = ToastPrimitives.Title.displayName;
+MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
 
 const MoonUIToastDescription = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Description>,
@@ -119,7 +119,7 @@ const MoonUIToastDescription = React.forwardRef<
     {...props}
   />
 ));
-MoonUIToastDescription.displayName = ToastPrimitives.Description.displayName;
+MoonUIToastDescriptionPro.displayName = ToastPrimitives.Description.displayName;
 
 type ToastData = {
   id: string;

package/src/components/ui/tooltip.tsx

@@ -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>,