@moontra/moonui-pro 2.25.3 → 2.25.5

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterv
 import { motion, AnimatePresence, useAnimation, useMotionValue, animate, useSpring, useTransform, Reorder, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ReactDOM2 from 'react-dom';
-import ReactDOM2__default from 'react-dom';
+import ReactDOM2__default, { createPortal } from 'react-dom';
 import { createSlot, createSlottable } from '@radix-ui/react-slot';
 import { Command } from 'cmdk';
 import Fuse from 'fuse.js';
@@ -73063,14 +73063,18 @@ function DataTableFilterDrawer({
     }
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
       motion.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        className: "fixed inset-0 bg-black/20 z-[9998]",
+        className: "fixed inset-0 bg-black/20",
+        style: { zIndex: 9998 },
         onClick: () => onOpenChange(false)
       }
     ) }),
@@ -73082,10 +73086,10 @@ function DataTableFilterDrawer({
         exit: { x: position === "right" ? "100%" : "-100%" },
         transition: { type: "spring", damping: 30, stiffness: 300 },
         className: cn(
-          "fixed top-0 bottom-0 z-[9999] bg-background border-l shadow-xl",
+          "fixed top-0 bottom-0 bg-background border-l shadow-xl",
           position === "right" ? "right-0" : "left-0"
         ),
-        style: { width },
+        style: { width, zIndex: 9999 },
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -73182,6 +73186,7 @@ function DataTableFilterDrawer({
       }
     ) })
   ] });
+  return createPortal(content, document.body);
 }
 function FilterConditionRow({
   filter,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.25.3",
+    "version": "2.25.5",
     "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",