@paperless/core 2.0.1-beta.57 → 2.0.1-beta.59

package/dist/esm/p-card-header.entry.js

@@ -1,31 +1,56 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-I9JY9uxk.js';
+import { r as registerInstance, h } from './index-I9JY9uxk.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import './clsx-ChV9xqsO.js';
 
-const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity,1))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity,1));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity,1));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity,1))}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}";
+const cardHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.empty\\:hidden:empty{display:none!important}";
 
+const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl overflow-hidden relative', {
+    variants: {
+        variant: {
+            default: 'px-4',
+            curve: 'aspect-[5/1]',
+        },
+    },
+});
+const content = cva('flex items-center gap-2', {
+    variants: {
+        variant: {
+            default: 'py-3',
+            curve: 'px-4 pt-3',
+        },
+    },
+});
+const title = cva('h-8 flex items-center font-bold text-sm');
 const CardHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
+    /**
+     * The variant of the card header
+     */
+    variant = 'default';
     /**
      * Content of the card header
      */
     header;
     /**
-     * Enable the title arrow
+     * Icon to show on the button
      */
-    arrow = false;
-    get _el() { return getElement(this); }
-    _hasContentSlot = false;
-    _hasContentSuffixSlot = false;
-    componentWillLoad() {
-        this._hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        this._hasContentSuffixSlot = !!this._el.querySelector(':scope > [slot="content-suffix"]');
-    }
+    icon;
+    /**
+     * Icon flip
+     */
+    iconFlip;
+    /**
+     * Icon rotate
+     */
+    iconRotate;
     render() {
-        return (h(Host, { key: 'c52a92268a7e2f5bd23cb74e12e98b589f448781', class: 'p-card-header' }, h("slot", { key: 'cf6ee1b5cf8c99f7f9b6038053797bb96ecc9e32', name: 'prefix' }), (this.header?.length ||
-            this._hasContentSlot ||
-            this._hasContentSuffixSlot ||
-            this.arrow) && (h("div", { key: '39b3b2e171735c53000fbf7293c19861ca78b44e', class: 'content' }, h("span", { key: '0fabee63c593e2b1199c374a5d3a9f1d4475f7b9' }, this.header?.length ? this.header : h("slot", { name: 'content' })), h("slot", { key: 'dbdc60106db47046e3ad4a54d958138c8865fc7e', name: 'content-suffix' }), this.arrow && (h("p-icon", { key: 'ae04255acde0428c1e53c1ce107319fd5e4ca4f1', variant: 'arrow', class: 'group-hover:text-indigo' })))), h("slot", { key: 'c34b3b55fcdfb19a3212e0506f1f89e33100cbbc', name: 'suffix' })));
+        return (h("div", { key: '6378b016cd5dc26146638c4eae348b1ed8f5fce6', class: header({
+                variant: this.variant,
+            }) }, h("div", { key: 'b9b14f7de0f83e331ee2850559f274682d9f4db4', class: content({
+                variant: this.variant,
+            }) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: '5cdc183c798abab177305ef88e9ed7ff04740d64', class: title() }, h("span", { key: 'c96e5d70c6a96bf82feaedfb0540cbd433d15ec1' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '8de7948c875639fc2331c610fcf6c11103908647', name: 'content-suffix' })), h("div", { key: '58d8681aac18b416462e266336bb3e2d33de6436', class: 'ml-auto empty:hidden' }, h("slot", { key: '5fa851c3ec83e9fb74115183b6f83282d0702451', name: 'suffix' }))), this.variant === 'default' ? (h("p-divider", null)) : (h("p-smile", { variant: 'card' }))));
     }
 };
 CardHeader.style = cardHeaderComponentCss;

package/dist/esm/p-card-header.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-card-header.entry.js","sources":["src/components/deprecated/atoms/card/header/card-header.component.scss?tag=p-card-header","src/components/deprecated/atoms/card/header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex items-center gap-3;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.content {\n\t\t@apply order-2;\n\t\t@apply flex flex-1 items-center gap-2 overflow-hidden text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\tprivate _hasContentSuffixSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\tthis._hasContentSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content-suffix\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length ||\n\t\t\t\t\tthis._hasContentSlot ||\n\t\t\t\t\tthis._hasContentSuffixSlot ||\n\t\t\t\t\tthis.arrow) && (\n\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,2iDAA2iD;;MCM7jD,UAAU,GAAA,MAAA;;;;AACtB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,KAAK,GAAY,KAAK;;IAOtB,eAAe,GAAG,KAAK;IACvB,qBAAqB,GAAG,KAAK;IAErC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AAED,QAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CACpD,kCAAkC,CAClC;;IAGF,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EAErB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM;AACpB,YAAA,IAAI,CAAC,eAAe;AACpB,YAAA,IAAI,CAAC,qBAAqB;YAC1B,IAAI,CAAC,KAAK,MACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAG,CAAA,EAE7B,IAAI,CAAC,KAAK,KACV,+DACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,EAC9B,CAAA,CACF,CACI,CACN,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;"}
+{"version":3,"file":"p-card-header.entry.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl overflow-hidden relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva('h-8 flex items-center font-bold text-sm');\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span>{this.header?.length ? this.header : <slot />}</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,k6BAAk6B;;ACSj8B,MAAM,MAAM,GAAG,GAAG,CACjB,iGAAiG,EACjG;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,cAAc;AACrB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AACF,MAAM,KAAK,GAAG,GAAG,CAAC,yCAAyC,CAAC;MAO/C,UAAU,GAAA,MAAA;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CAAQ,EAE3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,KAEb,eAAS,OAAO,EAAC,MAAM,EAAG,CAAA,CAC1B,CACI;;;;;;;"}

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

@@ -89,13 +89,13 @@ const Checkbox = class {
     indeterminateChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: 'd9573457ec4d42d1ff4c538031513b8e4554a850', class: 'p-checkbox' }, h("label", { key: '4f0f1243d89cc87ed848108fce70a33bb7cd5856', htmlFor: this.id ?? this._nonce, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6df67fb1f0fc97b7bd7d80bbbd7e8cc892460275', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c4e6e00a2840aabcc6c1d49ddc76bf9d688a42e5', class: checkbox({
+        return (h(Host, { key: '67d7d568e204e24280ec939c20b9df9940d32866', class: 'p-checkbox' }, h("label", { key: '1726a9fd3784633f385ab222399e0d9749d9a757', htmlFor: this.id ?? this._nonce, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '0dbf6abd950aa26e270ab2d7ca561636693d1cad', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '50d16cd9e048c16b4d0e65b92f757822f5902b1b', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '9ee2ebc27b636a474e63e44c3515ea0fef9a1887', class: iconContainer({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'f2277819802479082dcde7b097cc50dd63ef6b96', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: '24ca637e5aa34589876a5eb2708860e2352ef223', class: icon({
+            }) }, h("p-icon", { key: 'aa0fac6a58bc4ea1d8b58ccaf0bcdb68b75720b9', class: icon({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: '7ea90515e5a5a438e39a9036ff6827c446dfc631' }))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: '0157e7ac4d91ce25d30b3464a91b9473228d6320' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

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

@@ -28,7 +28,7 @@ const Divider = class {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h("div", { key: 'a9dbb1e137960e8c18d0e76b7a0bf5512f51a31d', class: content({ variant: this.variant }) }, h("div", { key: '160e331e3324c4c44f7fbc5173b408aa324b59a7', class: 'flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0' }, hasContent && h("slot", { key: 'eaa13d94955eae527c020ebfddefd340a7e5af2d' }))));
+        return (h("div", { key: '6842e9c1ed25dfedf512699ccefd6a6238f73069', class: content({ variant: this.variant }) }, h("div", { key: 'a88cbab05f70668e43dcf8dec50b35388ae00b64', class: 'flex items-center px-2 text-xs font-semibold uppercase text-black-teal-200 empty:px-0' }, hasContent && h("slot", { key: '51a6bdbba2d414ce0edf068761a29623e14ed6eb' }))));
     }
 };
 Divider.style = dividerComponentCss;

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

@@ -1 +1 @@
-{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-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' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\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<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\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 sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,k9DAAk9D;;MCYz+D,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,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,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-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' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\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<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\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 sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,unEAAunE;;MCY9oE,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,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,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

package/dist/esm/p-drawer-body_3.entry.js

@@ -16,7 +16,7 @@ const ModalBody = class {
 };
 ModalBody.style = drawerBodyComponentCss;
 
-const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!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}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--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:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));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;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!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}}";
+const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!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}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--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:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));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;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!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}}";
 
 const ModalContainer = class {
     constructor(hostRef) {

package/dist/esm/p-drawer-body_3.entry.js.map

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,k9DAAk9D;;MCYz+D,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,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,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-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' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\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<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\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 sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,unEAAunE;;MCY9oE,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,gqCAAgqC;;MCOprC,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,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":[],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-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' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\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<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\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 sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-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-drawer-header'>\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={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-dropdown-menu-container.entry.js

@@ -72,14 +72,14 @@ const DropdownMenuContainer = class {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h(Host, { key: 'dfb6388466c6837cd2a14e6d99f5e6ac8563715e', class: dropdownMenuContainer({
+        return (h(Host, { key: '0e445331c36d540c7940b47d6147d6db9816a874', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: 'b2e60a775b74c83b4c5645ace6b53bc2589d0b38', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: '85780cfca828d4f5e768d1dee91d5e0d45c4b419' }))));
+            }) }, h("div", { key: '3d53bacb58aaff1e821b55370ba356af07d5963a', class: 'flex w-full flex-col gap-[1px]' }, h("slot", { key: 'ab9b394b139acd57b525cf8be333710ca3de63a8' }))));
     }
 };
 DropdownMenuContainer.style = dropdownMenuContainerComponentCss;

package/dist/esm/p-dropdown-menu-item_4.entry.js

@@ -189,16 +189,16 @@ const DropdownMenuItem = class {
      */
     useContainer = true;
     render() {
-        return (h(Host, { key: '52bc9a53da295c486a45e0144251e9c0add3077b' }, h("div", { key: 'b48d2752af7a092538a01d27628618badf2fb04d', class: dropdownMenuItem({
+        return (h(Host, { key: '9988f9820d29da62faa86e699b579bd1f0182dd3' }, h("div", { key: '572c2fb6e83f3b16442f1d632a0670d2ba597818', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true, true),
                 disabled: asBoolean(this.disabled),
-            }) }, this.icon && (h("p-icon", { key: '34a7a4e66d782633ce30adaf6b6969340fbf3fe2', class: dropdownMenuItemIcon({
+            }) }, this.icon && (h("p-icon", { key: 'b8ea66b55ebc40d2335b4111d35168c652ebcc88', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1c41fe15dbd87d4300ea4278f7ffd0c0f16fc5f9', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null)))));
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'c3d848b1ac7bb769fed2a504cc7f07213d27ac97', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null)))));
     }
 };
 DropdownMenuItem.style = dropdownMenuItemComponentCss;
@@ -488,12 +488,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: 'e6821c7c1142bff0ce42c38c00745b761539d01c', class: item({
+        return (h(Host, { key: '425619bc3e67a537c12ec15a4c52c3b2f2563b66', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: 'e539bc94d4200ae9678e8e64235bf083cca8d077' })));
+            }) }, h("slot", { key: 'e0cde9991e9ca4b735ac449a70b41383b09f77ea' })));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss;

package/dist/esm/p-floating-menu-container_8.entry.js

@@ -1780,10 +1780,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '5d26c80c60e69c0fd4c8bebd737919dd3e31498d', class: item({
+        return (h(Host, { key: '3ef3d546e4935bb5e8d7869e059a53352ed28c20', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: 'bf1efcfefa4c7f0316f178ae31b4fa57be7a5aeb', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '25363959562da60c3905693b2c509e8ac83a118c' }))));
+            }) }, this._getIcon(), h("p", { key: 'f3f2afe092dbf59117576e25634dd24588b446d3', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '187d4b148f1a8c8299262b1713e6437920f956d8' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

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

@@ -18,7 +18,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: 'f55580e64c528a42e1c88e7b380792597563988a', class: 'p-helper' }, h("p-tooltip", { key: 'da374164ea5130aa3cea52300e6f003aed9d09dc', placement: this.placement, strategy: this.strategy }, h("div", { key: '4374e85d301a309e721c1552402baa1431196c87', slot: 'content' }, h("slot", { key: '17f08b3f95c01f218e7b858f4e9a01907c663d47' })), h("p-icon", { key: '0740675127e9a2808c8902de287edc5eddb6073d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: 'e34ef3cf17fbaf8e34187cc04e2dd70b733bc15e', class: 'p-helper' }, h("p-tooltip", { key: '584b53eb4935c0e2e6c1f05c64355bb975ec073c', placement: this.placement, strategy: this.strategy }, h("div", { key: '45cef81d85e6c7cbf8b3551cb05301f96b584d45', slot: 'content' }, h("slot", { key: 'e9f0ee0db5f8acaa87f8b80311daa7783900426f' })), h("p-icon", { key: 'ae7a0a5de07501bc6a47b452cfb0dab0c7de93dc', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
 };
 Helper.style = helperComponentCss;
@@ -133,19 +133,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: 'ee0ccad88478f1bcd91f324ef711171aadeea737', class: popover({
+        const tooltipElement = (h("div", { key: 'ac59783cf85abe0cdc11e28620280f2bda0ec471', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '7c04ee3ab5de74debbaa50723885893f0cb7ae93', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'e221e96e5961e2ffa67300607ee6d4572ea45547', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '0b18b0410fa7aedb281b7bf240fb59ab45a0773c', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'e0ba8d5ca07da5a1fef26fc5dfd322606363dcb0', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: '6aba6e6b742cf65dbf46115da460f3369fb90e59', class: portal({
+            tooltip = (h("p-portal", { key: '3ec571947753a91efa8771017bc1a86dbaddad72', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '388ff6ac1e9965d99716dee794707081da15bcd6', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'f0404320c19b4ee778ebe8670a80b9ca0996f230', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'c9a6283adc0a4eca3e287f6e364e4722b4f812ec', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '77cebe8240d2a28eb1b69fe25b5db8b2a078a608', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'b4c90e10f7160626975c108676c677cb4e55ae36', class: 'relative h-inherit w-inherit' }, h("slot", { key: 'fa26a96881225647ffbc0e044d262caea153b48c', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/esm/p-iban-icon.entry.js

@@ -19,7 +19,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: 'fab68ec2bcac1f7e973be4703df6fd24b983fa1e', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (h(Host, { key: '09a55e1cab7d1f89d1929d4d1f9467641a7af8bc', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

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/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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"}
+{"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","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',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\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","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\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 * 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()}>\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 />\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

@@ -30,15 +30,15 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: 'b919ad927432ccfb9c77b6f4f25ee5f6dab3385a', class: body({
+        return (h("div", { key: '245ca00373550d46435d4d94e6ce057196827cc0', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '6dbc9c3125e90650223261c0f17ea2bcf0ea32ee' })));
+            }) }, h("slot", { key: 'da8d9ad1be38ecdb4596fd3fcbbc219b59de0669' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
 
-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}}";
+const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none!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}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!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){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
 
 const container = cva([
     'flex-1 min-w-0 w-full',
@@ -55,8 +55,8 @@ const container = cva([
             '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',
+            false: 'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',
+            true: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',
         },
     },
 });
@@ -73,10 +73,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: '267d424bc9f365fa5887ed15f7fc92ce55d3d46d', class: container({
+        return (h("div", { key: '8ded1d67155fb117f94008ef1699160d69bca523', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: 'ee1aedf34b4d04394778fbec1eb7184189fddd07' })));
+            }) }, h("slot", { key: '6b8dab4204171b31e79b4951105f25dc2496110b' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -88,24 +88,18 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        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' }))));
+        return (h("div", { key: '297a22e286ff7d80cea94bfdbd934e7cd1918c28', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'b3abfeefbc033d06e3bc2336ab13a64db9e3d204', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: 'f1171bafd44d460bc00968cc2c33e2aff658eddc', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'd6f31b6a024b40f5fc2d759e892f4a73e28eb4c8' }))));
     }
 };
 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}@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 modalHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[7\\/1\\]{aspect-ratio:7/1!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}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!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}.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 header = cva([
+    'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',
+    'inline-flex aspect-[7/1]',
+]);
+const content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);
 const title = cva([
     'flex-1 text-center',
     'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
@@ -116,10 +110,6 @@ const ModalHeader = class {
         registerInstance(this, hostRef);
         this.close = createEvent(this, "close", 3);
     }
-    /**
-     * Size of the header
-     */
-    size = 'base';
     /**
      * Wether to show the close button on mobile
      */
@@ -129,7 +119,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        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' })));
+        return (h("div", { key: '35537185c1df8e75d88c745cfc7085d94bb5ace2', class: header() }, h("div", { key: 'e681fa5e87bcb0f00cb86c7f095af92609a86374', class: content() }, h("div", { key: '442f12759e04559cbbb85dcc0fc731012f45405b', class: title() }, h("slot", { key: '2aa0b1a8ed5c6e9cdefb324c9521568a9d4e91e6' })), this.showClose && (h("p-button", { key: 'f2a6d115f98e146631e2f46155be2e033167545e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '2b49a666d8f9d84cf20e50649c1d7e389d065d10' })));
     }
 };
 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":"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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}
+{"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","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',\n\t\t\t\ttrue: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',\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","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\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 * 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()}>\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 />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -61,7 +61,7 @@ const Modal = class {
         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)))));
+        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", { 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) {