@paperless/core 2.0.1-beta.53 → 2.0.1-beta.55

package/dist/esm/p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","sources":["src/components/deprecated/atoms/modal/body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/deprecated/atoms/modal/body/modal-body.component.tsx","src/components/deprecated/atoms/modal/container/modal-container.component.scss?tag=p-modal-container","src/components/deprecated/atoms/modal/container/modal-container.component.tsx","src/components/deprecated/atoms/modal/footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/deprecated/atoms/modal/footer/modal-footer.component.tsx","src/components/deprecated/atoms/modal/header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/deprecated/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,y6BAAy6B;;MCO17B,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAA8B,SAAS;AAEtD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;AAEnC;;AAEG;IACK,OAAO,GAAY,IAAI;IAE/B,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,OAAO,CAC1C,CAAA,EAAA,IAAI,CAAC,aAAa,IAAI,mBACvB,CAAA,CAAA,EACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAA,CAAE,EAAA,EAEnC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtCV,MAAM,0BAA0B,GAAG,giHAAgiH;;ACEnkH;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;AAClB,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,oBAAoB;CACxB;MAKY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAA8B,IAAI;AAE9C;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvC,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CACN,kBAAA,EAAA,IAAI,CAAC,OAAO,IAAI,SACjB,CAAA,CAAA,EAAI,SAAS,CAAE,CAAA,EAAA,EAEf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACxCV,MAAM,uBAAuB,GAAG,yuBAAyuB;;MCO5vB,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAG,CAAA,EAEtD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACdV,MAAM,uBAAuB,GAAG,43BAA43B;;MCO/4B,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EAEN,IAAI,CAAC,SAAS,KACd,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,IAAI,GACE,CACZ,CACK;;;;;;;"}
+{"version":3,"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4 overflow-y-scroll', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n\n\t&.opening {\n\t\t@apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small !important;\n\t}\n\n\t&.closing {\n\t\t@apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small !important;\n\t}\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small opening',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small closing',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n","/* :host { */\n/* @apply rounded-t-2xl bg-mystic; */\n/* @apply flex items-center justify-between; */\n/* @apply p-4 desktop-xs:p-6; */\n/**/\n/* @apply text-xl font-semibold text-storm-dark; */\n/* @apply desktop-xs:text-3xl desktop-xs:font-bold; */\n/* } */\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva(\n\t'inline-flex w-full flex-col relative bg-white rounded-t-2xl overflow-hidden'\n);\n\nconst content = cva(\n\t['flex justify-end', 'w-full p-4 pb-0 bg-off-white  -mb-1'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'h-12',\n\t\t\t\tlg: '',\n\t\t\t\txl: '',\n\t\t\t\t'2xl': '',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Size of the header\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content({ size: this.size })}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile-footer />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-modal-body_4.entry.js

@@ -1,15 +1,26 @@
-import { r as registerInstance, h, H as Host, c as createEvent } from './index-I9JY9uxk.js';
+import { r as registerInstance, h, c as createEvent } from './index-I9JY9uxk.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
+import './clsx-ChV9xqsO.js';
 
-const modalBodyComponentCss = ".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.p-0{padding:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem}:host(.variant-table-flush){padding:0!important}:host(.is-rounded-bottom){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded-bottom){border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}:host(.is-rounded-top){border-top-left-radius:.5rem;border-top-right-radius:.5rem}@media (min-width:64rem){:host(.is-rounded-top){border-top-left-radius:1rem;border-top-right-radius:1rem}}:host(.no-padding){padding:0}.static{position:static!important}.rounded{border-radius:.25rem!important}";
+const modalBodyComponentCss = "*{box-sizing:border-box}.static{position:static!important}.overflow-y-scroll{overflow-y:scroll!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}}";
 
+const body = cva('bg-white p-4 overflow-y-scroll', {
+    variants: {
+        roundedBottom: {
+            true: 'rounded-b-none desktop-xs:rounded-b-2xl',
+            false: null,
+        },
+        roundedTop: {
+            true: 'rounded-t-lg desktop-xs:rounded-t-2xl',
+            false: null,
+        },
+    },
+});
 const ModalBody = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
     /**
      * Wether the modal body should be rounded at the bottom
      */
@@ -18,30 +29,37 @@ const ModalBody = class {
      * Wether the modal body should be rounded at the top
      */
     roundedTop = false;
-    /**
-     * Wether the body should have padding
-     */
-    padding = true;
     render() {
-        return (h(Host, { key: '7a4301fb73fc5e1797d24487868a3a8ceb47b1d6', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, h("slot", { key: '7c4924ba0bdaf66fdf86427928ffd19a69c9306c' })));
+        return (h("div", { key: 'b919ad927432ccfb9c77b6f4f25ee5f6dab3385a', class: body({
+                roundedBottom: this.roundedBottom,
+                roundedTop: this.roundedTop,
+            }) }, h("slot", { key: '6dbc9c3125e90650223261c0f17ea2bcf0ea32ee' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
 
-const modalContainerComponentCss = ".z-modal{z-index:600!important}.flex{display:flex!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}.slide-in-from-bottom{--tw-enter-translate-y:100%!important}.slide-out-to-bottom{--tw-exit-translate-y:100%!important}*{box-sizing:border-box}p-modal-container{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;--tw-enter-translate-y:100%!important;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation-duration:.15s!important;animation-name:enter!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:calc(100dvh - 4rem);width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{--tw-enter-translate-y:4rem!important;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;margin:auto;max-height:none}}p-modal-container.closing{--tw-exit-translate-y:100%!important}@media (min-width:64rem){p-modal-container.closing{--tw-exit-translate-y:4rem!important}.desktop-xs\\:slide-in-from-bottom-16{--tw-enter-translate-y:4rem!important}.desktop-xs\\:slide-out-to-bottom-16{--tw-exit-translate-y:4rem!important}}.static{position:static!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
+const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%;&.opening{animation:slideInBottom .5s ease forwards!important}@media (min-width:64rem){&.opening{animation:slideInBottomSmall .5s ease forwards!important}}&.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){&.closing{animation:slideOutBottomSmall .5s ease forwards!important}}}@media (min-width:64rem){:host{margin:auto}}@media (min-width:64rem){.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}.z-modal{z-index:600!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[35rem\\]{max-width:35rem!important}.tablet\\:max-w-\\[40rem\\]{max-width:40rem!important}.tablet\\:max-w-\\[45rem\\]{max-width:45rem!important}.tablet\\:max-w-\\[65rem\\]{max-width:65rem!important}}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
 
-// $modal-xs: 20rem;
-// $modal-sm: 33.5rem;
-// $modal-md: 38rem;
-// $modal-lg: 47.5rem;
-// $modal-xl: 57.5rem;
-const modalSizes = {
-    xs: 'tablet:w-80',
-    sm: 'tablet:w-[33.5rem]',
-    md: 'tablet:w-[38rem]',
-    lg: 'tablet:w-[47.5rem]',
-    xl: 'tablet:w-[57.5rem]',
-};
+const container = cva([
+    'flex-1 min-w-0 w-full',
+    'z-modal flex flex-col',
+    'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',
+    'max-h-[calc(100dvh-4rem)]',
+    'shadow-modal',
+], {
+    variants: {
+        size: {
+            base: 'tablet:max-w-[35rem]',
+            lg: 'tablet:max-w-[40rem]',
+            xl: 'tablet:max-w-[45rem]',
+            '2xl': 'tablet:max-w-[65rem]',
+        },
+        closing: {
+            false: 'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small opening',
+            true: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small closing',
+        },
+    },
+});
 const ModalContainer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -49,37 +67,59 @@ const ModalContainer = class {
     /**
      * The size of the modal container
      */
-    size = 'md';
+    size = 'base';
     /**
      * Wether the container is closing
      */
     closing = false;
     render() {
-        const sizeClass = modalSizes[this.size];
-        return (h(Host, { key: '70b5847d0bd4b12aa443ff0ac26dfb94239aa7c0', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, h("slot", { key: '6e57ca3998d34204caefa3b74fe2206c58a41925' })));
+        return (h("div", { key: '267d424bc9f365fa5887ed15f7fc92ce55d3d46d', class: container({
+                size: this.size,
+                closing: asBoolean(this.closing),
+            }) }, h("slot", { key: 'ee1aedf34b4d04394778fbec1eb7184189fddd07' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
 
-const modalFooterComponentCss = ".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
+const modalFooterComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
 
 const ModalFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '0e06d01cf59b27ae773cd51a65fd9af244dfba0c', class: "p-modal-footer" }, h("p-divider", { key: '435542399f6bf7e8a9c13d5270b00e81c93b882f', class: "mb-6 mt-0 hidden desktop-xs:flex" }), h("slot", { key: 'b7aea6eb887c1eb6b24268fcb54984d85b59889b' })));
+        return (h("div", { key: 'ace18a75652b870bd7bef7e929c2a8c7e6e1b3dc', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: '3a71bdc738d5ff7aa975c4d51a19071ee33c1ad5', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'c60cd78982573439cb8cafe14fdc343957d7dfe0', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'bc90d117ae82393da5346481decee6b9307c5f2d' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
 
-const modalHeaderComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));border-top-left-radius:1rem;border-top-right-radius:1rem;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:2rem;font-weight:700;line-height:2.5rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:2rem!important;line-height:2.5rem!important}}.static{position:static!important}";
+const modalHeaderComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:2rem!important;line-height:2.5rem!important}}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.-mb-1{margin-bottom:-.25rem!important}.inline-flex{display:inline-flex!important}.h-12{height:3rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.flex-col{flex-direction:column!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.bg-off-white{background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.bg-off-white,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";
 
+const header = cva('inline-flex w-full flex-col relative bg-white rounded-t-2xl overflow-hidden');
+const content = cva(['flex justify-end', 'w-full p-4 pb-0 bg-off-white  -mb-1'], {
+    variants: {
+        size: {
+            base: 'h-12',
+            lg: '',
+            xl: '',
+            '2xl': '',
+        },
+    },
+});
+const title = cva([
+    'flex-1 text-center',
+    'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
+    'black-teal-500 text-2xl text-ambit font-bold',
+]);
 const ModalHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.close = createEvent(this, "close", 3);
     }
+    /**
+     * Size of the header
+     */
+    size = 'base';
     /**
      * Wether to show the close button on mobile
      */
@@ -89,7 +129,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(Host, { key: '2fe0012198430583e060f784c5d07606b9e19b94', class: 'p-modal-header' }, h("span", { key: '975691cdebc9846fe72c796a13217a276403fd22' }, h("slot", { key: 'e8fa4f6d4d10482f892edd6161f76dfd593dd802' })), this.showClose && (h("p-button", { key: '349a8a86a713028c3e73b93a1048a02785a8ca3e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
+        return (h("div", { key: '30f0b347adaabbe1d0368c44f9e99ba28ba490f5', class: header() }, h("div", { key: 'f95496775cdc43b4a2e660a63abba497e6215469', class: content({ size: this.size }) }, h("div", { key: '54042cb8c2f0e9380debb23d161adb74c40af84b', class: title() }, h("slot", { key: '2a425351844b751b324b0fbfd25154fb82baa3e0' })), this.showClose && (h("p-button", { key: 'b61a673aeddb37f9cefd5f64802f11ee79038ddd', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile-footer", { key: '33b02706d4ae226ec537d6eee00369f744998ece' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/esm/p-modal-body_4.entry.js.map

@@ -1 +1 @@
-{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,y6BAAy6B;;MCO17B,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAA8B,SAAS;AAEtD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;IACK,UAAU,GAAY,KAAK;AAEnC;;AAEG;IACK,OAAO,GAAY,IAAI;IAE/B,MAAM,GAAA;QACL,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,OAAO,CAC1C,CAAA,EAAA,IAAI,CAAC,aAAa,IAAI,mBACvB,CAAA,CAAA,EACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,CAAA,CAAE,EAAA,EAEnC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtCV,MAAM,0BAA0B,GAAG,giHAAgiH;;ACEnkH;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,GAAG;AAClB,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,EAAE,EAAE,oBAAoB;AACxB,IAAA,EAAE,EAAE,oBAAoB;CACxB;MAKY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,IAAI,GAA8B,IAAI;AAE9C;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;QACL,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvC,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CACN,kBAAA,EAAA,IAAI,CAAC,OAAO,IAAI,SACjB,CAAA,CAAA,EAAI,SAAS,CAAE,CAAA,EAAA,EAEf,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACxCV,MAAM,uBAAuB,GAAG,yuBAAyuB;;MCO5vB,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAG,CAAA,EAEtD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACdV,MAAM,uBAAuB,GAAG,43BAA43B;;MCO/4B,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EAEN,IAAI,CAAC,SAAS,KACd,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,IAAI,GACE,CACZ,CACK;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/modal/body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/deprecated/atoms/modal/body/modal-body.component.tsx","src/components/deprecated/atoms/modal/container/modal-container.component.scss?tag=p-modal-container","src/components/deprecated/atoms/modal/container/modal-container.component.tsx","src/components/deprecated/atoms/modal/footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/deprecated/atoms/modal/footer/modal-footer.component.tsx","src/components/deprecated/atoms/modal/header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/deprecated/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":[":host {\n\t@apply bg-white;\n\t@apply px-6 py-6;\n}\n\n:host(.variant-table-flush) {\n\t@apply p-0 #{!important};\n}\n\n:host(.is-rounded-bottom) {\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n\n:host(.is-rounded-top) {\n\t@apply rounded-t-lg desktop-xs:rounded-t-2xl;\n}\n\n:host(.no-padding) {\n\t@apply p-0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-modal-container {\n\t@apply z-modal flex w-full flex-col tablet:w-auto;\n\t@apply rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl;\n\n\t@apply desktop-xs:m-auto;\n\t@apply max-h-[calc(100dvh-4rem)] desktop-xs:max-h-none;\n\n\t@apply animate-in slide-in-from-bottom desktop-xs:slide-in-from-bottom-16 #{!important};\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-bottom desktop-xs:slide-out-to-bottom-16 #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n\txs: 'tablet:w-80',\n\tsm: 'tablet:w-[33.5rem]',\n\tmd: 'tablet:w-[38rem]',\n\tlg: 'tablet:w-[47.5rem]',\n\txl: 'tablet:w-[57.5rem]',\n};\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\tconst sizeClass = modalSizes[this.size];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-container ${\n\t\t\t\t\tthis.closing && 'closing'\n\t\t\t\t} ${sizeClass}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply flex flex-col;\n\t@apply px-6 pb-6;\n\t@apply rounded-b-none desktop-xs:rounded-b-2xl;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.scss',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-modal-footer\">\n\t\t\t\t<p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply rounded-t-2xl bg-mystic;\n\t@apply flex items-center justify-between;\n\t@apply p-4 desktop-xs:p-6;\n\n\t@apply text-xl font-semibold text-storm-dark;\n\t@apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-modal-header'>\n\t\t\t\t<span>\n\t\t\t\t\t<slot />\n\t\t\t\t</span>\n\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-modal-body.p-modal-container.p-modal-footer.p-modal-header.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/modal/body/modal-body.component.css?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal/body/modal-body.component.tsx","src/components/atoms/modal/container/modal-container.component.css?tag=p-modal-container&encapsulation=shadow","src/components/atoms/modal/container/modal-container.component.tsx","src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx","src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst body = cva('bg-white p-4 overflow-y-scroll', {\n\tvariants: {\n\t\troundedBottom: {\n\t\t\ttrue: 'rounded-b-none desktop-xs:rounded-b-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t\troundedTop: {\n\t\t\ttrue: 'rounded-t-lg desktop-xs:rounded-t-2xl',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.css',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={body({\n\t\t\t\t\troundedBottom: this.roundedBottom,\n\t\t\t\t\troundedTop: this.roundedTop,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex w-full justify-center desktop-xs:m-auto;\n\n\t&.opening {\n\t\t@apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small !important;\n\t}\n\n\t&.closing {\n\t\t@apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small !important;\n\t}\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0 w-full',\n\n\t\t'z-modal flex flex-col',\n\t\t'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',\n\n\t\t'max-h-[calc(100dvh-4rem)]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'tablet:max-w-[35rem]',\n\t\t\t\tlg: 'tablet:max-w-[40rem]',\n\t\t\t\txl: 'tablet:max-w-[45rem]',\n\t\t\t\t'2xl': 'tablet:max-w-[65rem]',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small opening',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small closing',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-modal-container',\n\tstyleUrl: 'modal-container.component.css',\n\tshadow: true,\n})\nexport class ModalContainer {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n","/* :host { */\n/* @apply rounded-t-2xl bg-mystic; */\n/* @apply flex items-center justify-between; */\n/* @apply p-4 desktop-xs:p-6; */\n/**/\n/* @apply text-xl font-semibold text-storm-dark; */\n/* @apply desktop-xs:text-3xl desktop-xs:font-bold; */\n/* } */\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva(\n\t'inline-flex w-full flex-col relative bg-white rounded-t-2xl overflow-hidden'\n);\n\nconst content = cva(\n\t['flex justify-end', 'w-full p-4 pb-0 bg-off-white  -mb-1'],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tbase: 'h-12',\n\t\t\t\tlg: '',\n\t\t\t\txl: '',\n\t\t\t\t'2xl': '',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Size of the header\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content({ size: this.size })}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile-footer />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-I9JY9uxk.js';
+import { r as registerInstance, c as createEvent, g as getElement, h } from './index-I9JY9uxk.js';
 
 const Modal = class {
     constructor(hostRef) {
@@ -9,11 +9,7 @@ const Modal = class {
     /**
      * The size of the modal container
      */
-    size = 'md';
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
+    size = 'base';
     /**
      * The Header of the modal
      */
@@ -42,10 +38,6 @@ const Modal = class {
      * Wether we should scroll lock the body
      */
     scrollLock = true;
-    /**
-     * Wether the body should have padding
-     */
-    padding = true;
     /**
      * Close click event
      */
@@ -66,19 +58,33 @@ const Modal = class {
         if (!this.show) {
             return;
         }
-        const headerContent = h("slot", { name: "header" });
-        const bodyContent = h("slot", { name: "content" });
-        const footerContent = h("slot", { name: "footer" });
-        return (h(Host, { class: "p-modal" }, h("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close('button', ev.detail) }, this._hasHeaderSlot
-            ? headerContent
-            : this.header)), h("p-modal-body", { variant: this.variant, roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length, padding: this.padding }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+        const headerContent = h("slot", { name: 'header' });
+        const bodyContent = h("slot", { name: 'content' });
+        const footerContent = h("slot", { name: 'footer' });
+        return (h("p-backdrop", { applyBlur: this.applyBlur, onClicked: ev => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (h("p-modal-header", { size: this.size, showClose: this.showClose, onClose: ev => this.close('button', ev.detail) }, this._hasHeaderSlot ? headerContent : this.header)), h("p-modal-body", { roundedBottom: !this._hasFooterSlot, roundedTop: !this._hasHeaderSlot && !this.header?.length }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent)))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findModal(ev.target);
+        if (modal) {
+            return;
+        }
         this.close('backdrop', ev);
     }
+    _findModal(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-modal-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-backdrop') {
+            return null;
+        }
+        return this._findModal(el?.parentElement);
+    }
     close(reason, ev) {
         this.closeClicked.emit(ev);
         this._closing = true;

package/dist/esm/p-modal.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-modal.entry.js","sources":["src/components/deprecated/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close('button', ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"names":[],"mappings":";;MAgBa,KAAK,GAAA,MAAA;;;;;;AACjB;;AAEG;IACK,IAAI,GAA8B,IAAI;AAE9C;;AAEG;IACK,OAAO,GAA8B,SAAS;AAEtD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;IACK,gBAAgB,GAAG,KAAK;AAEhC;;AAEG;IACK,kBAAkB,GAAG,IAAI;AAEjC;;AAEG;IACK,UAAU,GAAY,IAAI;AAElC;;AAEG;IACK,OAAO,GAAY,IAAI;AAE/B;;AAEG;AAIH,IAAA,YAAY;AAEZ;;AAEG;AAIH,IAAA,MAAM;;IAOE,cAAc,GAAG,KAAK;IACtB,cAAc,GAAG,KAAK;IAEb,QAAQ,GAAG,KAAK;IAEjC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B;AACD,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B;;IAGF,MAAM,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf;;AAGD,QAAA,MAAM,aAAa,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG;AAC5C,QAAA,MAAM,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG;AAC3C,QAAA,MAAM,aAAa,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,GAAG;QAE5C,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,SAAS,EAAA,EACpB,CAAA,CAAA,YAAA,EAAA,EACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,EAE3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxD,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,MAC3C,CAAA,CAAA,gBAAA,EAAA,EACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,EAE/C,EAAA,IAAI,CAAC;AACL,cAAE;AACF,cAAE,IAAI,CAAC,MAAM,CACE,CACjB,EACD,CAAA,CAAA,cAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,CAAC,IAAI,CAAC,cAAc,EACnC,UAAU,EAAE,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EACxD,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAEpB,WAAW,CACE,EACd,IAAI,CAAC,cAAc,KACnB,CAAiB,CAAA,gBAAA,EAAA,IAAA,EAAA,aAAa,CAAkB,CAChD,CACkB,CACR,CACP;;AAID,IAAA,cAAc,CAAC,EAAc,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC7B;;AAGD,QAAA,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;;IAGpB,KAAK,CAAC,MAAc,EAAE,EAAe,EAAA;AAC3C,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;AAE1B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QAEpB,UAAU,CAAC,MAAK;AACf,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AAErB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACxB,EAAE,GAAG,CAAC;;IAIR,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;"}
+{"version":3,"file":"p-modal.entry.js","sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'base' | 'lg' | 'xl' | '2xl' = 'base';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(':scope > [slot=\"footer\"]');\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name='header' />;\n\t\tconst bodyContent = <slot name='content' />;\n\t\tconst footerContent = <slot name='footer' />;\n\n\t\treturn (\n\t\t\t<p-backdrop\n\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\tonClicked={ev => this._backdropClick(ev.detail)}\n\t\t\t\tclosing={this._closing}\n\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t>\n\t\t\t\t<p-modal-container\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t>\n\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\tonClose={ev => this.close('button', ev.detail)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this._hasHeaderSlot ? headerContent : this.header}\n\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t)}\n\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t>\n\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t)}\n\t\t\t\t</p-modal-container>\n\t\t\t</p-backdrop>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst modal = this._findModal(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tprivate _findModal(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-modal-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-backdrop') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findModal(el?.parentElement);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-navbar.entry.js

@@ -49,7 +49,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(Host, { key: 'de0a7273112c8004394fac871dc11b42594f870d', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'bb0e286f77ccacd71c622e4bca44b7721a34f758', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'ad5ca2284cee827aadd6b7400ed5b729fcf109be', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '2b009d0dd527eb8098923ff5b5889690a1b61930', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b77861d630264442541a75faa38a6ca7d7b950f6', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'f3770d1dc21c967586f38889bce7b87a1be7a855', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'e7549b21687c361ec945141fc6fb7a62d8a35152', name: 'company' })), h("div", { key: 'daddb745aaf8b21bcd2f68e801b670a13f430095', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '1c2acaafe3e244808cb3fa52b324ccd8ac9c92fc', name: 'content' })), h("div", { key: '2107d8099967f9725e9d95666bd1ca0b97089aa4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '02f87d20e0c76d4c36ccc99277f314fab5dcdf95', name: 'user' }))), h("div", { key: '339c6b81be30fafc499efb89067dc64c2568ca21', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3421d7353ffa03fdd53b1a7686bbe468d9721687', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a508317c8683c53258a572fd87a4de4986f9f24d', name: 'topbar' }))));
+        return (h(Host, { key: '1089baa509795310aa9e9c4b4c1a54624a7ef31c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '2c415cc864f3d338b987b41429f98b090ddf53b7', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '55761ceaea587deb639a7a00a21ce4b1de8d1077', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '73550d0731b0cd8f16176031bec6b22b222cf6d3', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '40296bbaf4062f58668be3a9678eeee72e384bdc', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '7e9e3ccc2e67346753f5857627f14177927190f1', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '93eee53bb316df4b4e1979ca2305538b93f9dad7', name: 'company' })), h("div", { key: '101a6607ac9fa0404c478132db8d6dc187941d0e', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '40f3116758e9dcb1b9cd95a3ea0abfe63f556df5', name: 'content' })), h("div", { key: '9eda09f5fe5723f3e4a2275dbc12e93e1f017a21', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '2f56fa2058cd4769f1bd494d688ac4005bc91ff4', name: 'user' }))), h("div", { key: 'bdc8cd868d4a1c144d3808d7b9387a50d630deb3', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '78d95e0d63fd0f1e7831d4fbbaa2638129473f90', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'd234f98d3764d1c23e75bd50b4a44152c8f8a401', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navigation-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
 import { c as cva } from './index-CO0T2jO4.js';
-import { c as cn } from './cn-CsNqHcjL.js';
+import { c as cn } from './cn-BniKgfyU.js';
 import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import './clsx-ChV9xqsO.js';
 
@@ -73,10 +73,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: '79994e86292f09cfc75ff2f3975030ee9e9dce06', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'bed91b063af5892b731a872fbb0949b539f4591c', class: navigationItem({
+        return (h(Host, { key: 'a87f509578f0ce6740dd69fc69e0fa04ed0ee2b2', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '4609e8924e72646b9802e869c50c80e47a78ac30', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '207d64b0404e1bbd61c01ebbe48011e3c5bb4f92', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'babf7766bd3e6c4abe920e080c36d2bf940ea480', variant: this.icon })), h("span", { key: '64bcff00187439b6d894682f3b3b77d4f34e5865', class: this.counter && 'has-counter' }, h("slot", { key: '7810eb410817292b67cb540bc406aca91c07c5b3' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'b1da55a598b0e7ee9af2d8f8b5814af7ee7fc1a9' }, this.counter)), !!this.loading && h("p-loader", { key: '0617f2cbd8a40642ec4fd992ca0daed95c44d0bf', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '468f0196ea467f1dd47b3afc56abff04b76036da', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'a868bd9dda5e0b2f45a5519a0b91b00c7fb69411', variant: this.icon })), h("span", { key: '6de006baa0a070f31f1c3dae2a12c13a45161df3', class: this.counter && 'has-counter' }, h("slot", { key: 'cb79f483fe8571267edc88b0d5ba3714b058ab69' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '7984ff9391669ab92375d11756dc320a099ac412' }, this.counter)), !!this.loading && h("p-loader", { key: '7f9b7682218b062de8cafd6999c3d4739cdebd28', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

package/dist/esm/p-navigation-section.entry.js

@@ -11,7 +11,7 @@ const NavigationSection = class {
      */
     header;
     render() {
-        return (h(Host, { key: 'f4f2bcc2770ff5c35006c726fa8eaa766c0576c1', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '54a51bf17ffcc7ab14f254e22ab912d479ecf47e' }, this.header)), h("div", { key: '3f0d55eda9f0f0dcf6a5d12be309d9310a29d67d', class: 'flex flex-col' }, h("slot", { key: '47119d190320bf6e916ee65b53db59f0b7308e25' }))));
+        return (h(Host, { key: '656b8844f21a7487d1988f82ef95e6f7f8071b6f', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '13774787edcc7fb4056c2b6b8780827407535dd0' }, this.header)), h("div", { key: 'b9a92a246a30ce332c6a754136cfcd2ab3f74a9a', class: 'flex flex-col' }, h("slot", { key: '090c9b6453469778bce1291541f326edac343fe9' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss;

package/dist/esm/p-navigation-title.entry.js

@@ -7,7 +7,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'd7464c49abfeb84ac59e53f5ee93d42895aa0a73', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'e3c2d4f9b646328f5020b920185c13387ab95c35' })));
+        return (h(Host, { key: 'fc1f419cd81c04ad18fd482b822e765dc0b6230d', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1637274efa34db023290373d07c9a1e693b87ce0' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/esm/p-pagination.entry.js

@@ -64,12 +64,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: 'e4dafb4d00fe57e1f56d4e4c892b63cfb3562216', class: pagination({
+        return (h(Host, { key: 'd621942e09c5c48e4fa43a01ebff160a9e80b62b', class: pagination({
                 hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '44a1132a9402ce841e0ac111e52d2414e7d09d18' }, h("p-pagination-size", { key: '81088b332c027e799beedb92b609c825e28d0db0', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '93ee58473f0494ee0201af1ccff452de809fac9c' }, h("p-pagination-size", { key: '4655daf55b5a42d7e06486582c668ec61f52bd1d', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '7ba1c2fdfa070d230ec312c8aaa772177d4c6f51', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '229ec3acb75a7076bf7f67411ed23b5143a498fe', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this._hasPaginationPages && (h("p-divider", { key: '3ed490e233d902ad86f4d718beee5f64c826dbb5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '3307cb66009c30099b6fa236aec627600196229f', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {

package/dist/esm/p-portal.entry.js

@@ -16,7 +16,7 @@ const Portal = class {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (h(Host, { key: '4dc8c030ff629d3b44072c6abd4767cc8cbe33af' }, h("slot", { key: 'adc1b43bc7454423ed39af107d87a5fda7501a11' })));
+        return (h(Host, { key: 'd1932f08bcd675a36f4ab38f80b0600b3be37837' }, h("slot", { key: '6c6d36bb258590934c5b7a7f6498f5a7a548f6ff' })));
     }
 };
 

package/dist/esm/p-profile.entry.js

@@ -31,7 +31,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '924a53724123db1114424a326b281ae4ac1450f1', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '3429f2c599ed9a16edcb44bffb7bf937dcdfe028', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/esm/p-radio.entry.js

@@ -84,11 +84,11 @@ const Radio = class {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '8e608ec2fb314e40a66b72ddbae8eff93b6fc36a', class: 'p-radio' }, h("label", { key: '5e1ea70d0a70918aaf6a812f388efea422d329c2', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '9e9654e0252ac94c0827d22192f29706bd8b1e9e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '86fe67a11b8ca0b2f6ef1e264fa3a5ef6851b588', class: radio({
+        return (h(Host, { key: '6638ffb8a344e1f1d8fd8151325f1a7b03cfcda3', class: 'p-radio' }, h("label", { key: '9558d0c136974b26e1c09fdafa909c36dc2699a2', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '8f1b876a7a9290467ea00876d167f131eb2a00bc', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '7a1855289d2060d8bc379d922234adde088a0dc6', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '12b7898a144dca6adfe4d3679eaa91de92dd416d', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '07cdb6d6ae5eedfbae3c1b959fd2ea91812cd365', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: '31cea45bfaa8cba4b3d8bda8d17ac437b8aaab53' }))));
+            }) })), h("slot", { key: '7033aa1f87f896e0e80f85b1043d518290b3fb86' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/esm/p-select.entry.js

@@ -281,7 +281,7 @@ const Select = class {
         }
     }
     render() {
-        return (h(Host, { key: '09f49a3f2f56a185d2cf3bc5fe291863dac662c8', class: 'p-select' }, h("p-dropdown", { key: 'd2c5b649fba5a2f2aac49758dbb6e46bb6cfa69b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '2eef2b44ddbfe59e8bb24041f4db5df368c36eb9', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'f9380f93e8c93a21159b7613562919c4ac7c114b', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'fba077b335c6625cad40e437f67bbe6cb5df839f', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: 'ff43aa586a6ea21661882466be86ae01d7ee30ae', class: 'p-select' }, h("p-dropdown", { key: '37f3195b9c4b1ad3a13a3037bc3360eb13756ed0', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: 'ecec7c0a970b95a289f0429db859b0e83a336b3d', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '7d9211431dfd440efae432a234488fb8d135324a', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '4ca1f6b776d3461cd1edfe3da7d97b6404690cc8', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/esm/p-slider-indicator.entry.js

@@ -11,7 +11,7 @@ const SliderIndicator = class {
      */
     active = false;
     render() {
-        return (h(Host, { key: '713dcd78b015cee1243dfd2e4e9f394605515974', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: 'eb181ba58becb6dbe087245f06463959d5ccc4db', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
 };
 SliderIndicator.style = sliderIndicatorComponentCss;

package/dist/esm/p-smile-footer.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
+
+const smileFooterComponentCss = "*{box-sizing:border-box}.static{position:static!important}.aspect-\\[15\\/1\\]{aspect-ratio:15/1!important}.w-full{width:100%!important}.bg-off-white-500{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}";
+
+const SmileFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: 'b431aeca4715fab3ced80de580616122e3a9fab0', class: "content-[' '] rounded-[50% 50% 0 0/100% 100% 0 0] aspect-[15/1] w-full bg-off-white-500", style: { 'border-radius': '0 0 50% 50%/0 0 100% 100%' } }));
+    }
+};
+SmileFooter.style = smileFooterComponentCss;
+
+export { SmileFooter as p_smile_footer };
+//# sourceMappingURL=p-smile-footer.entry.js.map
+
+//# sourceMappingURL=p-smile-footer.entry.js.map

package/dist/esm/p-smile-footer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-smile-footer.entry.js","sources":["src/components/atoms/smile-footer/smile-footer.component.css?tag=p-smile-footer","src/components/atoms/smile-footer/smile-footer.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-smile-footer',\n\tstyleUrl: 'smile-footer.component.css',\n})\nexport class SmileFooter {\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass=\"content-[' '] rounded-[50% 50% 0 0/100% 100% 0 0] aspect-[15/1] w-full bg-off-white-500\"\n\t\t\t\tstyle={{ 'border-radius': '0 0 50% 50%/0 0 100% 100%' }}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,2PAA2P;;MCM9Q,WAAW,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EACJ,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yFAAyF,EAC/F,KAAK,EAAE,EAAE,eAAe,EAAE,2BAA2B,EAAE,EAAA,CAChD;;;;;;;"}