@mekari/pixel3-modal 0.0.27-dev.0 → 0.0.27-dev.1

package/dist/{chunk-F5PHOU3L.mjs → chunk-FM3YP4IA.mjs}

@@ -84,16 +84,16 @@ function useModalContent(props) {
       };
     } else {
       contentStyle = {
-        top: "3.75rem",
+        top: "80px",
         mx: "auto"
       };
     }
     if (scrollBehavior.value === "inside") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,
@@ -110,8 +110,8 @@ function useModalContent(props) {
       };
       contentStyle = {
         ...contentStyle,
-        marginTop: "3.75rem",
-        marginBottom: "3.75rem",
+        marginTop: "80px",
+        marginBottom: "80px",
         height: "auto",
         top: 0
       };
@@ -119,9 +119,9 @@ function useModalContent(props) {
     if (scrollBehavior.value === "auto") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,

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

@@ -4,7 +4,7 @@ import {
 } from "./chunk-3GDGVZBF.mjs";
 import {
   useModal
-} from "./chunk-F5PHOU3L.mjs";
+} from "./chunk-FM3YP4IA.mjs";
 import {
   ModalProvider
 } from "./chunk-DKUTSUEJ.mjs";

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

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

package/dist/{chunk-FXPPG3HJ.mjs → chunk-RMCRMB36.mjs}

@@ -1,3 +1,7 @@
+import {
+  useModalContext
+} from "./chunk-DKUTSUEJ.mjs";
+
 // src/header.tsx
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
@@ -8,9 +12,14 @@ var MpModalHeader = defineComponent({
     slots
   }) {
     const {
-      header
-    } = modalSlotRecipe();
+      props: modalProps
+    } = useModalContext();
     return () => {
+      const {
+        header
+      } = modalSlotRecipe({
+        full: modalProps.size.value === "full"
+      });
       return _createVNode("header", {
         "data-pixel-component": "MpModalHeader",
         "class": header

package/dist/content.js

@@ -84,16 +84,16 @@ function useModalContent(props) {
       };
     } else {
       contentStyle = {
-        top: "3.75rem",
+        top: "80px",
         mx: "auto"
       };
     }
     if (scrollBehavior.value === "inside") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,
@@ -110,8 +110,8 @@ function useModalContent(props) {
       };
       contentStyle = {
         ...contentStyle,
-        marginTop: "3.75rem",
-        marginBottom: "3.75rem",
+        marginTop: "80px",
+        marginBottom: "80px",
         height: "auto",
         top: 0
       };
@@ -119,9 +119,9 @@ function useModalContent(props) {
     if (scrollBehavior.value === "auto") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,

package/dist/content.mjs

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

package/dist/header.js

@@ -26,15 +26,26 @@ module.exports = __toCommonJS(header_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+
+// src/modules/modal.context.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var [ModalProvider, useModalContext] = (0, import_pixel3_utils.usePixelCreateContext)("ModalContext");
+
+// src/header.tsx
 var MpModalHeader = (0, import_vue2.defineComponent)({
   name: "MpModalHeader",
   setup(_props, {
     slots
   }) {
     const {
-      header
-    } = (0, import_recipes.modalSlotRecipe)();
+      props: modalProps
+    } = useModalContext();
     return () => {
+      const {
+        header
+      } = (0, import_recipes.modalSlotRecipe)({
+        full: modalProps.size.value === "full"
+      });
       return (0, import_vue.createVNode)("header", {
         "data-pixel-component": "MpModalHeader",
         "class": header

package/dist/header.mjs

@@ -1,6 +1,7 @@
 import {
   MpModalHeader
-} from "./chunk-FXPPG3HJ.mjs";
+} from "./chunk-RMCRMB36.mjs";
+import "./chunk-DKUTSUEJ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpModalHeader

package/dist/index.js

@@ -189,16 +189,16 @@ function useModalContent(props) {
       };
     } else {
       contentStyle = {
-        top: "3.75rem",
+        top: "80px",
         mx: "auto"
       };
     }
     if (scrollBehavior.value === "inside") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,
@@ -215,8 +215,8 @@ function useModalContent(props) {
       };
       contentStyle = {
         ...contentStyle,
-        marginTop: "3.75rem",
-        marginBottom: "3.75rem",
+        marginTop: "80px",
+        marginBottom: "80px",
         height: "auto",
         top: 0
       };
@@ -224,9 +224,9 @@ function useModalContent(props) {
     if (scrollBehavior.value === "auto") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,
@@ -632,9 +632,14 @@ var MpModalHeader = (0, import_vue11.defineComponent)({
     slots
   }) {
     const {
-      header
-    } = (0, import_recipes5.modalSlotRecipe)();
+      props: modalProps2
+    } = useModalContext();
     return () => {
+      const {
+        header
+      } = (0, import_recipes5.modalSlotRecipe)({
+        full: modalProps2.size.value === "full"
+      });
       return (0, import_vue10.createVNode)("header", {
         "data-pixel-component": "MpModalHeader",
         "class": header

package/dist/index.mjs

@@ -7,18 +7,18 @@ import {
 } from "./chunk-NFQ2B3FR.mjs";
 import {
   MpModalContent
-} from "./chunk-XQ4UZK7D.mjs";
+} from "./chunk-LWEYNHLP.mjs";
 import {
   MpModalFooter
 } from "./chunk-THCDEEFK.mjs";
 import {
   MpModalHeader
-} from "./chunk-FXPPG3HJ.mjs";
+} from "./chunk-RMCRMB36.mjs";
 import {
   MpModal
-} from "./chunk-OP47AEU6.mjs";
+} from "./chunk-IFTCF7GR.mjs";
 import "./chunk-3GDGVZBF.mjs";
-import "./chunk-F5PHOU3L.mjs";
+import "./chunk-FM3YP4IA.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":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}}}
+{"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":7538,"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":780,"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},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"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":6590},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10618},"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":795},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":1934},"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":7579},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":887},"src/header.tsx":{"bytesInOutput":665},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":573}},"bytes":19459},"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":7785},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9656}}}

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":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}}}
+{"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":7538,"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":780,"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},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"}],"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-FM3YP4IA.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-LWEYNHLP.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-FM3YP4IA.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-RMCRMB36.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":146},"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-LWEYNHLP.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-RMCRMB36.mjs","kind":"import-statement"},{"path":"dist/chunk-IFTCF7GR.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-FM3YP4IA.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-LWEYNHLP.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-FM3YP4IA.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-RMCRMB36.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":["MpModalHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":628}},"bytes":734},"dist/modal.mjs":{"imports":[{"path":"dist/chunk-IFTCF7GR.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-FM3YP4IA.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-IFTCF7GR.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-FM3YP4IA.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-FM3YP4IA.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":7317}},"bytes":7508},"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.mjs

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

package/dist/modules/useModal.js

@@ -120,16 +120,16 @@ function useModalContent(props) {
       };
     } else {
       contentStyle = {
-        top: "3.75rem",
+        top: "80px",
         mx: "auto"
       };
     }
     if (scrollBehavior.value === "inside") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,
@@ -146,8 +146,8 @@ function useModalContent(props) {
       };
       contentStyle = {
         ...contentStyle,
-        marginTop: "3.75rem",
-        marginBottom: "3.75rem",
+        marginTop: "80px",
+        marginBottom: "80px",
         height: "auto",
         top: 0
       };
@@ -155,9 +155,9 @@ function useModalContent(props) {
     if (scrollBehavior.value === "auto") {
       wrapperStyle = {
         ...wrapperStyle,
-        maxHeight: "calc(100% - 7.5rem)",
+        maxHeight: "calc(100% - 160px)",
         overflow: "hidden",
-        top: "3.75rem"
+        top: "80px"
       };
       contentStyle = {
         ...contentStyle,

package/dist/modules/useModal.mjs

@@ -2,7 +2,7 @@ import {
   baseSizes,
   useModal,
   useModalContent
-} from "../chunk-F5PHOU3L.mjs";
+} from "../chunk-FM3YP4IA.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.27-dev.0",
+  "version": "0.0.27-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -9,9 +9,9 @@
   ],
   "dependencies": {
     "animejs": "^3.2.2",
-    "@mekari/pixel3-button": "0.2.3-dev.0",
-    "@mekari/pixel3-styled-system": "0.2.0",
-    "@mekari/pixel3-utils": "0.1.0"
+    "@mekari/pixel3-button": "0.2.3-dev.1",
+    "@mekari/pixel3-utils": "0.1.0",
+    "@mekari/pixel3-styled-system": "0.2.1-dev.0"
   },
   "peerDependencies": {
     "vue": "^3.4.9"