@moontra/moonui-pro 2.2.9 → 2.2.11

package/dist/index.mjs

@@ -2016,7 +2016,7 @@ var MoonUIAvatarGroup = t.forwardRef(
             {
               className: "relative z-0",
               style: { marginLeft: `${overlapOffset}px` },
-              children: /* @__PURE__ */ jsx(Avatar, { variant: "border", children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+              children: /* @__PURE__ */ jsx(MoonUIAvatarPro, { variant: "border", children: /* @__PURE__ */ jsxs(MoonUIAvatarFallbackPro, { children: [
                 "+",
                 remainingCount
               ] }) })
@@ -2226,11 +2226,11 @@ var MoonUIBreadcrumbPro = t.forwardRef(
 MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
 var MoonUIBreadcrumbListPro = t.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    t.Children.toArray(props.children).filter(Boolean);
-    childrenArray.length;
-    if (collapsed && childCount > collapsedWidth) {
-      childrenArray[0];
-      childrenArray.slice(-2);
+    const MoonUIchildrenArrayPro = t.Children.toArray(props.children).filter(Boolean);
+    const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
+    if (collapsed && MoonUIchildCountPro > collapsedWidth) {
+      const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
+      const MoonUIlastTwoItemsPro = MoonUIchildrenArrayPro.slice(-2);
       return /* @__PURE__ */ jsxs(
         "ol",
         {
@@ -2241,9 +2241,9 @@ var MoonUIBreadcrumbListPro = t.forwardRef(
           ),
           ...props,
           children: [
-            firstItem,
+            MoonUIfirstItemPro,
             /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}),
-            lastTwoItems
+            MoonUIlastTwoItemsPro
           ]
         }
       );
@@ -2264,6 +2264,8 @@ var MoonUIBreadcrumbListPro = t.forwardRef(
 MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
 var MoonUIBreadcrumbItemPro = t.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
+    const MoonUICompPro = asChild ? t.Fragment : href ? "a" : "span";
+    const MoonUIitemPropsPro = asChild ? {} : href ? { href } : {};
     return /* @__PURE__ */ jsx(
       "li",
       {
@@ -2272,13 +2274,13 @@ var MoonUIBreadcrumbItemPro = t.forwardRef(
         "aria-current": isCurrent ? "page" : void 0,
         ...props,
         children: /* @__PURE__ */ jsx(
-          Comp,
+          MoonUICompPro,
           {
             className: cn(
               "transition-colors duration-200 hover:text-foreground",
               isCurrent ? "font-medium text-foreground dark:text-white dark:text-opacity-95" : "text-muted-foreground hover:text-foreground dark:text-gray-400 dark:hover:text-gray-200 dark:hover:text-opacity-95 hover:underline hover:underline-offset-4 hover:decoration-gray-300/30"
             ),
-            ...itemProps,
+            ...MoonUIitemPropsPro,
             children: props.children
           }
         )
@@ -2348,13 +2350,6 @@ var MoonUIBreadcrumbPagePro = t.forwardRef(
   )
 );
 MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
-MoonUIchildrenArrayPro;
-MoonUIchildCountPro;
-MoonUIfirstItemPro;
-MoonUImiddleItemsPro;
-MoonUIlastTwoItemsPro;
-MoonUICompPro;
-MoonUIitemPropsPro;
 var moonUIButtonProVariants = cva(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
@@ -2519,9 +2514,9 @@ var MoonUIButtonPro = t.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const Comp2 = asChild ? "button" : "button";
+    const Comp = asChild ? "button" : "button";
     return /* @__PURE__ */ jsxs(
-      Comp2,
+      Comp,
       {
         className: cn(moonUIButtonProVariants({ variant, size, rounded, fullWidth, className })),
         ref,
@@ -3115,11 +3110,11 @@ var Primitive = NODES.reduce((primitive, node) => {
   const Slot = createSlot(`Primitive.${node}`);
   const Node2 = t.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp2 = asChild ? Slot : node;
+    const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx(Comp2, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -3606,11 +3601,11 @@ var Primitive2 = NODES2.reduce((primitive, node) => {
   const Slot = createSlot(`Primitive.${node}`);
   const Node2 = t.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
-    const Comp2 = asChild ? Slot : node;
+    const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx(Comp2, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.9",
+  "version": "2.2.11",
   "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/kanban/index.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
 import { Button } from '../ui/button'
 import { MoonUIBadgePro as Badge } from '../ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'
+import { MoonUIAvatarPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro } from '../ui/avatar'
 import { 
   Plus, 
   MoreHorizontal, 
@@ -380,12 +380,12 @@ export function Kanban({
                               </div>
                             )}
                             {card.assignee && (
-                              <Avatar className="h-5 w-5">
-                                <AvatarImage src={card.assignee.avatar} />
-                                <AvatarFallback className="text-xs">
+                              <MoonUIAvatarPro className="h-5 w-5">
+                                <MoonUIAvatarImagePro src={card.assignee.avatar} />
+                                <MoonUIAvatarFallbackPro className="text-xs">
                                   {getInitials(card.assignee.name)}
-                                </AvatarFallback>
-                              </Avatar>
+                                </MoonUIAvatarFallbackPro>
+                              </MoonUIAvatarPro>
                             )}
                           </div>
                         </div>

package/src/components/timeline/index.tsx

@@ -3,7 +3,7 @@
 import React from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card'
 import { MoonUIBadgePro as Badge } from '../ui/badge'
-import { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'
+import { MoonUIAvatarPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro } from '../ui/avatar'
 import { Button } from '../ui/button'
 import { 
   Clock, 
@@ -219,12 +219,12 @@ export function Timeline({
           {/* User Info */}
           {showUserInfo && event.user && (
             <div className="flex items-center gap-2 mb-2">
-              <Avatar className="h-6 w-6">
-                <AvatarImage src={event.user.avatar} />
-                <AvatarFallback className="text-xs">
+              <MoonUIAvatarPro className="h-6 w-6">
+                <MoonUIAvatarImagePro src={event.user.avatar} />
+                <MoonUIAvatarFallbackPro className="text-xs">
                   {getInitials(event.user.name)}
-                </AvatarFallback>
-              </Avatar>
+                </MoonUIAvatarFallbackPro>
+              </MoonUIAvatarPro>
               <span className="text-sm text-muted-foreground">
                 {event.user.name}
               </span>

package/src/components/ui/avatar.tsx

@@ -118,11 +118,11 @@ const MoonUIAvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(
               className="relative z-0"
               style={{ marginLeft: `${overlapOffset}px` }}
             >
-              <Avatar variant="border">
-                <AvatarFallback>
+              <MoonUIAvatarPro variant="border">
+                <MoonUIAvatarFallbackPro>
                   +{remainingCount}
-                </AvatarFallback>
-              </Avatar>
+                </MoonUIAvatarFallbackPro>
+              </MoonUIAvatarPro>
             </div>
           )}
         </div>

package/src/components/ui/breadcrumb.tsx

@@ -69,12 +69,12 @@ MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
 const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
     const MoonUIchildrenArrayPro = React.Children.toArray(props.children).filter(Boolean);
-    const MoonUIchildCountPro = childrenArray.length;
+    const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
 
-    if (collapsed && childCount > collapsedWidth) {
-      const MoonUIfirstItemPro = childrenArray[0];
+    if (collapsed && MoonUIchildCountPro > collapsedWidth) {
+      const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
       // const MoonUImiddleItemsPro = childrenArray.slice(1, -2); // Uncomment when needed
-      const MoonUIlastTwoItemsPro = childrenArray.slice(-2);
+      const MoonUIlastTwoItemsPro = MoonUIchildrenArrayPro.slice(-2);
 
       return (
         <ol
@@ -85,9 +85,9 @@ const MoonUIBreadcrumbListPro = React.forwardRef<HTMLOListElement, BreadcrumbLis
           )}
           {...props}
         >
-          {firstItem}
+          {MoonUIfirstItemPro}
           <BreadcrumbEllipsis />
-          {lastTwoItems}
+          {MoonUIlastTwoItemsPro}
         </ol>
       );
     }
@@ -118,17 +118,17 @@ const MoonUIBreadcrumbItemPro = React.forwardRef<HTMLLIElement, BreadcrumbItemPr
         aria-current={isCurrent ? "page" : undefined}
         {...props}
       >
-        <Comp 
+        <MoonUICompPro 
           className={cn(
             "transition-colors duration-200 hover:text-foreground",
             isCurrent 
               ? "font-medium text-foreground dark:text-white dark:text-opacity-95" 
               : "text-muted-foreground hover:text-foreground dark:text-gray-400 dark:hover:text-gray-200 dark:hover:text-opacity-95 hover:underline hover:underline-offset-4 hover:decoration-gray-300/30"
           )}
-          {...itemProps}
+          {...MoonUIitemPropsPro}
         >
           {props.children}
-        </Comp>
+        </MoonUICompPro>
       </li>
     );
   }
@@ -201,21 +201,14 @@ MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
 export const breadcrumbVariantsInternal = MoonUIbreadcrumbVariantsPro
 export const BreadcrumbInternal = MoonUIBreadcrumbPro
 export const BreadcrumbListInternal = MoonUIBreadcrumbListPro
-export const childrenArrayInternal = MoonUIchildrenArrayPro
-export const childCountInternal = MoonUIchildCountPro
-export const firstItemInternal = MoonUIfirstItemPro
-export const middleItemsInternal = MoonUImiddleItemsPro
-export const lastTwoItemsInternal = MoonUIlastTwoItemsPro
 export const BreadcrumbItemInternal = MoonUIBreadcrumbItemPro
-export const CompInternal = MoonUICompPro
-export const itemPropsInternal = MoonUIitemPropsPro
 export const BreadcrumbSeparatorInternal = MoonUIBreadcrumbSeparatorPro
 export const BreadcrumbEllipsisInternal = MoonUIBreadcrumbEllipsisPro
 export const BreadcrumbLinkInternal = MoonUIBreadcrumbLinkPro
 export const BreadcrumbPageInternal = MoonUIBreadcrumbPagePro
 
 // Pro exports  
-export { MoonUIbreadcrumbVariantsPro, MoonUIBreadcrumbPro, MoonUIBreadcrumbListPro, MoonUIchildrenArrayPro, MoonUIchildCountPro, MoonUIfirstItemPro, MoonUImiddleItemsPro, MoonUIlastTwoItemsPro, MoonUIBreadcrumbItemPro, MoonUICompPro, MoonUIitemPropsPro, MoonUIBreadcrumbSeparatorPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbPagePro }
+export { MoonUIbreadcrumbVariantsPro, MoonUIBreadcrumbPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbSeparatorPro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbPagePro }
 
 // Clean exports (without MoonUI prefix for easier usage)
-export { MoonUIbreadcrumbVariantsPro as breadcrumbVariants, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIchildrenArrayPro as childrenArray, MoonUIchildCountPro as childCount, MoonUIfirstItemPro as firstItem, MoonUImiddleItemsPro as middleItems, MoonUIlastTwoItemsPro as lastTwoItems, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUICompPro as Comp, MoonUIitemPropsPro as itemProps, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbPagePro as BreadcrumbPage };
+export { MoonUIbreadcrumbVariantsPro as breadcrumbVariants, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbPagePro as BreadcrumbPage };