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

package/dist/collection/components/atoms/card/body/card-body.component.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class CardBody {
+    render() {
+        return h("slot", { key: '4d413bbe646e1b3b8089d99ee582dbc2080c6a33' });
+    }
+    static get is() { return "p-card-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card-body.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card-body.component.css"]
+        };
+    }
+}
+//# sourceMappingURL=card-body.component.js.map

package/dist/collection/components/atoms/card/body/card-body.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-body.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/card/body/card-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,QAAQ;IACpB,MAAM;QACL,OAAO,8DAAQ,CAAC;IACjB,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-body',\n\tstyleUrl: 'card-body.component.css',\n\tshadow: true,\n})\nexport class CardBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n"]}

package/dist/collection/components/atoms/card/container/card-container.component.css

@@ -0,0 +1 @@
+.inline-block{display:inline-block!important}*{box-sizing:border-box}:host{display:inline-block;width:100%}.static{position:static!important}.flex{display:flex!important}.w-inherit{width:inherit!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.rounded-2xl{border-radius:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px 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}}.hover\:bg-off-white-200:hover{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.hover\:shadow-2:hover{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04)!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}

package/dist/collection/components/{deprecated/atoms → atoms}/card/container/card-container.component.js

@@ -1,4 +1,28 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+import { asBoolean } from "../../../../utils/as-boolean";
+const container = cva([
+    'flex flex-col w-inherit',
+    'rounded-2xl border border-solid border-off-white-700 bg-white',
+], {
+    variants: {
+        hoverable: {
+            true: 'cursor-pointer bg-off-white-200',
+            false: null,
+        },
+        shadow: {
+            false: null,
+            true: 'shadow-1',
+        },
+    },
+    compoundVariants: [
+        {
+            shadow: true,
+            hoverable: true,
+            class: 'hover:shadow-2 hover:bg-off-white-200',
+        },
+    ],
+});
 export class CardContainer {
     /**
      * Wether the card should be hoverable
@@ -9,13 +33,16 @@ export class CardContainer {
      */
     shadow = true;
     render() {
-        return (h(Host, { key: 'c6bb3d675bd6615a6278f4bf90a3fda724e981e2', class: 'p-card-container group' }, h("slot", { key: '938732fdd89a18dca94336b2e5089e6e64c37647' })));
+        return (h("div", { key: '00e6b84100fa3f75de46c27a6653a66bef61ce6e', class: container({
+                shadow: asBoolean(this.shadow, true),
+                hoverable: asBoolean(this.hoverable, false),
+            }) }, h("slot", { key: '5fc4e674a3aa17742565a9f9c3a720c71fe88852' })));
     }
     static get is() { return "p-card-container"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["card-container.component.scss"]
+            "$": ["card-container.component.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/components/atoms/card/container/card-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/card/container/card-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,yBAAyB;IACzB,+DAA+D;CAC/D,EACD;IACC,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,IAAI,EAAE,iCAAiC;YACvC,KAAK,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACP,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,UAAU;SAChB;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,uCAAuC;SAC9C;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,aAAa;IACzB;;OAEG;IACsB,SAAS,GAAY,KAAK,CAAC;IAEpD;;OAEG;IACsB,MAAM,GAAY,IAAI,CAAC;IAEhD,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,SAAS,CAAC;gBAChB,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;gBACpC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;aAC3C,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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 flex-col w-inherit',\n\t\t'rounded-2xl border border-solid border-off-white-700 bg-white',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thoverable: {\n\t\t\t\ttrue: 'cursor-pointer bg-off-white-200',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tshadow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'shadow-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tshadow: true,\n\t\t\t\thoverable: true,\n\t\t\t\tclass: 'hover:shadow-2 hover:bg-off-white-200',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.css',\n\tshadow: true,\n})\nexport class CardContainer {\n\t/**\n\t * Wether the card should be hoverable\n\t */\n\t@Prop({ reflect: true }) hoverable: boolean = false;\n\n\t/**\n\t * Wether the card should have shadow\n\t */\n\t@Prop({ reflect: true }) shadow: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tshadow: asBoolean(this.shadow, true),\n\t\t\t\t\thoverable: asBoolean(this.hoverable, false),\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"]}

package/dist/collection/components/atoms/card/header/card-header.component.css

@@ -0,0 +1 @@
+*{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}

package/dist/collection/components/atoms/card/header/card-header.component.js

@@ -0,0 +1,179 @@
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+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');
+export class CardHeader {
+    /**
+     * The variant of the card header
+     */
+    variant = 'default';
+    /**
+     * Content of the card header
+     */
+    header;
+    /**
+     * Icon to show on the button
+     */
+    icon;
+    /**
+     * Icon flip
+     */
+    iconFlip;
+    /**
+     * Icon rotate
+     */
+    iconRotate;
+    render() {
+        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' }))));
+    }
+    static get is() { return "p-card-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["card-header.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["card-header.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'curve'",
+                    "resolved": "\"curve\" | \"default\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of the card header"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "header": {
+                "type": "string",
+                "attribute": "header",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Content of the card header"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "icon": {
+                "type": "string",
+                "attribute": "icon",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconVariant",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\" | \"checkmarkThick\"",
+                    "references": {
+                        "IconVariant": {
+                            "location": "import",
+                            "path": "../../../atoms/icon/icon.component",
+                            "id": "src/components/atoms/icon/icon.component.tsx::IconVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon to show on the button"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "iconFlip": {
+                "type": "string",
+                "attribute": "icon-flip",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconFlipOptions",
+                    "resolved": "\"horizontal\" | \"none\" | \"vertical\"",
+                    "references": {
+                        "IconFlipOptions": {
+                            "location": "import",
+                            "path": "../../../atoms/icon/icon.component",
+                            "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon flip"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "iconRotate": {
+                "type": "number",
+                "attribute": "icon-rotate",
+                "mutable": false,
+                "complexType": {
+                    "original": "RotateOptions",
+                    "resolved": "-135 | -180 | -225 | -25 | -270 | -315 | -45 | -90 | 0 | 135 | 180 | 225 | 25 | 270 | 315 | 45 | 90",
+                    "references": {
+                        "RotateOptions": {
+                            "location": "import",
+                            "path": "../../../../types/tailwind",
+                            "id": "src/types/tailwind.ts::RotateOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon rotate"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=card-header.component.js.map

package/dist/collection/components/atoms/card/header/card-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/card/header/card-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAQ/C,MAAM,MAAM,GAAG,GAAG,CACjB,iGAAiG,EACjG;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,cAAc;SACrB;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;IAC9C,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,WAAW;SAClB;KACD;CACD,CAAC,CAAC;AACH,MAAM,KAAK,GAAG,GAAG,CAAC,yCAAyC,CAAC,CAAC;AAO7D,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,OAAO,GAAwB,SAAS,CAAC;IAEjD;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAe;IAE3B;;OAEG;IACK,QAAQ,CAAmB;IAEnC;;OAEG;IACK,UAAU,CAAiB;IAEnC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC;YAEF,4DACC,KAAK,EAAE,OAAO,CAAC;oBACd,OAAO,EAAE,IAAI,CAAC,OAAO;iBACrB,CAAC;gBAED,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,cACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB;gBAED,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,+DAAO,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,eAAQ,CAAQ;oBAE3D,6DAAM,IAAI,EAAC,gBAAgB,GAAG,CACzB;gBAEN,4DAAK,KAAK,EAAC,sBAAsB;oBAChC,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACD;YAEL,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,oBAAa,CACb,CAAC,CAAC,CAAC,CACH,eAAS,OAAO,EAAC,MAAM,GAAG,CAC1B,CACI,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","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"]}

package/dist/collection/components/atoms/checkbox/checkbox.component.js

@@ -78,13 +78,13 @@ export class Checkbox {
     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/collection/components/atoms/divider/divider.component.js

@@ -24,7 +24,7 @@ export class Divider {
     _el;
     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' }))));
     }
     static get is() { return "p-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/dropdown-menu/container/dropdown-menu-container.component.js

@@ -65,14 +65,14 @@ export class DropdownMenuContainer {
             : 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' }))));
     }
     static get is() { return "p-dropdown-menu-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js

@@ -180,16 +180,16 @@ export class DropdownMenuItem {
      */
     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)))));
     }
     static get is() { return "p-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js

@@ -73,10 +73,10 @@ export class FloatingMenuItem {
      */
     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/collection/components/atoms/helper/helper.component.js

@@ -9,7 +9,7 @@ export class Helper {
      */
     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' }))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/iban-icon/iban-icon.component.js

@@ -15,7 +15,7 @@ export class IbanIcon {
             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/collection/components/atoms/modal/body/modal-body.component.js

@@ -22,10 +22,10 @@ export class ModalBody {
      */
     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' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.css

@@ -1 +1 @@
-.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}}
+.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}}

package/dist/collection/components/atoms/modal/container/modal-container.component.js

@@ -16,8 +16,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',
         },
     },
 });
@@ -31,10 +31,10 @@ export class ModalContainer {
      */
     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' })));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/container/modal-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,IAAI,EAAE,sBAAsB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,sBAAsB;SAC7B;QACD,OAAO,EAAE;YACR,KAAK,EACJ,0EAA0E;YAC3E,IAAI,EAAE,4EAA4E;SAClF;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,GAAiC,MAAM,CAAC;IAEpD;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aAChC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}
+{"version":3,"file":"modal-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/container/modal-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,uBAAuB;IAEvB,uBAAuB;IACvB,uDAAuD;IAEvD,2BAA2B;IAE3B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,IAAI,EAAE,sBAAsB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,sBAAsB;SAC7B;QACD,OAAO,EAAE;YACR,KAAK,EACJ,kEAAkE;YACnE,IAAI,EAAE,wFAAwF;SAC9F;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,cAAc;IAC1B;;OAEG;IACK,IAAI,GAAiC,MAAM,CAAC;IAEpD;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,SAAS,CAAC;gBAChB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aAChC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
     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' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.css

@@ -1 +1 @@
-.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}
+*{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}

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -1,26 +1,16 @@
 import { h } from "@stencil/core";
 import { cva } from "class-variance-authority";
-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',
     'black-teal-500 text-2xl text-ambit font-bold',
 ]);
 export class ModalHeader {
-    /**
-     * Size of the header
-     */
-    size = 'base';
     /**
      * Wether to show the close button on mobile
      */
@@ -30,7 +20,7 @@ export class ModalHeader {
      */
     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' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }
@@ -46,26 +36,6 @@ export class ModalHeader {
     }
     static get properties() {
         return {
-            "size": {
-                "type": "string",
-                "attribute": "size",
-                "mutable": false,
-                "complexType": {
-                    "original": "'base' | 'lg' | 'xl' | '2xl'",
-                    "resolved": "\"2xl\" | \"base\" | \"lg\" | \"xl\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the header"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "'base'"
-            },
             "showClose": {
                 "type": "boolean",
                 "attribute": "show-close",

package/dist/collection/components/atoms/modal/header/modal-header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/header/modal-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CACjB,6EAA6E,CAC7E,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB,CAAC,kBAAkB,EAAE,qCAAqC,CAAC,EAC3D;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,KAAK,EAAE,EAAE;SACT;KACD;CACD,CACD,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,6DAA6D;IAC7D,8CAA8C;CAC9C,CAAC,CAAC;AAOH,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,IAAI,GAAiC,MAAM,CAAC;IAEpD;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;gBACvC,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,CACI;YAEN,wEAAkB,CACb,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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":"modal-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/modal/header/modal-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;CAC1B,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAElE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,6DAA6D;IAC7D,8CAA8C;CAC9C,CAAC,CAAC;AAOH,MAAM,OAAO,WAAW;IACvB;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACpB,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,CACI;YAEN,iEAAW,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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"]}

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: 'fc1f419cd81c04ad18fd482b822e765dc0b6230d', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1637274efa34db023290373d07c9a1e693b87ce0' })));
+        return (h(Host, { key: '8dff1f21fc4702f62522bcee7d6bb34532d65b05', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '42eaab0169b94b59df690e53eb7c2941297a64e4' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     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' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {