@kopexa/drawer 9.0.7 → 9.0.9

package/dist/{chunk-G37ASPA2.mjs → chunk-QUOFOYOZ.mjs}

@@ -13,7 +13,7 @@ import {
   DrawerTitle,
   DrawerTrigger,
   __export
-} from "./chunk-73YAB5BL.mjs";
+} from "./chunk-ZHAZ2QI3.mjs";
 
 // src/namespace.ts
 var namespace_exports = {};

package/dist/{chunk-73YAB5BL.mjs → chunk-ZHAZ2QI3.mjs}

@@ -7,17 +7,9 @@ var __export = (target, all) => {
 
 // src/drawer.tsx
 import { CloseIcon } from "@kopexa/icons";
-import { TRANSITION_EASINGS, TRANSITION_VARIANTS } from "@kopexa/motion-utils";
 import { createContext } from "@kopexa/react-utils";
 import { drawer } from "@kopexa/theme";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import {
-  AnimatePresence,
-  domAnimation,
-  LazyMotion,
-  motion
-} from "motion/react";
-import { useMemo as useMemo2 } from "react";
 
 // ../../hooks/use-callback-ref/src/index.ts
 import { useCallback, useInsertionEffect, useRef } from "react";
@@ -104,90 +96,45 @@ function DrawerClose({ ...props }) {
 }
 function DrawerOverlay({ className, ...props }) {
   const { styles } = useDrawerContext();
-  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: styles.overlay({
         className
       }),
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          animate: "enter",
-          exit: "exit",
-          initial: "exit",
-          variants: TRANSITION_VARIANTS.fade
-        }
-      )
+      ...props
     }
-  ) });
+  );
 }
 var DrawerContent = (props) => {
   const { className, children, showCloseButton = false, ...rest } = props;
-  const { open, styles, placement } = useDrawerContext();
-  const motionProps = useMemo2(() => {
-    const key = placement === "left" || placement === "right" ? "x" : "y";
-    return {
-      variants: {
-        enter: {
-          [key]: 0,
-          transition: {
-            [key]: {
-              duration: 0.2,
-              ease: TRANSITION_EASINGS.easeOut
-            }
-          }
-        },
-        exit: {
-          [key]: placement === "top" || placement === "left" ? "-100%" : "100%",
-          transition: {
-            [key]: {
-              duration: 0.1,
-              ease: TRANSITION_EASINGS.easeIn
-            }
-          }
-        }
-      }
-    };
-  }, [placement]);
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", forceMount: true, children: [
+  const { styles } = useDrawerContext();
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       DialogPrimitive.Content,
       {
         "data-slot": "drawer-content",
         className: styles.content({ className }),
-        asChild: true,
         ...rest,
-        children: /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            animate: "enter",
-            exit: "exit",
-            initial: "exit",
-            ...motionProps,
-            children: [
-              children,
-              showCloseButton && /* @__PURE__ */ jsxs(
-                DialogPrimitive.Close,
-                {
-                  "data-slot": "dialog-close",
-                  className: styles.close(),
-                  children: [
-                    /* @__PURE__ */ jsx(CloseIcon, {}),
-                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ jsx(CloseIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
       }
     )
-  ] }) : null });
+  ] });
 };
 function DrawerHeader({ className, ...props }) {
   const { styles } = useDrawerContext();

package/dist/drawer.js

@@ -48,12 +48,9 @@ __export(drawer_exports, {
 });
 module.exports = __toCommonJS(drawer_exports);
 var import_icons = require("@kopexa/icons");
-var import_motion_utils = require("@kopexa/motion-utils");
 var import_react_utils = require("@kopexa/react-utils");
 var import_theme = require("@kopexa/theme");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react3 = require("motion/react");
-var import_react4 = require("react");
 
 // ../../hooks/use-callback-ref/src/index.ts
 var import_react = require("react");
@@ -140,90 +137,45 @@ function DrawerClose({ ...props }) {
 }
 function DrawerOverlay({ className, ...props }) {
   const { styles } = useDrawerContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.LazyMotion, { features: import_react3.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: styles.overlay({
         className
       }),
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react3.motion.div,
-        {
-          animate: "enter",
-          exit: "exit",
-          initial: "exit",
-          variants: import_motion_utils.TRANSITION_VARIANTS.fade
-        }
-      )
+      ...props
     }
-  ) });
+  );
 }
 var DrawerContent = (props) => {
   const { className, children, showCloseButton = false, ...rest } = props;
-  const { open, styles, placement } = useDrawerContext();
-  const motionProps = (0, import_react4.useMemo)(() => {
-    const key = placement === "left" || placement === "right" ? "x" : "y";
-    return {
-      variants: {
-        enter: {
-          [key]: 0,
-          transition: {
-            [key]: {
-              duration: 0.2,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeOut
-            }
-          }
-        },
-        exit: {
-          [key]: placement === "top" || placement === "left" ? "-100%" : "100%",
-          transition: {
-            [key]: {
-              duration: 0.1,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeIn
-            }
-          }
-        }
-      }
-    };
-  }, [placement]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", forceMount: true, children: [
+  const { styles } = useDrawerContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       DialogPrimitive.Content,
       {
         "data-slot": "drawer-content",
         className: styles.content({ className }),
-        asChild: true,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_react3.motion.div,
-          {
-            animate: "enter",
-            exit: "exit",
-            initial: "exit",
-            ...motionProps,
-            children: [
-              children,
-              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                DialogPrimitive.Close,
-                {
-                  "data-slot": "dialog-close",
-                  className: styles.close(),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
       }
     )
-  ] }) : null });
+  ] });
 };
 function DrawerHeader({ className, ...props }) {
   const { styles } = useDrawerContext();

package/dist/drawer.mjs

@@ -14,7 +14,7 @@ import {
   DrawerTitle,
   DrawerTrigger,
   useDrawerContext
-} from "./chunk-73YAB5BL.mjs";
+} from "./chunk-ZHAZ2QI3.mjs";
 export {
   DrawerBody,
   DrawerClose,

package/dist/index.js

@@ -38,12 +38,9 @@ module.exports = __toCommonJS(index_exports);
 
 // src/drawer.tsx
 var import_icons = require("@kopexa/icons");
-var import_motion_utils = require("@kopexa/motion-utils");
 var import_react_utils = require("@kopexa/react-utils");
 var import_theme = require("@kopexa/theme");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react3 = require("motion/react");
-var import_react4 = require("react");
 
 // ../../hooks/use-callback-ref/src/index.ts
 var import_react = require("react");
@@ -130,90 +127,45 @@ function DrawerClose({ ...props }) {
 }
 function DrawerOverlay({ className, ...props }) {
   const { styles } = useDrawerContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.LazyMotion, { features: import_react3.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: styles.overlay({
         className
       }),
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react3.motion.div,
-        {
-          animate: "enter",
-          exit: "exit",
-          initial: "exit",
-          variants: import_motion_utils.TRANSITION_VARIANTS.fade
-        }
-      )
+      ...props
     }
-  ) });
+  );
 }
 var DrawerContent = (props) => {
   const { className, children, showCloseButton = false, ...rest } = props;
-  const { open, styles, placement } = useDrawerContext();
-  const motionProps = (0, import_react4.useMemo)(() => {
-    const key = placement === "left" || placement === "right" ? "x" : "y";
-    return {
-      variants: {
-        enter: {
-          [key]: 0,
-          transition: {
-            [key]: {
-              duration: 0.2,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeOut
-            }
-          }
-        },
-        exit: {
-          [key]: placement === "top" || placement === "left" ? "-100%" : "100%",
-          transition: {
-            [key]: {
-              duration: 0.1,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeIn
-            }
-          }
-        }
-      }
-    };
-  }, [placement]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", forceMount: true, children: [
+  const { styles } = useDrawerContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       DialogPrimitive.Content,
       {
         "data-slot": "drawer-content",
         className: styles.content({ className }),
-        asChild: true,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_react3.motion.div,
-          {
-            animate: "enter",
-            exit: "exit",
-            initial: "exit",
-            ...motionProps,
-            children: [
-              children,
-              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                DialogPrimitive.Close,
-                {
-                  "data-slot": "dialog-close",
-                  className: styles.close(),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
       }
     )
-  ] }) : null });
+  ] });
 };
 function DrawerHeader({ className, ...props }) {
   const { styles } = useDrawerContext();

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   namespace_exports
-} from "./chunk-G37ASPA2.mjs";
+} from "./chunk-QUOFOYOZ.mjs";
 import {
   useDrawerContext
-} from "./chunk-73YAB5BL.mjs";
+} from "./chunk-ZHAZ2QI3.mjs";
 export {
   namespace_exports as Drawer,
   useDrawerContext

package/dist/namespace.js

@@ -48,12 +48,9 @@ module.exports = __toCommonJS(namespace_exports);
 
 // src/drawer.tsx
 var import_icons = require("@kopexa/icons");
-var import_motion_utils = require("@kopexa/motion-utils");
 var import_react_utils = require("@kopexa/react-utils");
 var import_theme = require("@kopexa/theme");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react3 = require("motion/react");
-var import_react4 = require("react");
 
 // ../../hooks/use-callback-ref/src/index.ts
 var import_react = require("react");
@@ -140,90 +137,45 @@ function DrawerClose({ ...props }) {
 }
 function DrawerOverlay({ className, ...props }) {
   const { styles } = useDrawerContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.LazyMotion, { features: import_react3.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DialogPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: styles.overlay({
         className
       }),
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react3.motion.div,
-        {
-          animate: "enter",
-          exit: "exit",
-          initial: "exit",
-          variants: import_motion_utils.TRANSITION_VARIANTS.fade
-        }
-      )
+      ...props
     }
-  ) });
+  );
 }
 var DrawerContent = (props) => {
   const { className, children, showCloseButton = false, ...rest } = props;
-  const { open, styles, placement } = useDrawerContext();
-  const motionProps = (0, import_react4.useMemo)(() => {
-    const key = placement === "left" || placement === "right" ? "x" : "y";
-    return {
-      variants: {
-        enter: {
-          [key]: 0,
-          transition: {
-            [key]: {
-              duration: 0.2,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeOut
-            }
-          }
-        },
-        exit: {
-          [key]: placement === "top" || placement === "left" ? "-100%" : "100%",
-          transition: {
-            [key]: {
-              duration: 0.1,
-              ease: import_motion_utils.TRANSITION_EASINGS.easeIn
-            }
-          }
-        }
-      }
-    };
-  }, [placement]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.AnimatePresence, { children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", forceMount: true, children: [
+  const { styles } = useDrawerContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       DialogPrimitive.Content,
       {
         "data-slot": "drawer-content",
         className: styles.content({ className }),
-        asChild: true,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_react3.motion.div,
-          {
-            animate: "enter",
-            exit: "exit",
-            initial: "exit",
-            ...motionProps,
-            children: [
-              children,
-              showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                DialogPrimitive.Close,
-                {
-                  "data-slot": "dialog-close",
-                  className: styles.close(),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
       }
     )
-  ] }) : null });
+  ] });
 };
 function DrawerHeader({ className, ...props }) {
   const { styles } = useDrawerContext();

package/dist/namespace.mjs

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-G37ASPA2.mjs";
+import "./chunk-QUOFOYOZ.mjs";
 import {
   DrawerBody,
   DrawerClose,
@@ -13,7 +13,7 @@ import {
   DrawerRoot,
   DrawerTitle,
   DrawerTrigger
-} from "./chunk-73YAB5BL.mjs";
+} from "./chunk-ZHAZ2QI3.mjs";
 export {
   DrawerBody as Body,
   DrawerClose as Close,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/drawer",
-  "version": "9.0.7",
+  "version": "9.0.9",
   "description": "A drawer for kopexa",
   "keywords": [
     "drawer"
@@ -25,19 +25,17 @@
     "url": "https://github.com/kopexa-grc/sight/issues"
   },
   "peerDependencies": {
-    "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "1.6.7"
+    "@kopexa/theme": "1.6.9"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",
-    "motion": "^12.23.12",
     "@kopexa/react-utils": "2.0.6",
     "@kopexa/shared-utils": "1.1.5",
-    "@kopexa/icons": "9.0.7",
+    "@kopexa/icons": "9.0.9",
     "@kopexa/use-controllable-state": "1.1.2",
-    "@kopexa/motion-utils": "9.0.7"
+    "@kopexa/motion-utils": "9.0.9"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",