@mekari/pixel3-modal 0.0.1

package/dist/metafile-cjs.json

@@ -0,0 +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":899,"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":837,"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"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":6951,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","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":1629,"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/index.ts":{"bytes":271,"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"}],"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":904},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2037},"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},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":912},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2068},"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":"body-scroll-lock","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":6250},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10278},"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":"body-scroll-lock","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},{"path":"@mekari/pixel3-styled-system/recipes","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":823},"src/modules/useModal.ts":{"bytesInOutput":7058},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":780},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":752}},"bytes":18694},"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":"body-scroll-lock","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":682},"src/modules/useModal.ts":{"bytesInOutput":1068}},"bytes":5685},"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":1050}},"bytes":2019},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","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":7264},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9135}}}

package/dist/metafile-esm.json

@@ -0,0 +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":899,"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":837,"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"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":6951,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","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":1629,"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/index.ts":{"bytes":271,"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"}],"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-2WYPEVZV.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/useModal.mjs":{"imports":[{"path":"dist/chunk-MO6AFEOO.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-ASQKAMBD.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-D4KITWKW.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-NCQFKFXL.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.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-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-NCQFKFXL.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-7LGGLG42.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.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":644},"dist/chunk-ASQKAMBD.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":747}},"bytes":849},"dist/chunk-D4KITWKW.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},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":685}},"bytes":802},"dist/chunk-NCQFKFXL.mjs":{"imports":[{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.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-7LGGLG42.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.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-7LGGLG42.mjs":{"imports":[{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.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-2WYPEVZV.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":823}},"bytes":914},"dist/chunk-MO6AFEOO.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":"body-scroll-lock","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":6775}},"bytes":6966},"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.d.mts

@@ -0,0 +1,103 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import { ScrollBehavior, BaseSize } from './modules/modal.props.mjs';
+import * as vue from 'vue';
+
+declare const MpModal: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCentered: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    scrollBehavior: {
+        type: vue.PropType<ScrollBehavior>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<BaseSize>;
+        default: string;
+    };
+    isDisablePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    open: (value: boolean) => boolean;
+    close: (value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCentered: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    scrollBehavior: {
+        type: vue.PropType<ScrollBehavior>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<BaseSize>;
+        default: string;
+    };
+    isDisablePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((value: boolean) => any) | undefined;
+    onOpen?: ((value: boolean) => any) | undefined;
+}, {
+    isOpen: boolean;
+    isBlockScrollOnMount: boolean;
+    isCloseOnEsc: boolean;
+    isCloseOnOverlayClick: boolean;
+    isKeepAlive: boolean;
+    isCentered: boolean;
+    scrollBehavior: ScrollBehavior;
+    size: BaseSize;
+    isDisablePortal: boolean;
+}, {}>;
+
+export { MpModal };

package/dist/modal.d.ts

@@ -0,0 +1,103 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import { ScrollBehavior, BaseSize } from './modules/modal.props.js';
+import * as vue from 'vue';
+
+declare const MpModal: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCentered: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    scrollBehavior: {
+        type: vue.PropType<ScrollBehavior>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<BaseSize>;
+        default: string;
+    };
+    isDisablePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    open: (value: boolean) => boolean;
+    close: (value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCentered: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    scrollBehavior: {
+        type: vue.PropType<ScrollBehavior>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<BaseSize>;
+        default: string;
+    };
+    isDisablePortal: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((value: boolean) => any) | undefined;
+    onOpen?: ((value: boolean) => any) | undefined;
+}, {
+    isOpen: boolean;
+    isBlockScrollOnMount: boolean;
+    isCloseOnEsc: boolean;
+    isCloseOnOverlayClick: boolean;
+    isKeepAlive: boolean;
+    isCentered: boolean;
+    scrollBehavior: ScrollBehavior;
+    size: BaseSize;
+    isDisablePortal: boolean;
+}, {}>;
+
+export { MpModal };

package/dist/modal.js

@@ -0,0 +1,191 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modal.tsx
+var modal_exports = {};
+__export(modal_exports, {
+  MpModal: () => MpModal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_vue2 = require("vue");
+var import_vue3 = require("vue");
+
+// src/modules/modal.context.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var [ModalProvider, useModalContext] = (0, import_pixel3_utils.usePixelCreateContext)("ModalContext");
+
+// src/modules/modal.props.ts
+var modalProps = {
+  id: {
+    type: String
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  isBlockScrollOnMount: {
+    type: Boolean,
+    default: false
+  },
+  isCloseOnEsc: {
+    type: Boolean,
+    default: true
+  },
+  isCloseOnOverlayClick: {
+    type: Boolean,
+    default: true
+  },
+  isKeepAlive: {
+    type: Boolean,
+    default: false
+  },
+  isCentered: {
+    type: Boolean,
+    default: false
+  },
+  scrollBehavior: {
+    type: String,
+    default: "outside"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  isDisablePortal: {
+    type: Boolean,
+    default: false
+  }
+};
+var modalEmits = {
+  "open": (value) => value,
+  "close": (value) => value
+};
+
+// src/modules/useModal.ts
+var import_vue = require("vue");
+var import_pixel3_utils2 = require("@mekari/pixel3-utils");
+var import_body_scroll_lock = require("body-scroll-lock");
+var import_animejs = __toESM(require("animejs"));
+var import_pixel3_utils3 = require("@mekari/pixel3-utils");
+function useModal(props, emit) {
+  const isModalOpen = (0, import_vue.ref)(props.isOpen);
+  const modalEl = (0, import_vue.ref)();
+  const getId = (0, import_vue.computed)(() => props.id || (0, import_pixel3_utils2.useId)(4));
+  function onOpen() {
+    isModalOpen.value = true;
+    if (props.isBlockScrollOnMount) {
+      (0, import_vue.nextTick)(() => {
+        (0, import_body_scroll_lock.disableBodyScroll)(modalEl.value);
+      });
+    }
+    emit("open", true);
+  }
+  __name(onOpen, "onOpen");
+  function onClose() {
+    if (props.isBlockScrollOnMount) {
+      (0, import_body_scroll_lock.enableBodyScroll)(modalEl.value);
+    }
+    emit("close", true);
+  }
+  __name(onClose, "onClose");
+  return {
+    isModalOpen,
+    modalEl,
+    getId,
+    onOpen,
+    onClose
+  };
+}
+__name(useModal, "useModal");
+
+// src/modal.tsx
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var MpModal = (0, import_vue3.defineComponent)({
+  name: "MpModal",
+  props: modalProps,
+  inheritAttrs: false,
+  emits: modalEmits,
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const {
+      modalEl,
+      getId,
+      onClose,
+      onOpen,
+      isModalOpen
+    } = useModal(props, emit);
+    ModalProvider({
+      props: (0, import_vue3.toRefs)(props),
+      modalEl,
+      getId,
+      onClose,
+      onOpen,
+      isModalOpen
+    });
+    (0, import_vue3.watch)(() => props.isOpen, () => {
+      if (props.isOpen) {
+        onOpen();
+        return;
+      }
+    }, {
+      immediate: true
+    });
+    return () => {
+      const {
+        root,
+        rootChild
+      } = (0, import_recipes.modalSlotRecipe)({
+        full: props.size === "full" ? true : false
+      });
+      const modalNode = (0, import_vue2.withDirectives)((0, import_vue2.createVNode)("div", (0, import_vue2.mergeProps)({
+        "ref": modalEl,
+        "data-pixel-component": "MpModal",
+        "class": root,
+        "id": `modal-${getId.value}`
+      }, attrs), [(0, import_vue2.createVNode)("div", {
+        "class": rootChild
+      }, [(0, import_vue2.createTextVNode)(" "), slots.default && slots.default(), (0, import_vue2.createTextVNode)(" ")])]), [[import_vue2.vShow, isModalOpen.value]]);
+      const renderModalNode = !props.isDisablePortal ? (0, import_vue2.createVNode)(import_vue3.Teleport, {
+        "to": "body"
+      }, {
+        default: () => [(0, import_vue2.createTextVNode)(" "), modalNode, (0, import_vue2.createTextVNode)(" ")]
+      }) : modalNode;
+      const conditionalRenderNode = isModalOpen.value ? renderModalNode : null;
+      return (0, import_vue2.createVNode)(import_vue2.Fragment, null, [props.isKeepAlive ? renderModalNode : conditionalRenderNode]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpModal
+});

package/dist/modal.mjs

@@ -0,0 +1,10 @@
+import {
+  MpModal
+} from "./chunk-7LGGLG42.mjs";
+import "./chunk-2WYPEVZV.mjs";
+import "./chunk-MO6AFEOO.mjs";
+import "./chunk-DKUTSUEJ.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpModal
+};

package/dist/modules/modal.context.d.mts

@@ -0,0 +1,11 @@
+import { ToRefs } from 'vue';
+import { UseModal } from './useModal.mjs';
+import { ModalProps } from './modal.props.mjs';
+
+interface UseModalContext extends UseModal {
+    props: ToRefs<ModalProps>;
+}
+declare const ModalProvider: (opts: UseModalContext) => void;
+declare const useModalContext: (fallback?: UseModalContext | undefined) => UseModalContext;
+
+export { ModalProvider, useModalContext };

package/dist/modules/modal.context.d.ts

@@ -0,0 +1,11 @@
+import { ToRefs } from 'vue';
+import { UseModal } from './useModal.js';
+import { ModalProps } from './modal.props.js';
+
+interface UseModalContext extends UseModal {
+    props: ToRefs<ModalProps>;
+}
+declare const ModalProvider: (opts: UseModalContext) => void;
+declare const useModalContext: (fallback?: UseModalContext | undefined) => UseModalContext;
+
+export { ModalProvider, useModalContext };

package/dist/modules/modal.context.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/modal.context.ts
+var modal_context_exports = {};
+__export(modal_context_exports, {
+  ModalProvider: () => ModalProvider,
+  useModalContext: () => useModalContext
+});
+module.exports = __toCommonJS(modal_context_exports);
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var [ModalProvider, useModalContext] = (0, import_pixel3_utils.usePixelCreateContext)("ModalContext");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ModalProvider,
+  useModalContext
+});

package/dist/modules/modal.context.mjs

@@ -0,0 +1,9 @@
+import {
+  ModalProvider,
+  useModalContext
+} from "../chunk-DKUTSUEJ.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  ModalProvider,
+  useModalContext
+};

package/dist/modules/modal.props.d.mts

@@ -0,0 +1,64 @@
+import { PropType, ExtractPropTypes } from 'vue';
+
+type BaseSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+type ScrollBehavior = 'inside' | 'outside' | 'auto';
+type Placement = 'left' | 'right' | 'top' | 'bottom';
+declare const modalProps: {
+    id: {
+        type: PropType<string>;
+    };
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isCentered: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scrollBehavior: {
+        type: PropType<ScrollBehavior>;
+        default: string;
+    };
+    size: {
+        type: PropType<BaseSize>;
+        default: string;
+    };
+    isDisablePortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const modalContentProps: {
+    type: {
+        type: PropType<"modal" | "drawer">;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+};
+declare const modalEmits: {
+    open: (value: boolean) => boolean;
+    close: (value: boolean) => boolean;
+};
+type ModalProps = ExtractPropTypes<typeof modalProps>;
+type ModalContentProps = ExtractPropTypes<typeof modalContentProps>;
+
+export { BaseSize, ModalContentProps, ModalProps, Placement, ScrollBehavior, modalContentProps, modalEmits, modalProps };