@mekari/pixel3-modal 0.0.24-dev.1 → 0.0.25-dev.0

package/dist/{chunk-53UX3JXF.mjs → chunk-F5PHOU3L.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/modules/useModal.ts
-import { ref, computed, nextTick, watch } from "vue";
+import { ref, computed, nextTick, watch, onBeforeUnmount } from "vue";
 import { useId } from "@mekari/pixel3-utils";
 import anime from "animejs";
 import { useFocusTrap } from "@mekari/pixel3-utils";
@@ -42,6 +42,11 @@ function useModal(props, emit) {
     emit("close", true);
   }
   __name(onClose, "onClose");
+  onBeforeUnmount(() => {
+    if (isModalOpen.value && props.isBlockScrollOnMount) {
+      document.body.style.overflow = "";
+    }
+  });
   return {
     isModalOpen,
     modalEl,
@@ -152,6 +157,12 @@ function useModalContent(props) {
       onClose();
     }
   }, "onKeydown");
+  onBeforeUnmount(() => {
+    document.removeEventListener("keydown", onKeydown);
+    if (!isDisableFocusTrap.value) {
+      deactivateFocusTrap();
+    }
+  });
   const getTransition = computed(() => {
     const duration = size.value === "full" ? 400 : 300;
     let enter = {};

package/dist/{chunk-XP25ZI7L.mjs → chunk-OP47AEU6.mjs}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-3GDGVZBF.mjs";
 import {
   useModal
-} from "./chunk-53UX3JXF.mjs";
+} from "./chunk-F5PHOU3L.mjs";
 import {
   ModalProvider
 } from "./chunk-DKUTSUEJ.mjs";
 
 // src/modal.tsx
 import { Fragment as _Fragment, withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
-import { defineComponent, Teleport, toRefs, watch } from "vue";
+import { defineComponent, Teleport, toRefs, watch, onBeforeUnmount } from "vue";
 import { modalSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
 var MpModal = defineComponent({
   name: "MpModal",
@@ -46,6 +46,11 @@ var MpModal = defineComponent({
     }, {
       immediate: true
     });
+    onBeforeUnmount(() => {
+      if (isModalOpen.value) {
+        isModalOpen.value = false;
+      }
+    });
     return () => {
       const {
         root,

package/dist/{chunk-MMFENXKE.mjs → chunk-XQ4UZK7D.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   baseSizes,
   useModalContent
-} from "./chunk-53UX3JXF.mjs";
+} from "./chunk-F5PHOU3L.mjs";
 
 // src/content.tsx
 import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";

package/dist/content.js

@@ -157,6 +157,12 @@ function useModalContent(props) {
       onClose();
     }
   }, "onKeydown");
+  (0, import_vue.onBeforeUnmount)(() => {
+    document.removeEventListener("keydown", onKeydown);
+    if (!isDisableFocusTrap.value) {
+      deactivateFocusTrap();
+    }
+  });
   const getTransition = (0, import_vue.computed)(() => {
     const duration = size.value === "full" ? 400 : 300;
     let enter = {};

package/dist/content.mjs

@@ -1,8 +1,8 @@
 import {
   MpModalContent
-} from "./chunk-MMFENXKE.mjs";
+} from "./chunk-XQ4UZK7D.mjs";
 import "./chunk-3GDGVZBF.mjs";
-import "./chunk-53UX3JXF.mjs";
+import "./chunk-F5PHOU3L.mjs";
 import "./chunk-DKUTSUEJ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/index.js

@@ -147,6 +147,11 @@ function useModal(props, emit) {
     emit("close", true);
   }
   __name(onClose, "onClose");
+  (0, import_vue.onBeforeUnmount)(() => {
+    if (isModalOpen.value && props.isBlockScrollOnMount) {
+      document.body.style.overflow = "";
+    }
+  });
   return {
     isModalOpen,
     modalEl,
@@ -257,6 +262,12 @@ function useModalContent(props) {
       onClose();
     }
   }, "onKeydown");
+  (0, import_vue.onBeforeUnmount)(() => {
+    document.removeEventListener("keydown", onKeydown);
+    if (!isDisableFocusTrap.value) {
+      deactivateFocusTrap();
+    }
+  });
   const getTransition = (0, import_vue.computed)(() => {
     const duration = size.value === "full" ? 400 : 300;
     let enter = {};
@@ -430,6 +441,11 @@ var MpModal = (0, import_vue3.defineComponent)({
     }, {
       immediate: true
     });
+    (0, import_vue3.onBeforeUnmount)(() => {
+      if (isModalOpen.value) {
+        isModalOpen.value = false;
+      }
+    });
     return () => {
       const {
         root,

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-NFQ2B3FR.mjs";
 import {
   MpModalContent
-} from "./chunk-MMFENXKE.mjs";
+} from "./chunk-XQ4UZK7D.mjs";
 import {
   MpModalFooter
 } from "./chunk-THCDEEFK.mjs";
@@ -16,9 +16,9 @@ import {
 } from "./chunk-FXPPG3HJ.mjs";
 import {
   MpModal
-} from "./chunk-XP25ZI7L.mjs";
+} from "./chunk-OP47AEU6.mjs";
 import "./chunk-3GDGVZBF.mjs";
-import "./chunk-53UX3JXF.mjs";
+import "./chunk-F5PHOU3L.mjs";
 import {
   MpModalOverlay
 } from "./chunk-FU2Y3XYA.mjs";

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":1006,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7240,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1632,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"format":"esm"}},"outputs":{"dist/body.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/body.tsx","inputs":{"src/body.tsx":{"bytesInOutput":1011},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2144},"dist/close-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":735},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":1891},"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1971},"src/modules/useModal.ts":{"bytesInOutput":6431},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10459},"dist/footer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/footer.tsx","inputs":{"src/footer.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":357},"src/modal.tsx":{"bytesInOutput":1933},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":885},"src/modules/useModal.ts":{"bytesInOutput":7266},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":887},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":573}},"bytes":18892},"dist/modal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modal.tsx","inputs":{"src/modal.tsx":{"bytesInOutput":2058},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":744},"src/modules/useModal.ts":{"bytesInOutput":1036}},"bytes":5715},"dist/overlay.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/overlay.tsx","inputs":{"src/overlay.tsx":{"bytesInOutput":2099},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":3928},"dist/modules/modal.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/modal.context.ts","inputs":{"src/modules/modal.context.ts":{"bytesInOutput":365}},"bytes":1323},"dist/modules/modal.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.props.ts","inputs":{"src/modules/modal.props.ts":{"bytesInOutput":1112}},"bytes":2081},"dist/modules/modal.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{"src/modules/modal.types.ts":{"bytesInOutput":82}},"bytes":784},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useModal.ts","inputs":{"src/modules/useModal.ts":{"bytesInOutput":7472},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9343}}}
+{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":1006,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7555,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1632,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2255,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"format":"esm"}},"outputs":{"dist/body.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/body.tsx","inputs":{"src/body.tsx":{"bytesInOutput":1011},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2144},"dist/close-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":735},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":1891},"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1971},"src/modules/useModal.ts":{"bytesInOutput":6607},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10635},"dist/footer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/footer.tsx","inputs":{"src/footer.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":357},"src/modal.tsx":{"bytesInOutput":2060},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":885},"src/modules/useModal.ts":{"bytesInOutput":7596},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":887},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":573}},"bytes":19349},"dist/modal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modal.tsx","inputs":{"src/modal.tsx":{"bytesInOutput":2185},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":744},"src/modules/useModal.ts":{"bytesInOutput":1190}},"bytes":5996},"dist/overlay.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/overlay.tsx","inputs":{"src/overlay.tsx":{"bytesInOutput":2099},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":3928},"dist/modules/modal.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/modal.context.ts","inputs":{"src/modules/modal.context.ts":{"bytesInOutput":365}},"bytes":1323},"dist/modules/modal.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.props.ts","inputs":{"src/modules/modal.props.ts":{"bytesInOutput":1112}},"bytes":2081},"dist/modules/modal.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{"src/modules/modal.types.ts":{"bytesInOutput":82}},"bytes":784},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useModal.ts","inputs":{"src/modules/useModal.ts":{"bytesInOutput":7802},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9673}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":1006,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7240,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1632,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"format":"esm"}},"outputs":{"dist/modules/modal.context.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["ModalProvider","useModalContext"],"entryPoint":"src/modules/modal.context.ts","inputs":{},"bytes":155},"dist/modules/modal.props.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["modalContentProps","modalEmits","modalProps"],"entryPoint":"src/modules/modal.props.ts","inputs":{},"bytes":181},"dist/modules/modal.types.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{},"bytes":32},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["baseSizes","useModal","useModalContent"],"entryPoint":"src/modules/useModal.ts","inputs":{},"bytes":203},"dist/body.mjs":{"imports":[{"path":"dist/chunk-7OLNTGJQ.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalBody"],"entryPoint":"src/body.tsx","inputs":{},"bytes":142},"dist/close-button.mjs":{"imports":[{"path":"dist/chunk-NFQ2B3FR.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalCloseButton"],"entryPoint":"src/close-button.tsx","inputs":{},"bytes":156},"dist/content.mjs":{"imports":[{"path":"dist/chunk-MMFENXKE.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":210},"dist/footer.mjs":{"imports":[{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalFooter"],"entryPoint":"src/footer.tsx","inputs":{},"bytes":115},"dist/header.mjs":{"imports":[{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":115},"dist/index.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"},{"path":"dist/chunk-7OLNTGJQ.mjs","kind":"import-statement"},{"path":"dist/chunk-NFQ2B3FR.mjs","kind":"import-statement"},{"path":"dist/chunk-MMFENXKE.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-XP25ZI7L.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal","MpModalBody","MpModalCloseButton","MpModalContent","MpModalFooter","MpModalHeader","MpModalOverlay"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":675},"dist/chunk-T47XIOLI.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/modal.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-7OLNTGJQ.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalBody"],"inputs":{"src/body.tsx":{"bytesInOutput":854}},"bytes":956},"dist/chunk-NFQ2B3FR.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":526}},"bytes":643},"dist/chunk-MMFENXKE.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1801}},"bytes":1982},"dist/chunk-THCDEEFK.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalFooter"],"inputs":{"src/footer.tsx":{"bytesInOutput":503}},"bytes":550},"dist/chunk-FXPPG3HJ.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":503}},"bytes":550},"dist/modal.mjs":{"imports":[{"path":"dist/chunk-XP25ZI7L.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal"],"entryPoint":"src/modal.tsx","inputs":{},"bytes":196},"dist/chunk-XP25ZI7L.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModal"],"inputs":{"src/modal.tsx":{"bytesInOutput":1856}},"bytes":2071},"dist/chunk-3GDGVZBF.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":885}},"bytes":976},"dist/chunk-53UX3JXF.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["baseSizes","useModal","useModalContent"],"inputs":{"src/modules/useModal.ts":{"bytesInOutput":7019}},"bytes":7210},"dist/overlay.mjs":{"imports":[{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalOverlay"],"entryPoint":"src/overlay.tsx","inputs":{},"bytes":148},"dist/chunk-FU2Y3XYA.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalOverlay"],"inputs":{"src/overlay.tsx":{"bytesInOutput":1874}},"bytes":2031},"dist/chunk-DKUTSUEJ.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["ModalProvider","useModalContext"],"inputs":{"src/modules/modal.context.ts":{"bytesInOutput":140}},"bytes":220},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":1006,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":678,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7555,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1632,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2255,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"format":"esm"}},"outputs":{"dist/modules/modal.context.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["ModalProvider","useModalContext"],"entryPoint":"src/modules/modal.context.ts","inputs":{},"bytes":155},"dist/modules/modal.props.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["modalContentProps","modalEmits","modalProps"],"entryPoint":"src/modules/modal.props.ts","inputs":{},"bytes":181},"dist/modules/modal.types.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{},"bytes":32},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["baseSizes","useModal","useModalContent"],"entryPoint":"src/modules/useModal.ts","inputs":{},"bytes":203},"dist/body.mjs":{"imports":[{"path":"dist/chunk-7OLNTGJQ.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalBody"],"entryPoint":"src/body.tsx","inputs":{},"bytes":142},"dist/close-button.mjs":{"imports":[{"path":"dist/chunk-NFQ2B3FR.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalCloseButton"],"entryPoint":"src/close-button.tsx","inputs":{},"bytes":156},"dist/content.mjs":{"imports":[{"path":"dist/chunk-XQ4UZK7D.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":210},"dist/footer.mjs":{"imports":[{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalFooter"],"entryPoint":"src/footer.tsx","inputs":{},"bytes":115},"dist/header.mjs":{"imports":[{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":115},"dist/index.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"},{"path":"dist/chunk-7OLNTGJQ.mjs","kind":"import-statement"},{"path":"dist/chunk-NFQ2B3FR.mjs","kind":"import-statement"},{"path":"dist/chunk-XQ4UZK7D.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-OP47AEU6.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal","MpModalBody","MpModalCloseButton","MpModalContent","MpModalFooter","MpModalHeader","MpModalOverlay"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":675},"dist/chunk-T47XIOLI.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/modal.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-7OLNTGJQ.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalBody"],"inputs":{"src/body.tsx":{"bytesInOutput":854}},"bytes":956},"dist/chunk-NFQ2B3FR.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":526}},"bytes":643},"dist/chunk-XQ4UZK7D.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1801}},"bytes":1982},"dist/chunk-THCDEEFK.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalFooter"],"inputs":{"src/footer.tsx":{"bytesInOutput":503}},"bytes":550},"dist/chunk-FXPPG3HJ.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":503}},"bytes":550},"dist/modal.mjs":{"imports":[{"path":"dist/chunk-OP47AEU6.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal"],"entryPoint":"src/modal.tsx","inputs":{},"bytes":196},"dist/chunk-OP47AEU6.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-F5PHOU3L.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModal"],"inputs":{"src/modal.tsx":{"bytesInOutput":1983}},"bytes":2198},"dist/chunk-3GDGVZBF.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":885}},"bytes":976},"dist/chunk-F5PHOU3L.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["baseSizes","useModal","useModalContent"],"inputs":{"src/modules/useModal.ts":{"bytesInOutput":7334}},"bytes":7525},"dist/overlay.mjs":{"imports":[{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalOverlay"],"entryPoint":"src/overlay.tsx","inputs":{},"bytes":148},"dist/chunk-FU2Y3XYA.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalOverlay"],"inputs":{"src/overlay.tsx":{"bytesInOutput":1874}},"bytes":2031},"dist/chunk-DKUTSUEJ.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["ModalProvider","useModalContext"],"inputs":{"src/modules/modal.context.ts":{"bytesInOutput":140}},"bytes":220},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modal.js

@@ -121,6 +121,11 @@ function useModal(props, emit) {
     emit("close", true);
   }
   __name(onClose, "onClose");
+  (0, import_vue.onBeforeUnmount)(() => {
+    if (isModalOpen.value && props.isBlockScrollOnMount) {
+      document.body.style.overflow = "";
+    }
+  });
   return {
     isModalOpen,
     modalEl,
@@ -166,6 +171,11 @@ var MpModal = (0, import_vue3.defineComponent)({
     }, {
       immediate: true
     });
+    (0, import_vue3.onBeforeUnmount)(() => {
+      if (isModalOpen.value) {
+        isModalOpen.value = false;
+      }
+    });
     return () => {
       const {
         root,

package/dist/modal.mjs

@@ -1,8 +1,8 @@
 import {
   MpModal
-} from "./chunk-XP25ZI7L.mjs";
+} from "./chunk-OP47AEU6.mjs";
 import "./chunk-3GDGVZBF.mjs";
-import "./chunk-53UX3JXF.mjs";
+import "./chunk-F5PHOU3L.mjs";
 import "./chunk-DKUTSUEJ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/modules/useModal.js

@@ -78,6 +78,11 @@ function useModal(props, emit) {
     emit("close", true);
   }
   __name(onClose, "onClose");
+  (0, import_vue.onBeforeUnmount)(() => {
+    if (isModalOpen.value && props.isBlockScrollOnMount) {
+      document.body.style.overflow = "";
+    }
+  });
   return {
     isModalOpen,
     modalEl,
@@ -188,6 +193,12 @@ function useModalContent(props) {
       onClose();
     }
   }, "onKeydown");
+  (0, import_vue.onBeforeUnmount)(() => {
+    document.removeEventListener("keydown", onKeydown);
+    if (!isDisableFocusTrap.value) {
+      deactivateFocusTrap();
+    }
+  });
   const getTransition = (0, import_vue.computed)(() => {
     const duration = size.value === "full" ? 400 : 300;
     let enter = {};

package/dist/modules/useModal.mjs

@@ -2,7 +2,7 @@ import {
   baseSizes,
   useModal,
   useModalContent
-} from "../chunk-53UX3JXF.mjs";
+} from "../chunk-F5PHOU3L.mjs";
 import "../chunk-DKUTSUEJ.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-modal",
   "description": "Modal component for mekari pixel 3",
-  "version": "0.0.24-dev.1",
+  "version": "0.0.25-dev.0",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -9,9 +9,9 @@
   ],
   "dependencies": {
     "animejs": "^3.2.2",
-    "@mekari/pixel3-button": "0.2.0-dev.1",
-    "@mekari/pixel3-utils": "0.1.0-dev.1",
-    "@mekari/pixel3-styled-system": "0.2.0-dev.1"
+    "@mekari/pixel3-button": "0.2.0",
+    "@mekari/pixel3-styled-system": "0.2.0",
+    "@mekari/pixel3-utils": "0.1.0"
   },
   "peerDependencies": {
     "vue": "^3.4.9"