@moontra/moonui-pro 2.2.10 → 2.2.12

package/dist/index.mjs

@@ -11,7 +11,7 @@ import { motion, AnimatePresence, useMotionValue, useSpring, useTransform, anima
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import ReactDOM3 from 'react-dom';
 import { createSlot } from '@radix-ui/react-slot';
-import * as DialogPrimitive2 from '@radix-ui/react-dialog';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -1867,7 +1867,7 @@ var MoonUIAlertPro = t.forwardRef(
     );
   }
 );
-MoonUIAlertPro.displayName = "AlertPro";
+MoonUIAlert.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
   }
 ));
-MoonUIAlertTitlePro.displayName = "AlertTitlePro";
+MoonUIAlertTitle.displayName = "AlertTitlePro";
 var MoonUIAlertDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -1885,7 +1885,7 @@ var MoonUIAlertDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /
     ...props
   }
 ));
-MoonUIAlertDescriptionPro.displayName = "AlertDescriptionPro";
+MoonUIAlertDescription.displayName = "AlertDescriptionPro";
 var MoonUIaspectRatioVariantsPro = cva(
   "relative overflow-hidden",
   {
@@ -1966,7 +1966,7 @@ var MoonUIAvatarPro = t.forwardRef(({ className, size, radius, variant, ...props
     ...props
   }
 ));
-MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
+MoonUIAvatar.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
   }
 ));
-MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
+MoonUIAvatarImage.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
   }
 ));
-MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
+MoonUIAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 var MoonUIAvatarGroup = t.forwardRef(
   ({ className, limit, avatars, overlapOffset = -8, ...props }, ref) => {
     const visibleAvatars = limit ? avatars.slice(0, limit) : avatars;
@@ -2223,14 +2223,14 @@ var MoonUIBreadcrumbPro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
+MoonUIBreadcrumb.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
           ]
         }
       );
@@ -2261,9 +2261,11 @@ var MoonUIBreadcrumbListPro = t.forwardRef(
     );
   }
 );
-MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
+MoonUIBreadcrumbList.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
           }
         )
@@ -2286,7 +2288,7 @@ var MoonUIBreadcrumbItemPro = t.forwardRef(
     );
   }
 );
-MoonUIBreadcrumbItemPro.displayName = "BreadcrumbItemPro";
+MoonUIBreadcrumbItem.displayName = "BreadcrumbItemPro";
 var MoonUIBreadcrumbSeparatorPro = ({
   children,
   className,
@@ -2301,7 +2303,7 @@ var MoonUIBreadcrumbSeparatorPro = ({
     children: children || /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
   }
 );
-MoonUIBreadcrumbSeparatorPro.displayName = "BreadcrumbSeparatorPro";
+MoonUIBreadcrumbSeparator.displayName = "BreadcrumbSeparatorPro";
 var MoonUIBreadcrumbEllipsisPro = ({
   className,
   ...props
@@ -2318,7 +2320,7 @@ var MoonUIBreadcrumbEllipsisPro = ({
     ]
   }
 );
-MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
+MoonUIBreadcrumbEllipsis.displayName = "BreadcrumbEllipsisPro";
 var MoonUIBreadcrumbLinkPro = t.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
@@ -2333,7 +2335,7 @@ var MoonUIBreadcrumbLinkPro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
+MoonUIBreadcrumbLink.displayName = "BreadcrumbLinkPro";
 var MoonUIBreadcrumbPagePro = t.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
@@ -2347,14 +2349,7 @@ var MoonUIBreadcrumbPagePro = t.forwardRef(
     }
   )
 );
-MoonUIBreadcrumbPagePro.displayName = "BreadcrumbPagePro";
-MoonUIchildrenArrayPro;
-MoonUIchildCountPro;
-MoonUIfirstItemPro;
-MoonUImiddleItemsPro;
-MoonUIlastTwoItemsPro;
-MoonUICompPro;
-MoonUIitemPropsPro;
+MoonUIBreadcrumbPage.displayName = "BreadcrumbPagePro";
 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,
@@ -2538,7 +2533,7 @@ var MoonUIButtonPro = t.forwardRef(
     );
   }
 );
-MoonUIButtonPro.displayName = "MoonUIButtonPro";
+MoonUIButton.displayName = "MoonUIButtonPro";
 cva("", {
   variants: {
     hover: {
@@ -2734,7 +2729,7 @@ var MoonUICardPro = t.forwardRef(
     );
   }
 );
-MoonUICardPro.displayName = "MoonUICardPro";
+MoonUICard.displayName = "MoonUICardPro";
 var MoonUICardHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -2743,7 +2738,7 @@ var MoonUICardHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
+MoonUICardHeader.displayName = "MoonUICardHeaderPro";
 var MoonUICardTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
@@ -2752,7 +2747,7 @@ var MoonUICardTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
+MoonUICardTitle.displayName = "MoonUICardTitlePro";
 var MoonUICardDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
@@ -2761,9 +2756,9 @@ var MoonUICardDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
+MoonUICardDescription.displayName = "MoonUICardDescriptionPro";
 var MoonUICardContentPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pt-0", className), ...props }));
-MoonUICardContentPro.displayName = "MoonUICardContentPro";
+MoonUICardContent.displayName = "MoonUICardContentPro";
 var MoonUICardFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -2772,8 +2767,8 @@ var MoonUICardFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-MoonUICardFooterPro.displayName = "MoonUICardFooterPro";
-cva(
+MoonUICardFooter.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",
   {
     variants: {
@@ -2832,7 +2827,7 @@ var MoonUICheckboxPro = t.forwardRef(({
     {
       ref,
       checked: effectiveChecked,
-      className: cn(checkboxVariants({ variant, size, radius, animation }), className),
+      className: cn(moonUICheckboxVariantsPro({ variant, size, radius, animation }), className),
       ...props,
       children: /* @__PURE__ */ jsx(
         CheckboxPrimitive.Indicator,
@@ -2895,11 +2890,11 @@ var MoonUICheckboxWithLabel = t.forwardRef(({
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId2 = t.useId();
-  const checkboxId = id || generatedId2;
+  const generatedId = t.useId();
+  const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
-      CheckboxLabel,
+      MoonUICheckboxLabel,
       {
         htmlFor: checkboxId,
         position: "start",
@@ -2908,9 +2903,9 @@ var MoonUICheckboxWithLabel = t.forwardRef(({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx(Checkbox, { ref, id: checkboxId, ...checkboxProps }),
+    /* @__PURE__ */ jsx(MoonUICheckboxPro, { ref, id: checkboxId, ...checkboxProps }),
     labelPosition === "end" && /* @__PURE__ */ jsx(
-      CheckboxLabel,
+      MoonUICheckboxLabel,
       {
         htmlFor: checkboxId,
         position: "end",
@@ -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 };
@@ -3918,7 +3913,7 @@ var Ce = t.forwardRef((r2, o) => {
 });
 var xe = t.forwardRef((r2, o) => {
   let { open: n, onOpenChange: u2, overlayClassName: c2, contentClassName: d, container: f, ...p2 } = r2;
-  return t.createElement(DialogPrimitive2.Root, { open: n, onOpenChange: u2 }, t.createElement(DialogPrimitive2.Portal, { container: f }, t.createElement(DialogPrimitive2.Overlay, { "cmdk-overlay": "", className: c2 }), t.createElement(DialogPrimitive2.Content, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, t.createElement(me, { ref: o, ...p2 }))));
+  return t.createElement(DialogPrimitive.Root, { open: n, onOpenChange: u2 }, t.createElement(DialogPrimitive.Portal, { container: f }, t.createElement(DialogPrimitive.Overlay, { "cmdk-overlay": "", className: c2 }), t.createElement(DialogPrimitive.Content, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, t.createElement(me, { ref: o, ...p2 }))));
 });
 var Ie = t.forwardRef((r2, o) => P((u2) => u2.filtered.count === 0) ? t.createElement(Primitive2.div, { ref: o, ...r2, "cmdk-empty": "", role: "presentation" }) : null);
 var Pe = t.forwardRef((r2, o) => {
@@ -3989,9 +3984,10 @@ function B2({ asChild: r2, children: o }, n) {
   return r2 && t.isValidElement(o) ? t.cloneElement(Me(o), { ref: o.ref }, n(o.props.children)) : n(o);
 }
 var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
-var MoonUIDialogPro = DialogPrimitive2.Root;
-var MoonUIDialogTriggerPro = DialogPrimitive2.Trigger;
-var MoonUIDialogClosePro = DialogPrimitive2.Close;
+var MoonUIDialogPro = DialogPrimitive.Root;
+var MoonUIDialogTriggerPro = DialogPrimitive.Trigger;
+var MoonUIDialogPortal = DialogPrimitive.Portal;
+var MoonUIDialogClosePro = DialogPrimitive.Close;
 var overlayVariants = cva(
   "fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
   {
@@ -4015,14 +4011,14 @@ var overlayVariants = cva(
   }
 );
 var MoonUIDialogOverlay = t.forwardRef(({ className, variant, animation, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Overlay,
+  DialogPrimitive.Overlay,
   {
     ref,
     className: cn(overlayVariants({ variant, animation }), className),
     ...props
   }
 ));
-MoonUIDialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+MoonUIDialogOverlay.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",
   {
@@ -4098,9 +4094,9 @@ var MoonUIDialogContentPro = t.forwardRef(
         onClose();
       }
     };
-    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    return /* @__PURE__ */ jsxs(MoonUIDialogPortal, { children: [
       /* @__PURE__ */ jsx(
-        DialogOverlay,
+        MoonUIDialogOverlay,
         {
           variant: overlayVariant,
           animation: overlayAnimation,
@@ -4108,7 +4104,7 @@ var MoonUIDialogContentPro = t.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs(
-        DialogPrimitive2.Content,
+        DialogPrimitive.Content,
         {
           ref,
           onEscapeKeyDown: hideCloseButton ? void 0 : handleClose,
@@ -4128,20 +4124,20 @@ var MoonUIDialogContentPro = t.forwardRef(
           ),
           ...props,
           children: [
-            (title || description || icon) && /* @__PURE__ */ jsxs(DialogHeader, { className: "flex gap-4", children: [
+            (title || description || icon) && /* @__PURE__ */ jsxs(MoonUIDialogHeaderPro, { className: "flex gap-4", children: [
               (icon || loading || success) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-center", children: [
                 loading && /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-primary" }),
                 success && /* @__PURE__ */ jsx(Check, { className: "h-5 w-5 text-success" }),
                 !loading && !success && icon && /* @__PURE__ */ jsx("span", { className: "text-primary", children: icon })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                title && /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-                description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
+                title && /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { children: title }),
+                description && /* @__PURE__ */ jsx(MoonUIDialogDescriptionPro, { children: description })
               ] })
             ] }),
             children,
             !hideCloseButton && /* @__PURE__ */ jsxs(
-              DialogPrimitive2.Close,
+              DialogPrimitive.Close,
               {
                 onClick: handleClose,
                 className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary/30 focus:ring-offset-2 disabled:pointer-events-none dark:text-gray-300 dark:hover:text-white",
@@ -4157,7 +4153,7 @@ var MoonUIDialogContentPro = t.forwardRef(
     ] });
   }
 );
-MoonUIDialogContent.displayName = DialogPrimitive2.Content.displayName;
+MoonUIDialogContent.displayName = DialogPrimitive.Content.displayName;
 var MoonUIDialogHeaderPro = ({
   className,
   ...props
@@ -4171,7 +4167,7 @@ var MoonUIDialogHeaderPro = ({
     ...props
   }
 );
-MoonUIDialogHeaderPro.displayName = "MoonUIDialogHeaderPro";
+MoonUIDialogHeader.displayName = "MoonUIDialogHeaderPro";
 var MoonUIDialogFooterPro = ({
   className,
   ...props
@@ -4185,9 +4181,9 @@ var MoonUIDialogFooterPro = ({
     ...props
   }
 );
-MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
+MoonUIDialogFooter.displayName = "MoonUIDialogFooterPro";
 var MoonUIDialogTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Title,
+  DialogPrimitive.Title,
   {
     ref,
     className: cn(
@@ -4197,9 +4193,9 @@ var MoonUIDialogTitlePro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUIDialogTitle.displayName = DialogPrimitive2.Title.displayName;
+MoonUIDialogTitle.displayName = DialogPrimitive.Title.displayName;
 var MoonUIDialogDescriptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Description,
+  DialogPrimitive.Description,
   {
     ref,
     className: cn(
@@ -4209,7 +4205,7 @@ var MoonUIDialogDescriptionPro = t.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-MoonUIDialogDescription.displayName = DialogPrimitive2.Description.displayName;
+MoonUIDialogDescription.displayName = DialogPrimitive.Description.displayName;
 var MoonUIDialogForm = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "form",
   {
@@ -4378,7 +4374,7 @@ var MoonUIDropdownMenuSubContentPro = t.forwardRef(({ className, ...props }, ref
     ...props
   }
 ));
-MoonUIDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+MoonUIDropdownMenuSubContentPro.displayName = DropdownMenuPrimitive.SubContent.displayName;
 var MoonUIDropdownMenuContentPro = t.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
@@ -4391,7 +4387,7 @@ var MoonUIDropdownMenuContentPro = t.forwardRef(({ className, sideOffset = 4, ..
     ...props
   }
 ) }));
-MoonUIDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName;
 var MoonUIDropdownMenuItemPro = t.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
@@ -4404,7 +4400,7 @@ var MoonUIDropdownMenuItemPro = t.forwardRef(({ className, inset, ...props }, re
     ...props
   }
 ));
-MoonUIDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName;
 var MoonUIDropdownMenuCheckboxItemPro = t.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
@@ -4421,7 +4417,7 @@ var MoonUIDropdownMenuCheckboxItemPro = t.forwardRef(({ className, children, che
     ]
   }
 ));
-MoonUIDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+MoonUIDropdownMenuCheckboxItemPro.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
 var MoonUIDropdownMenuRadioItemPro = t.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
@@ -4437,7 +4433,7 @@ var MoonUIDropdownMenuRadioItemPro = t.forwardRef(({ className, children, ...pro
     ]
   }
 ));
-MoonUIDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 var MoonUIDropdownMenuLabelPro = t.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
@@ -4450,7 +4446,7 @@ var MoonUIDropdownMenuLabelPro = t.forwardRef(({ className, inset, ...props }, r
     ...props
   }
 ));
-MoonUIDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName;
 var MoonUIDropdownMenuSeparatorPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
@@ -4459,7 +4455,7 @@ var MoonUIDropdownMenuSeparatorPro = t.forwardRef(({ className, ...props }, ref)
     ...props
   }
 ));
-MoonUIDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+MoonUIDropdownMenuSeparatorPro.displayName = DropdownMenuPrimitive.Separator.displayName;
 var MoonUIDropdownMenuShortcutPro = ({
   className,
   ...props
@@ -4616,7 +4612,7 @@ var MoonUIInputPro = t.forwardRef(
     ] });
   }
 );
-MoonUIInputPro.displayName = "MoonUIInputPro";
+MoonUIInput.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"
 );
@@ -4628,7 +4624,7 @@ var MoonUILabelPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-MoonUILabelPro.displayName = LabelPrimitive.Root.displayName;
+MoonUILabel.displayName = LabelPrimitive.Root.displayName;
 var MoonUIPaginationPro = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "nav",
   {
@@ -4813,7 +4809,7 @@ var MoonUIPopoverContentPro = t.forwardRef(({
     }
   )
 ] }));
-MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
+MoonUIPopoverContent.displayName = PopoverPrimitive.Content.displayName;
 function createContextScope2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
@@ -5004,7 +5000,7 @@ var MoonUIradioGroupItemVariantsPro = cva(
 var MoonUIRadioGroupContextPro = t.createContext({});
 var MoonUIRadioGroupPro = t.forwardRef(
   ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(MoonUIRadioGroupContextPro.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -5015,12 +5011,20 @@ var MoonUIRadioGroupPro = t.forwardRef(
     ) });
   }
 );
-MoonUIRadioGroupPro.displayName = "RadioGroupPro";
+MoonUIRadioGroup.displayName = "RadioGroupPro";
 var MoonUIRadioGroupItemPro = t.forwardRef(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  t.useContext(RadioGroupContext);
-  t.useId();
-  id || generatedId;
-  radioGroup.value === value;
+  const radioGroup = t.useContext(MoonUIRadioGroupContextPro);
+  const generatedId = t.useId();
+  const radioId = id || generatedId;
+  const isChecked = radioGroup.value === value;
+  const handleChange = (e) => {
+    if (radioGroup.onValueChange) {
+      radioGroup.onValueChange(e.target.value);
+    }
+    if (props.onChange) {
+      props.onChange(e);
+    }
+  };
   return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
     /* @__PURE__ */ jsx(
       "input",
@@ -5042,7 +5046,7 @@ var MoonUIRadioGroupItemPro = t.forwardRef(({ className, variant, size, indicato
       {
         htmlFor: radioId,
         className: cn(
-          radioGroupItemVariants({ variant, size }),
+          MoonUIradioGroupItemVariantsPro({ variant, size }),
           "rounded-full",
           "focus-visible:ring-primary/50",
           "relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden",
@@ -5057,7 +5061,7 @@ var MoonUIRadioGroupItemPro = t.forwardRef(({ className, variant, size, indicato
     )
   ] });
 });
-MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
+MoonUIRadioGroupItem.displayName = "RadioGroupItemPro";
 var MoonUIRadioLabelPro = t.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5076,19 +5080,19 @@ var MoonUIRadioLabelPro = t.forwardRef(
     );
   }
 );
-MoonUIRadioLabelPro.displayName = "RadioLabelPro";
+MoonUIRadioLabel.displayName = "RadioLabelPro";
 var MoonUIRadioItemWithLabelPro = t.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  t.useId();
-  id || generatedId;
+  const generatedId = t.useId();
+  const radioId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ jsx(RadioGroupItem, { ref, id: radioId, ...radioProps }),
+    /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { ref, id: radioId, ...radioProps }),
     /* @__PURE__ */ jsx(
-      RadioLabel,
+      MoonUIRadioLabelPro,
       {
         htmlFor: radioId,
         disabled: radioProps.disabled,
@@ -5098,14 +5102,9 @@ var MoonUIRadioItemWithLabelPro = t.forwardRef(({
     )
   ] });
 });
-MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
-MoonUIradioGroupPro;
-MoonUIgeneratedIdPro;
-MoonUIradioIdPro;
-MoonUIisCheckedPro;
-MoonUIhandleChangePro;
+MoonUIRadioItemWithLabel.displayName = "RadioItemWithLabelPro";
 var MoonUISelectPro = SelectPrimitive.Root;
-MoonUISelectPro.displayName = "MoonUISelectPro";
+MoonUISelect.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(
@@ -5197,7 +5196,7 @@ var MoonUISelectContentPro = t.forwardRef(({ className, children, position = "it
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(MoonUISelectScrollUpButton, {}),
       /* @__PURE__ */ jsx(
         SelectPrimitive.Viewport,
         {
@@ -5208,11 +5207,11 @@ var MoonUISelectContentPro = t.forwardRef(({ className, children, position = "it
           children
         }
       ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx(MoonUISelectScrollDownButton, {})
     ]
   }
 ) }));
-MoonUISelectContent.displayName = SelectPrimitive.Content.displayName;
+MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName;
 var MoonUISelectLabelPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
@@ -5221,7 +5220,7 @@ var MoonUISelectLabelPro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUISelectLabel.displayName = SelectPrimitive.Label.displayName;
+MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName;
 var MoonUISelectItemPro = t.forwardRef(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
@@ -5257,7 +5256,7 @@ var MoonUISelectSeparatorPro = t.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-MoonUISelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+MoonUISelectSeparatorPro.displayName = SelectPrimitive.Separator.displayName;
 var moonUISeparatorVariantsPro = cva(
   "shrink-0 bg-border",
   {
@@ -5624,7 +5623,7 @@ var MoonUISliderPro = t.forwardRef(({
     )
   ] });
 });
-MoonUISliderPro.displayName = "MoonUISliderPro";
+MoonUISlider.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(
@@ -5739,9 +5738,9 @@ var MoonUITablePro = t.forwardRef(({
     )
   ] });
 });
-MoonUITablePro.displayName = "TablePro";
+MoonUITable.displayName = "TablePro";
 var MoonUITableHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-MoonUITableHeaderPro.displayName = "TableHeaderPro";
+MoonUITableHeader.displayName = "TableHeaderPro";
 var MoonUITableBodyPro = t.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
   t.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
@@ -5754,7 +5753,7 @@ var MoonUITableBodyPro = t.forwardRef(({ className, emptyContent, emptyMessage =
     }
   );
 });
-MoonUITableBodyPro.displayName = "TableBodyPro";
+MoonUITableBody.displayName = "TableBodyPro";
 var MoonUITableFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
@@ -5763,7 +5762,7 @@ var MoonUITableFooterPro = t.forwardRef(({ className, ...props }, ref) => /* @__
     ...props
   }
 ));
-MoonUITableFooterPro.displayName = "TableFooterPro";
+MoonUITableFooter.displayName = "TableFooterPro";
 var MoonUITableRowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
@@ -5775,7 +5774,7 @@ var MoonUITableRowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-MoonUITableRowPro.displayName = "TableRowPro";
+MoonUITableRow.displayName = "TableRowPro";
 var MoonUITableHeadPro = t.forwardRef(
   ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -5797,7 +5796,7 @@ var MoonUITableHeadPro = t.forwardRef(
     );
   }
 );
-MoonUITableHeadPro.displayName = "TableHeadPro";
+MoonUITableHead.displayName = "TableHeadPro";
 var MoonUITableCellPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
@@ -5806,7 +5805,7 @@ var MoonUITableCellPro = t.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-MoonUITableCellPro.displayName = "TableCellPro";
+MoonUITableCell.displayName = "TableCellPro";
 var MoonUITableCaptionPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
@@ -5815,12 +5814,7 @@ var MoonUITableCaptionPro = t.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-MoonUITableCaptionPro.displayName = "TableCaptionPro";
-MoonUIstripedPro;
-MoonUIchildrenWithPropsPro;
-MoonUItbodyPropsPro;
-MoonUIhasChildrenPro;
-MoonUIrenderSortIconPro;
+MoonUITableCaption.displayName = "TableCaptionPro";
 var MoonUITabsPro = t.forwardRef(({ vertical = false, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Root,
   {
@@ -5956,7 +5950,7 @@ var MoonUITextareaPro = t__default.forwardRef(
     );
   }
 );
-MoonUITextareaPro.displayName = "MoonUITextareaPro";
+MoonUITextarea.displayName = "MoonUITextareaPro";
 var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
@@ -5969,7 +5963,7 @@ var MoonUIToastViewport = t.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 MoonUIToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-cva(
+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",
   {
     variants: {
@@ -5991,7 +5985,7 @@ var MoonUIToastPro = t.forwardRef(({ className, variant, ...props }, ref) => {
     ToastPrimitives.Root,
     {
       ref,
-      className: cn(toastVariants({ variant }), className),
+      className: cn(moonUIToastVariantsPro({ variant }), className),
       ...props
     }
   );
@@ -6317,8 +6311,8 @@ var MoonUITooltipContentPro = t.forwardRef(({ className, variant, size, showArro
     ]
   }
 ));
-MoonUITooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var MoonUISimpleTooltip = t.forwardRef(
+MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName;
+t.forwardRef(
   ({
     children,
     content,
@@ -6366,7 +6360,7 @@ var MoonUISimpleTooltip = t.forwardRef(
     );
   }
 );
-MoonUISimpleTooltip.displayName = "SimpleTooltip";
+MoonUISimpleTooltipPro.displayName = "SimpleTooltip";
 
 // src/hooks/use-subscription.ts
 function useSubscription() {
@@ -52869,10 +52863,10 @@ var CardProFooter = t__default.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CardProFooter.displayName = "CardProFooter";
-var Dialog = DialogPrimitive2.Root;
-var DialogTrigger = DialogPrimitive2.Trigger;
-var DialogPortal2 = DialogPrimitive2.Portal;
-var DialogClose = DialogPrimitive2.Close;
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
 var DialogProOverlay = t.forwardRef(({ className, blur: blur2 = "md", variant = "default", ...props }, ref) => {
   const blurClasses = {
     none: "",
@@ -52888,7 +52882,7 @@ var DialogProOverlay = t.forwardRef(({ className, blur: blur2 = "md", variant =
     gradient: "bg-gradient-to-br from-black/80 via-gray-900/80 to-black/80"
   };
   return /* @__PURE__ */ jsx(
-    DialogPrimitive2.Overlay,
+    DialogPrimitive.Overlay,
     {
       ref,
       className: cn(
@@ -52901,7 +52895,7 @@ var DialogProOverlay = t.forwardRef(({ className, blur: blur2 = "md", variant =
     }
   );
 });
-DialogProOverlay.displayName = DialogPrimitive2.Overlay.displayName;
+DialogProOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var DialogProContent = t.forwardRef(({
   className,
   children,
@@ -52947,7 +52941,7 @@ var DialogProContent = t.forwardRef(({
       exit: { opacity: 0, scale: 0.5, y: -50 }
     }
   };
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(DialogPortal2, { children: [
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(DialogPortal, { children: [
     overlay && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -52966,7 +52960,7 @@ var DialogProContent = t.forwardRef(({
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         children: /* @__PURE__ */ jsx(
-          DialogPrimitive2.Content,
+          DialogPrimitive.Content,
           {
             ref,
             asChild: true,
@@ -52996,7 +52990,7 @@ var DialogProContent = t.forwardRef(({
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-br from-white/5 to-white/0 pointer-events-none" }),
                   /* @__PURE__ */ jsx("div", { className: "relative p-6", children }),
-                  /* @__PURE__ */ jsxs(DialogPrimitive2.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-all hover:opacity-100 hover:rotate-90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-all hover:opacity-100 hover:rotate-90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
                     /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
                     /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
                   ] })
@@ -53009,7 +53003,7 @@ var DialogProContent = t.forwardRef(({
     )
   ] }) });
 });
-DialogProContent.displayName = DialogPrimitive2.Content.displayName;
+DialogProContent.displayName = DialogPrimitive.Content.displayName;
 var DialogProHeader = ({
   className,
   ...props
@@ -53043,7 +53037,7 @@ var DialogProFooter = ({
 );
 DialogProFooter.displayName = "DialogProFooter";
 var DialogProTitle = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Title,
+  DialogPrimitive.Title,
   {
     ref,
     className: cn(
@@ -53053,16 +53047,16 @@ var DialogProTitle = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-DialogProTitle.displayName = DialogPrimitive2.Title.displayName;
+DialogProTitle.displayName = DialogPrimitive.Title.displayName;
 var DialogProDescription = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Description,
+  DialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
     ...props
   }
 ));
-DialogProDescription.displayName = DialogPrimitive2.Description.displayName;
+DialogProDescription.displayName = DialogPrimitive.Description.displayName;
 var badgeVariants = cva(
   [
     "inline-flex items-center gap-1.5",