@moontra/moonui-pro 2.2.12 → 2.2.14

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { twMerge } from 'tailwind-merge';
 import * as t from 'react';
 import t__default, { useState, useRef, useCallback, forwardRef, createContext, useContext, useMemo, useEffect, useDebugValue, Component, useLayoutEffect } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, MoreHorizontal, ChevronLeft, Calendar, Edit, Trash2, Clock, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, Download, Maximize2, Activity, Star, Upload, CheckCircle2, Filter, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, ExternalLink, BarChart3, Users, DollarSign, Github, GitFork, Server, EyeOff, ZoomOut, ZoomIn, RotateCw, Zap, Monitor, Timer, Cpu, MemoryStick, HardDrive, Network, CheckCircle, Video, Music, Archive, File, XCircle, ArrowDownRight, ArrowUpRight } from 'lucide-react';
+import { ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Loader2, Minus, Search, ChevronRight, Circle, ChevronUp, Lock, Sparkles, Plus, ChevronLeft, Calendar, Edit, Trash2, Clock, MapPin, User, GripVertical, MessageCircle, Paperclip, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, CheckSquare, Quote, Palette, Highlighter, Link2, Image as Image$1, Table as Table$1, Settings, Undo, Redo, Eye, RefreshCw, Wand2, Maximize, FileText, Languages, TrendingUp, TrendingDown, Download, Maximize2, Activity, Star, Upload, CheckCircle2, Filter, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, ExternalLink, BarChart3, Users, DollarSign, Github, GitFork, Server, EyeOff, ZoomOut, ZoomIn, RotateCw, Zap, Monitor, Timer, Cpu, MemoryStick, HardDrive, Network, CheckCircle, Video, Music, Archive, File, XCircle, ArrowDownRight, ArrowUpRight } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -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",
   {
@@ -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);
@@ -2242,7 +2242,7 @@ var MoonUIBreadcrumbListPro = t.forwardRef(
           ...props,
           children: [
             MoonUIfirstItemPro,
-            /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}),
+            /* @__PURE__ */ jsx(MoonUIBreadcrumbEllipsisPro, {}),
             MoonUIlastTwoItemsPro
           ]
         }
@@ -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",
   {
@@ -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,
   {
@@ -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"
 );
@@ -5011,7 +5011,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 +5061,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 +5080,7 @@ var MoonUIRadioLabelPro = t.forwardRef(
     );
   }
 );
-MoonUIRadioLabel.displayName = "RadioLabelPro";
+MoonUIRadioLabelPro.displayName = "RadioLabelPro";
 var MoonUIRadioItemWithLabelPro = t.forwardRef(({
   id,
   label,
@@ -5102,9 +5102,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(
@@ -5149,7 +5149,7 @@ var MoonUISelectTriggerPro = t.forwardRef(({ className, children, variant = "sta
   }
 ));
 MoonUISelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var MoonUISelectScrollUpButton = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUISelectScrollUpButtonPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5161,8 +5161,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 +5174,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 +5247,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,
   {
@@ -5623,7 +5623,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(
@@ -5738,9 +5738,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 +5753,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 +5762,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 +5774,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 +5796,7 @@ var MoonUITableHeadPro = t.forwardRef(
     );
   }
 );
-MoonUITableHead.displayName = "TableHeadPro";
+MoonUITableHeadPro.displayName = "TableHeadPro";
 var MoonUITableCellPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
@@ -5805,7 +5805,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 +5814,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,
   {
@@ -5950,7 +5950,7 @@ var MoonUITextareaPro = t__default.forwardRef(
     );
   }
 );
-MoonUITextarea.displayName = "MoonUITextareaPro";
+MoonUITextareaPro.displayName = "MoonUITextareaPro";
 var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.12",
+  "version": "2.2.14",
   "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/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) => {
@@ -86,7 +86,7 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
           {...props}
         >
           {MoonUIfirstItemPro}
-          <BreadcrumbEllipsis />
+          <MoonUIBreadcrumbEllipsisPro />
           {MoonUIlastTwoItemsPro}
         </ol>
       );
@@ -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/dialog.tsx

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

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/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
 
@@ -102,7 +102,7 @@ MoonUISelectTrigger.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/slider.tsx

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

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

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