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

package/dist/cjs/p-backdrop.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-backdrop.entry.cjs.js","sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\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\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"names":["cva","h","asBoolean"],"mappings":"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"}
+{"version":3,"file":"p-backdrop.entry.cjs.js","sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={backdrop({\n\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\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\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"names":["cva","h","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,mmEAAmmE;;ACYhoE,MAAM,QAAQ,GAAGA,WAAG,CACnB;IACC,MAAM;IACN,+BAA+B;IAC/B,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,2BAA2B;CAC3B,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,kBAAkB;AACxB,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,iBAAiB;AACxB,YAAA,IAAI,EAAE,sCAAsC;AAC5C,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,gBAAgB,GAAGA,WAAG,CAC3B;IACC,iDAAiD;IACjD,MAAM;IACN,2BAA2B;CAC3B,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE;gBACN,oCAAoC;gBACpC,mDAAmD;AACnD,aAAA;YACD,MAAM,EAAE,CAAC,gDAAgD,CAAC;AAC1D,SAAA;AACD,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,iBAAiB;AACvB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,QAAQ,GAAA,MAAA;;;;;AACpB;;AAEG;IACK,OAAO,GAAuB,OAAO;AAE7C;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;IACK,UAAU,GAAY,IAAI;AAElC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AAIH,IAAA,OAAO;;IAOP,iBAAiB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;IAI9D,oBAAoB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;;IAIjE,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;AACrB,YAAA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;AAGhE,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACpB,YAAA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;;IAI9D,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,CAAC;AACf,gBAAA,IAAI,EAAEC,mBAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AAC/B,gBAAA,OAAO,EAAEA,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFD,OACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gBAAgB,CAAC;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,OAAO,EAAEC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACD;;AAKR,IAAA,WAAW,CAAC,EAAc,EAAA;QACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;YACpE;;AAGD,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;;;"}

package/dist/cjs/p-badge_3.cjs.entry.js

@@ -32,7 +32,7 @@ const SegmentContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'c37edc063e6a894d95e1a2a678518a5d2d33be76', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, index.h("slot", { key: '21d3cfec6d6962f94e68e770191389766ee78601' })));
+        return (index.h(index.Host, { key: '286965a6a38065c7cc9c57d41849a6e1ee0ed5f1', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, index.h("slot", { key: 'f48e724d5669e7c6d38d3f4afbc8e82fdf3963a9' })));
     }
 };
 SegmentContainer.style = segmentContainerComponentCss;
@@ -90,11 +90,11 @@ const SegmentItem = class {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? index.h("slot", { name: 'description' }) : null;
-        return (index.h(index.Host, { key: '40f21bf79fa77369a79b064a000c7350c2cd10b8', class: segmentItem({
+        return (index.h(index.Host, { key: '07e8a638881d1080d487957bc1214ae383042e2d', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean.asBoolean(this.active),
                 iconOnly: asBoolean.asBoolean(this.iconOnly),
-            }) }, this.icon && (index.h("p-icon", { key: '55bdd838c9752511ced575b849c318ae5a0a1449', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (index.h("slot", null)) : (index.h("div", { class: 'flex flex-col items-center gap-1' }, index.h("p", { class: 'font-semibold empty:hidden' }, index.h("slot", { name: 'title' })), descriptionSlot && index.h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (index.h("p-icon", { key: '9d34d15b2f0aefb3582e8bb9ce67c3f0b3b43e1a', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (index.h("slot", null)) : (index.h("div", { class: 'flex flex-col items-center gap-1' }, index.h("p", { class: 'font-semibold empty:hidden' }, index.h("slot", { name: 'title' })), descriptionSlot && index.h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
 };
 SegmentItem.style = segmentItemComponentCss;

package/dist/cjs/p-card-body.cjs.entry.js

@@ -2,18 +2,14 @@
 
 var index = require('./index-DLcBertx.js');
 
-const cardBodyComponentCss = ".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";
+const cardBodyComponentCss = "*{box-sizing:border-box}:host{padding:1rem}.static{position:static!important}";
 
 const CardBody = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    /**
-     * Wether the button should inherit text styles
-     */
-    inheritText = false;
     render() {
-        return (index.h(index.Host, { key: 'fed4fdd2322716fe20e74dd4dad7af667330de6b', class: "p-card-body" }, index.h("slot", { key: '97f48b09e61c1f85653ea9e86d4acac6b7120abf' })));
+        return index.h("slot", { key: '4d413bbe646e1b3b8089d99ee582dbc2080c6a33' });
     }
 };
 CardBody.style = cardBodyComponentCss;

package/dist/cjs/p-card-body.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-card-body.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,obAAob;;MCMpc,QAAQ,GAAA,MAAA;;;;AACpB;;AAEG;IACsB,WAAW,GAAY,KAAK;IAErD,MAAM,GAAA;QACL,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/atoms/card/body/card-body.component.scss?tag=p-card-body","src/components/deprecated/atoms/card/body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n\t@apply px-4 py-6;\n\t@apply text-sm text-storm-vague;\n\n\t&[inherit-text] {\n\t\tcolor: inherit #{!important};\n\t\tfont-size: inherit #{!important};\n\t\tfont-weight: inherit #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-body',\n\tstyleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop({ reflect: true }) inheritText: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-card-body\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-card-body.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,+EAA+E;;MCO/F,QAAQ,GAAA,MAAA;;;;IACpB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;;;","names":["h"],"sources":["src/components/atoms/card/body/card-body.component.css?tag=p-card-body&encapsulation=shadow","src/components/atoms/card/body/card-body.component.tsx"],"sourcesContent":[":host {\n\t@apply p-4;\n}\n","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"],"version":3}

package/dist/cjs/p-card-body.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-card-body.entry.cjs.js","sources":["src/components/deprecated/atoms/card/body/card-body.component.scss?tag=p-card-body","src/components/deprecated/atoms/card/body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n\t@apply px-4 py-6;\n\t@apply text-sm text-storm-vague;\n\n\t&[inherit-text] {\n\t\tcolor: inherit #{!important};\n\t\tfont-size: inherit #{!important};\n\t\tfont-weight: inherit #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-body',\n\tstyleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop({ reflect: true }) inheritText: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-card-body\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,obAAob;;MCMpc,QAAQ,GAAA,MAAA;;;;AACpB;;AAEG;IACsB,WAAW,GAAY,KAAK;IAErD,MAAM,GAAA;QACL,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxBD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
+{"version":3,"file":"p-card-body.entry.cjs.js","sources":["src/components/atoms/card/body/card-body.component.css?tag=p-card-body&encapsulation=shadow","src/components/atoms/card/body/card-body.component.tsx"],"sourcesContent":[":host {\n\t@apply p-4;\n}\n","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"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,+EAA+E;;MCO/F,QAAQ,GAAA,MAAA;;;;IACpB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;;;"}

package/dist/cjs/p-card-container.cjs.entry.js

@@ -1,9 +1,34 @@
 'use strict';
 
 var index = require('./index-DLcBertx.js');
+var index$1 = require('./index-mudu9vpz.js');
+var asBoolean = require('./as-boolean-C1PzA22I.js');
+require('./clsx-BtxeOLZW.js');
 
-const cardContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.rounded-lg{border-radius:.5rem!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.drop-shadow-3,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host(:not([shadow=false])),:host([shadow=true]){--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.static{position:static!important}";
+const cardContainerComponentCss = ".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}";
 
+const container = index$1.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',
+        },
+    ],
+});
 const CardContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -17,7 +42,10 @@ const CardContainer = class {
      */
     shadow = true;
     render() {
-        return (index.h(index.Host, { key: 'c6bb3d675bd6615a6278f4bf90a3fda724e981e2', class: 'p-card-container group' }, index.h("slot", { key: '938732fdd89a18dca94336b2e5089e6e64c37647' })));
+        return (index.h("div", { key: '00e6b84100fa3f75de46c27a6653a66bef61ce6e', class: container({
+                shadow: asBoolean.asBoolean(this.shadow, true),
+                hoverable: asBoolean.asBoolean(this.hoverable, false),
+            }) }, index.h("slot", { key: '5fc4e674a3aa17742565a9f9c3a720c71fe88852' })));
     }
 };
 CardContainer.style = cardContainerComponentCss;

package/dist/cjs/p-card-container.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-card-container.entry.cjs.js","mappings":";;;;AAAA,MAAM,yBAAyB,GAAG,s6CAAs6C;;MCO37C,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;QACL,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACnCD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/atoms/card/container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","src/components/deprecated/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex w-full flex-col;\n\t@apply rounded-lg bg-white;\n}\n\n:host([hoverable]) {\n\t@apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n\t@apply drop-shadow-3 #{!important};\n}\n\n:host([shadow='true']),\n:host(:not([shadow='false'])) {\n\t@apply drop-shadow-3 filter #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.scss',\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<Host class='p-card-container group'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-card-container.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,4sEAA4sE;;ACI9uE,MAAM,SAAS,GAAGA,WAAG,CACpB;IACC,yBAAyB;IACzB,+DAA+D;CAC/D,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,iCAAiC;AACvC,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,KAAK,EAAE,uCAAuC;AAC9C,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;gBAChB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;gBACpC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;AAC3C,aAAA,CAAC,EAAA,EAEFD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;","names":["cva","h","asBoolean"],"sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\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 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"],"version":3}

package/dist/cjs/p-card-container.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-card-container.entry.cjs.js","sources":["src/components/deprecated/atoms/card/container/card-container.component.scss?tag=p-card-container&encapsulation=shadow","src/components/deprecated/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply flex w-full flex-col;\n\t@apply rounded-lg bg-white;\n}\n\n:host([hoverable]) {\n\t@apply cursor-pointer;\n}\n\n:host([hoverable]:hover) {\n\t@apply drop-shadow-3 #{!important};\n}\n\n:host([shadow='true']),\n:host(:not([shadow='false'])) {\n\t@apply drop-shadow-3 filter #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-container',\n\tstyleUrl: 'card-container.component.scss',\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<Host class='p-card-container group'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,yBAAyB,GAAG,s6CAAs6C;;MCO37C,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;QACL,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACnCD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}
+{"version":3,"file":"p-card-container.entry.cjs.js","sources":["src/components/atoms/card/container/card-container.component.css?tag=p-card-container&encapsulation=shadow","src/components/atoms/card/container/card-container.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-block w-full;\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 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"],"names":["cva","h","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,4sEAA4sE;;ACI9uE,MAAM,SAAS,GAAGA,WAAG,CACpB;IACC,yBAAyB;IACzB,+DAA+D;CAC/D,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,SAAS,EAAE;AACV,YAAA,IAAI,EAAE,iCAAiC;AACvC,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,UAAU;AAChB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,KAAK,EAAE,uCAAuC;AAC9C,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,aAAa,GAAA,MAAA;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;AACL,QAAA,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;gBAChB,MAAM,EAAEC,mBAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;gBACpC,SAAS,EAAEA,mBAAS,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;AAC3C,aAAA,CAAC,EAAA,EAEFD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;"}

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

@@ -1,33 +1,58 @@
 'use strict';
 
 var index = require('./index-DLcBertx.js');
+var index$1 = require('./index-mudu9vpz.js');
+require('./clsx-BtxeOLZW.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 = index$1.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 = index$1.cva('flex items-center gap-2', {
+    variants: {
+        variant: {
+            default: 'py-3',
+            curve: 'px-4 pt-3',
+        },
+    },
+});
+const title = index$1.cva('h-8 flex items-center font-bold text-sm');
 const CardHeader = class {
     constructor(hostRef) {
         index.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 index.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 (index.h(index.Host, { key: 'c52a92268a7e2f5bd23cb74e12e98b589f448781', class: 'p-card-header' }, index.h("slot", { key: 'cf6ee1b5cf8c99f7f9b6038053797bb96ecc9e32', name: 'prefix' }), (this.header?.length ||
-            this._hasContentSlot ||
-            this._hasContentSuffixSlot ||
-            this.arrow) && (index.h("div", { key: '39b3b2e171735c53000fbf7293c19861ca78b44e', class: 'content' }, index.h("span", { key: '0fabee63c593e2b1199c374a5d3a9f1d4475f7b9' }, this.header?.length ? this.header : index.h("slot", { name: 'content' })), index.h("slot", { key: 'dbdc60106db47046e3ad4a54d958138c8865fc7e', name: 'content-suffix' }), this.arrow && (index.h("p-icon", { key: 'ae04255acde0428c1e53c1ce107319fd5e4ca4f1', variant: 'arrow', class: 'group-hover:text-indigo' })))), index.h("slot", { key: 'c34b3b55fcdfb19a3212e0506f1f89e33100cbbc', name: 'suffix' })));
+        return (index.h("div", { key: '6378b016cd5dc26146638c4eae348b1ed8f5fce6', class: header({
+                variant: this.variant,
+            }) }, index.h("div", { key: 'b9b14f7de0f83e331ee2850559f274682d9f4db4', class: content({
+                variant: this.variant,
+            }) }, this.icon ? (index.h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (index.h("slot", { name: 'prefix' })), index.h("div", { key: '5cdc183c798abab177305ef88e9ed7ff04740d64', class: title() }, index.h("span", { key: 'c96e5d70c6a96bf82feaedfb0540cbd433d15ec1' }, this.header?.length ? this.header : index.h("slot", null)), index.h("slot", { key: '8de7948c875639fc2331c610fcf6c11103908647', name: 'content-suffix' })), index.h("div", { key: '58d8681aac18b416462e266336bb3e2d33de6436', class: 'ml-auto empty:hidden' }, index.h("slot", { key: '5fa851c3ec83e9fb74115183b6f83282d0702451', name: 'suffix' }))), this.variant === 'default' ? (index.h("p-divider", null)) : (index.h("p-smile", { variant: 'card' }))));
     }
 };
 CardHeader.style = cardHeaderComponentCss;

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

@@ -1 +1 @@
-{"file":"p-card-header.entry.cjs.js","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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1BD,OAAM,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,MACVA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAG,CAAA,EAE7B,IAAI,CAAC,KAAK,KACVA,qEACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,EAC9B,CAAA,CACF,CACI,CACN,EAEDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;","names":["h","Host"],"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"],"version":3}
+{"file":"p-card-header.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,k6BAAk6B;;ACSj8B,MAAM,MAAM,GAAGA,WAAG,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,GAAGA,WAAG,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,GAAGA,WAAG,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,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEFA,OACC,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,IACTA,OAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEFA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,qBAAQ,CAAQ,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1BA,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,KAEbA,qBAAS,OAAO,EAAC,MAAM,EAAG,CAAA,CAC1B,CACI;;;;;;;","names":["cva","h"],"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"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"p-card-header.entry.cjs.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":["h","Host"],"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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1BD,OAAM,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,MACVA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEPA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAG,CAAA,EAE7B,IAAI,CAAC,KAAK,KACVA,qEACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,EAC9B,CAAA,CACF,CACI,CACN,EAEDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;"}
+{"version":3,"file":"p-card-header.entry.cjs.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":["cva","h"],"mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,k6BAAk6B;;ACSj8B,MAAM,MAAM,GAAGA,WAAG,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,GAAGA,WAAG,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,GAAGA,WAAG,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,QACCC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEFA,OACC,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,IACTA,OAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEFA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,qBAAQ,CAAQ,EAE3DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1BA,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,KAEbA,qBAAS,OAAO,EAAC,MAAM,EAAG,CAAA,CAC1B,CACI;;;;;;;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.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":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.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":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;"}

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

@@ -18,7 +18,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/cjs/p-drawer-body_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;","names":["h","Host"],"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.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,oaAAoa;;MCOtb,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,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,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,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,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,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,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;","names":["h","Host"],"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/cjs/p-dropdown-menu-container.cjs.entry.js

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

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

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

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

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

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

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

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

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