@moontra/moonui-pro 2.2.17 → 2.2.18

package/dist/index.mjs

@@ -2703,19 +2703,20 @@ var moonUICardVariantsPro = cva(
   }
 );
 var MoonUICardPro = t.forwardRef(
-  ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
+  ({ className, variant, size, radius, interactive, microInteraction = "lift", asChild, ...props }, ref) => {
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
         whileHover: microInteraction === "scale" ? hoverAnimations.scale : microInteraction === "glow" ? hoverAnimations.glow : hoverAnimations.lift,
         whileTap: tapAnimations.scale
       };
+      const { onDrag, onDragStart, onDragEnd, ...divProps } = props;
       return /* @__PURE__ */ jsx(
         motion.div,
         {
           ref,
           className: cn(moonUICardVariantsPro({ variant, size, radius, interactive, className })),
           ...interactionProps,
-          ...props
+          ...divProps
         }
       );
     }
@@ -2894,7 +2895,7 @@ var MoonUICheckboxWithLabelPro = t.forwardRef(({
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
-      MoonUICheckboxLabel,
+      MoonUICheckboxLabelPro,
       {
         htmlFor: checkboxId,
         position: "start",
@@ -2905,7 +2906,7 @@ var MoonUICheckboxWithLabelPro = t.forwardRef(({
     ),
     /* @__PURE__ */ jsx(MoonUICheckboxPro, { ref, id: checkboxId, ...checkboxProps }),
     labelPosition === "end" && /* @__PURE__ */ jsx(
-      MoonUICheckboxLabel,
+      MoonUICheckboxLabelPro,
       {
         htmlFor: checkboxId,
         position: "end",
@@ -4252,7 +4253,7 @@ var MoonUICommandDialogPro = ({
 }) => {
   return /* @__PURE__ */ jsx(MoonUIDialogPro, { ...props, children: /* @__PURE__ */ jsxs(MoonUIDialogContentPro, { className: "overflow-hidden p-0 shadow-lg", hideCloseButton: true, children: [
     /* @__PURE__ */ jsx(MoonUIDialogTitlePro, { className: "sr-only", children: "Command Menu" }),
-    /* @__PURE__ */ jsx(Command, { className: cn(
+    /* @__PURE__ */ jsx(MoonUICommandPro, { className: cn(
       "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
       commandClassName
     ), children })
@@ -4656,7 +4657,7 @@ var MoonUIPaginationLinkPro = ({
   {
     "aria-current": isActive2 ? "page" : void 0,
     className: cn(
-      MoonUIbuttonVariantsPro({
+      moonUIButtonProVariants({
         variant: isActive2 ? "outline" : "ghost",
         size
       }),
@@ -4670,10 +4671,10 @@ var MoonUIPaginationPreviousPro = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxs(
-  PaginationLink,
+  MoonUIPaginationLinkPro,
   {
     "aria-label": "Go to previous page",
-    size: "default",
+    size: "md",
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
@@ -4687,10 +4688,10 @@ var MoonUIPaginationNextPro = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxs(
-  PaginationLink,
+  MoonUIPaginationLinkPro,
   {
     "aria-label": "Go to next page",
-    size: "default",
+    size: "md",
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
@@ -5196,7 +5197,7 @@ var MoonUISelectContentPro = t.forwardRef(({ className, children, position = "it
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx(MoonUISelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(MoonUISelectScrollUpButtonPro, {}),
       /* @__PURE__ */ jsx(
         SelectPrimitive.Viewport,
         {
@@ -5207,7 +5208,7 @@ var MoonUISelectContentPro = t.forwardRef(({ className, children, position = "it
           children
         }
       ),
-      /* @__PURE__ */ jsx(MoonUISelectScrollDownButton, {})
+      /* @__PURE__ */ jsx(MoonUISelectScrollDownButtonPro, {})
     ]
   }
 ) }));
@@ -5369,7 +5370,7 @@ var MoonUISeparatorPro = t.forwardRef(
       decorative,
       orientation,
       className: cn(
-        separatorVariants({ orientation, variant, size }),
+        moonUISeparatorVariantsPro({ orientation, variant, size }),
         className
       ),
       ...props
@@ -5710,12 +5711,13 @@ var MoonUITablePro = t.forwardRef(({
   // getRowId,
   ...props
 }, ref) => {
-  t.Children.map(props.children, (child) => {
+  const MoonUIstripedPro = variant === "striped";
+  const MoonUIchildrenWithPropsPro = t.Children.map(props.children, (child) => {
     if (t.isValidElement(child)) {
       if (child.type === "tbody") {
-        child.props;
+        const MoonUItbodyPropsPro = child.props;
         return t.cloneElement(child, {
-          className: cn(tbodyProps.className, striped && "even:[&>tr]:bg-muted/50")
+          className: cn(MoonUItbodyPropsPro.className, MoonUIstripedPro && "even:[&>tr]:bg-muted/50")
         });
       }
     }
@@ -5733,7 +5735,7 @@ var MoonUITablePro = t.forwardRef(({
           className
         ),
         ...props,
-        children: childrenWithProps
+        children: MoonUIchildrenWithPropsPro
       }
     )
   ] });
@@ -5742,14 +5744,14 @@ MoonUITablePro.displayName = "TablePro";
 var MoonUITableHeaderPro = t.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 MoonUITableHeaderPro.displayName = "TableHeaderPro";
 var MoonUITableBodyPro = t.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  t.Children.count(children) > 0;
+  const MoonUIhasChildrenPro = t.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
     "tbody",
     {
       ref,
       className: cn("[&_tr:last-child]:border-0", className),
       ...props,
-      children: hasChildren ? children : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 100, className: "h-24 text-center", children: emptyContent || /* @__PURE__ */ jsx("div", { className: "py-6 text-muted-foreground", children: /* @__PURE__ */ jsx("div", { className: "text-sm", children: emptyMessage }) }) }) })
+      children: MoonUIhasChildrenPro ? children : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 100, className: "h-24 text-center", children: emptyContent || /* @__PURE__ */ jsx("div", { className: "py-6 text-muted-foreground", children: /* @__PURE__ */ jsx("div", { className: "text-sm", children: emptyMessage }) }) }) })
     }
   );
 });
@@ -5777,6 +5779,65 @@ var MoonUITableRowPro = t.forwardRef(({ className, ...props }, ref) => /* @__PUR
 MoonUITableRowPro.displayName = "TableRowPro";
 var MoonUITableHeadPro = t.forwardRef(
   ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
+    const MoonUIrenderSortIconPro = () => {
+      if (!sortable)
+        return null;
+      if (sorted === "asc") {
+        return /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "ml-1 h-4 w-4 inline-block",
+            viewBox: "0 0 20 20",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z",
+                clipRule: "evenodd"
+              }
+            )
+          }
+        );
+      }
+      if (sorted === "desc") {
+        return /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "ml-1 h-4 w-4 inline-block",
+            viewBox: "0 0 20 20",
+            fill: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z",
+                clipRule: "evenodd"
+              }
+            )
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "ml-1 h-4 w-4 inline-block opacity-30",
+          viewBox: "0 0 20 20",
+          fill: "currentColor",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      );
+    };
     return /* @__PURE__ */ jsx(
       "th",
       {
@@ -5790,7 +5851,7 @@ var MoonUITableHeadPro = t.forwardRef(
         ...props,
         children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
           children,
-          sortable && renderSortIcon()
+          sortable && MoonUIrenderSortIconPro()
         ] })
       }
     );
@@ -6095,6 +6156,8 @@ var reducer = (state, action) => {
         ...state,
         toasts: state.toasts.filter((t2) => t2.id !== action.toastId)
       };
+    default:
+      return state;
   }
 };
 var listeners = [];
@@ -6321,7 +6384,6 @@ var MoonUISimpleTooltipPro = t.forwardRef(
     side = "top",
     align = "center",
     delayDuration = 400,
-    skipDelayDuration = 300,
     sideOffset = 4,
     showArrow = false,
     className,
@@ -6337,7 +6399,6 @@ var MoonUISimpleTooltipPro = t.forwardRef(
         defaultOpen,
         onOpenChange,
         delayDuration,
-        skipDelayDuration,
         children: [
           /* @__PURE__ */ jsx(MoonUITooltipTriggerPro, { asChild: true, children }),
           /* @__PURE__ */ jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.2.17",
+  "version": "2.2.18",
   "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/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
-import { motion, type HTMLMotionProps } from "framer-motion";
+import { motion } from "framer-motion";
 import { cn } from "../../lib/utils";
 import { microInteractionVariants, hoverAnimations, tapAnimations } from "../../lib/micro-interactions";
 
@@ -50,7 +50,7 @@ export interface MoonUICardProProps
 }
 
 const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
-  ({ className, variant, size, radius, interactive, microInteraction = "lift", ...props }, ref) => {
+  ({ className, variant, size, radius, interactive, microInteraction = "lift", asChild, ...props }, ref) => {
     // Interactive özelliği varsa motion.div, yoksa normal div kullan
     if (interactive && microInteraction !== "none") {
       const interactionProps = {
@@ -60,12 +60,14 @@ const MoonUICardPro = React.forwardRef<HTMLDivElement, MoonUICardProProps>(
         whileTap: tapAnimations.scale,
       };
       
+      const { onDrag, onDragStart, onDragEnd, ...divProps } = props as any;
+      
       return (
         <motion.div
           ref={ref}
           className={cn(moonUICardVariantsPro({ variant, size, radius, interactive, className }))}
           {...interactionProps}
-          {...props}
+          {...divProps}
         />
       );
     }

package/src/components/ui/checkbox.tsx

@@ -226,27 +226,27 @@ const MoonUICheckboxWithLabelPro = React.forwardRef<
   return (
     <div className="flex items-center">
       {labelPosition === "start" && (
-        <MoonUICheckboxLabel 
+        <MoonUICheckboxLabelPro 
           htmlFor={checkboxId}
           position="start"
           disabled={checkboxProps.disabled}
           className={labelClassName}
         >
           {label}
-        </MoonUICheckboxLabel>
+        </MoonUICheckboxLabelPro>
       )}
       
       <MoonUICheckboxPro ref={ref} id={checkboxId} {...checkboxProps} />
       
       {labelPosition === "end" && (
-        <MoonUICheckboxLabel 
+        <MoonUICheckboxLabelPro 
           htmlFor={checkboxId}
           position="end"
           disabled={checkboxProps.disabled}
           className={labelClassName}
         >
           {label}
-        </MoonUICheckboxLabel>
+        </MoonUICheckboxLabelPro>
       )}
     </div>
   );

package/src/components/ui/command.tsx

@@ -69,12 +69,12 @@ const MoonUICommandDialogPro = ({
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0 shadow-lg" hideCloseButton>
         <DialogTitle className="sr-only">Command Menu</DialogTitle>
-        <Command className={cn(
+        <MoonUICommandPro className={cn(
           "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
           commandClassName
         )}>
           {children}
-        </Command>
+        </MoonUICommandPro>
       </DialogContent>
     </Dialog>
   )

package/src/components/ui/pagination.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
 import { cn } from "../../lib/utils"
-import { ButtonProps, buttonVariants } from "./button"
+import { ButtonProps, moonUIButtonProVariants } from "./button"
 
 const MoonUIPaginationPro = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav
@@ -47,7 +47,7 @@ const MoonUIPaginationLinkPro = ({
   <a
     aria-current={isActive ? "page" : undefined}
     className={cn(
-      MoonUIbuttonVariantsPro({
+      moonUIButtonProVariants({
         variant: isActive ? "outline" : "ghost",
         size,
       }),
@@ -61,32 +61,32 @@ MoonUIPaginationLinkPro.displayName = "PaginationLinkPro"
 const MoonUIPaginationPreviousPro = ({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
+}: React.ComponentProps<typeof MoonUIPaginationLinkPro>) => (
+  <MoonUIPaginationLinkPro
     aria-label="Go to previous page"
-    size="default"
+    size="md"
     className={cn("gap-1 pl-2.5", className)}
     {...props}
   >
     <ChevronLeft className="h-4 w-4" />
     <span>Previous</span>
-  </PaginationLink>
+  </MoonUIPaginationLinkPro>
 )
 MoonUIPaginationPreviousPro.displayName = "PaginationPreviousPro"
 
 const MoonUIPaginationNextPro = ({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
+}: React.ComponentProps<typeof MoonUIPaginationLinkPro>) => (
+  <MoonUIPaginationLinkPro
     aria-label="Go to next page"
-    size="default"
+    size="md"
     className={cn("gap-1 pr-2.5", className)}
     {...props}
   >
     <span>Next</span>
     <ChevronRight className="h-4 w-4" />
-  </PaginationLink>
+  </MoonUIPaginationLinkPro>
 )
 MoonUIPaginationNextPro.displayName = "PaginationNextPro"
 

package/src/components/ui/select.tsx

@@ -163,7 +163,7 @@ const MoonUISelectContentPro = React.forwardRef<
       position={position}
       {...props}
     >
-      <MoonUISelectScrollUpButton />
+      <MoonUISelectScrollUpButtonPro />
       <SelectPrimitive.Viewport
         className={cn(
           "p-1",
@@ -173,7 +173,7 @@ const MoonUISelectContentPro = React.forwardRef<
       >
         {children}
       </SelectPrimitive.Viewport>
-      <MoonUISelectScrollDownButton />
+      <MoonUISelectScrollDownButtonPro />
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ))

package/src/components/ui/separator.tsx

@@ -105,12 +105,14 @@ const moonUISeparatorVariantsPro = cva(
 )
 
 export interface MoonUISeparatorProProps
-  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>,
-    VariantProps<typeof moonUISeparatorVariantsPro> {}
+  extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'orientation'>,
+    VariantProps<typeof moonUISeparatorVariantsPro> {
+  orientation?: "horizontal" | "vertical";
+}
 
 const MoonUISeparatorPro = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,
-  SeparatorProps
+  MoonUISeparatorProProps
 >(
   (
     { 
@@ -128,7 +130,7 @@ const MoonUISeparatorPro = React.forwardRef<
       decorative={decorative}
       orientation={orientation}
       className={cn(
-        separatorVariants({ orientation, variant, size }),
+        moonUISeparatorVariantsPro({ orientation, variant, size }),
         className
       )}
       {...props}

package/src/components/ui/switch.tsx

@@ -25,7 +25,7 @@ export interface MoonUISwitchProProps extends React.ComponentPropsWithoutRef<typ
 
 const MoonUISwitchPro = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
-  SwitchProps
+  MoonUISwitchProProps
 >(({ className, size = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => (
   <div className="inline-flex items-center gap-2">
     {leftIcon && <span className="text-muted-foreground">{leftIcon}</span>}

package/src/components/ui/table.tsx

@@ -90,7 +90,7 @@ const MoonUITablePro = React.forwardRef<
         // Tip güvenliği için props'ları düzgün şekilde ele alıyoruz
         const MoonUItbodyPropsPro = child.props as Record<string, unknown>;
         return React.cloneElement(child as React.ReactElement<React.HTMLAttributes<HTMLTableSectionElement>>, {
-          className: cn(tbodyProps.className as string | undefined, striped && "even:[&>tr]:bg-muted/50")
+          className: cn(MoonUItbodyPropsPro.className as string | undefined, MoonUIstripedPro && "even:[&>tr]:bg-muted/50")
         });
       }
     }
@@ -115,7 +115,7 @@ const MoonUITablePro = React.forwardRef<
         )}
         {...props}
       >
-        {childrenWithProps}
+        {MoonUIchildrenWithPropsPro}
       </table>
       
     </div>
@@ -151,7 +151,7 @@ const MoonUITableBodyPro = React.forwardRef<
       className={cn("[&_tr:last-child]:border-0", className)}
       {...props}
     >
-      {hasChildren ? (
+      {MoonUIhasChildrenPro ? (
         children
       ) : (
         <tr>
@@ -276,7 +276,7 @@ const MoonUITableHeadPro = React.forwardRef<HTMLTableCellElement, TableHeadProps
       >
         <div className="flex items-center">
           {children}
-          {sortable && renderSortIcon()}
+          {sortable && MoonUIrenderSortIconPro()}
         </div>
       </th>
     );

package/src/components/ui/tabs.tsx

@@ -128,7 +128,7 @@ interface MoonUITabsTriggerProProps
 
 const MoonUITabsTriggerPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Trigger>,
-  TabsTriggerProps
+  MoonUITabsTriggerProProps
 >(({ 
   className, 
   variant, 
@@ -177,7 +177,7 @@ interface MoonUITabsContentProProps
 
 const MoonUITabsContentPro = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Content>,
-  TabsContentProps
+  MoonUITabsContentProProps
 >(({ className, animated = false, ...props }, ref) => (
   <TabsPrimitive.Content
     ref={ref}

package/src/components/ui/toast.tsx

@@ -207,6 +207,8 @@ const reducer = (state: State, action: any): State => {
         ...state,
         toasts: state.toasts.filter((t) => t.id !== action.toastId),
       };
+    default:
+      return state;
   }
 };
 

package/src/components/ui/toggle.tsx

@@ -28,11 +28,11 @@ const MoonUItoggleVariantsPro = cva(
   }
 )
 
-export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof MoonUItoggleVariantsPro> {}
+export interface MoonUIToggleProProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof MoonUItoggleVariantsPro> {}
 
 const MoonUITogglePro = React.forwardRef<
   React.ElementRef<typeof TogglePrimitive.Root>,
-  ToggleProps
+  MoonUIToggleProProps
 >(({ className, variant, size, ...props }, ref) => (
   <TogglePrimitive.Root
     ref={ref}
@@ -53,4 +53,4 @@ export { MoonUItoggleVariantsPro, MoonUITogglePro }
 
 // Clean exports (without MoonUI prefix for easier usage)
 export { MoonUItoggleVariantsPro as toggleVariants, MoonUITogglePro as Toggle }
-export type { ToggleProps }
+export type { MoonUIToggleProProps as ToggleProps }

package/src/components/ui/tooltip.tsx

@@ -80,7 +80,6 @@ interface SimpleTooltipProps {
   side?: "top" | "right" | "bottom" | "left"
   align?: "start" | "center" | "end"
   delayDuration?: number
-  skipDelayDuration?: number
   sideOffset?: number
   showArrow?: boolean
   className?: string
@@ -102,7 +101,6 @@ const MoonUISimpleTooltipPro = React.forwardRef<
       side = "top",
       align = "center",
       delayDuration = 400,
-      skipDelayDuration = 300,
       sideOffset = 4,
       showArrow = false,
       className,
@@ -119,7 +117,6 @@ const MoonUISimpleTooltipPro = React.forwardRef<
         defaultOpen={defaultOpen}
         onOpenChange={onOpenChange}
         delayDuration={delayDuration}
-        skipDelayDuration={skipDelayDuration}
       >
         <MoonUITooltipTriggerPro asChild>{children}</MoonUITooltipTriggerPro>
         <MoonUITooltipContentPro