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

package/dist/components/p-card-body.js

@@ -1,23 +1,18 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
+import { p as proxyCustomElement, H, h } from './p-BLaYz0fg.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 = /*@__PURE__*/ proxyCustomElement(class CardBody extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
-    /**
-     * Wether the button should inherit text styles
-     */
-    inheritText = false;
     render() {
-        return (h(Host, { key: 'fed4fdd2322716fe20e74dd4dad7af667330de6b', class: "p-card-body" }, h("slot", { key: '97f48b09e61c1f85653ea9e86d4acac6b7120abf' })));
+        return h("slot", { key: '4d413bbe646e1b3b8089d99ee582dbc2080c6a33' });
     }
     static get style() { return cardBodyComponentCss; }
-}, [4, "p-card-body", {
-        "inheritText": [516, "inherit-text"]
-    }]);
+}, [1, "p-card-body"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/p-card-body.js.map

@@ -1 +1 @@
-{"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,obAAob;;MCMpc,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;AACpB;;AAEG;IACsB,WAAW,GAAY,KAAK;IAErD,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,+EAA+E;;MCO/F,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;IACpB,MAAM,GAAA;QACL,OAAO,8DAAQ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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/components/p-card-container.js

@@ -1,7 +1,31 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
+import { p as proxyCustomElement, H, h } from './p-BLaYz0fg.js';
+import { c as cva } from './p-4hDfHOnN.js';
+import { a as asBoolean } from './p-C5CTp9IA.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 = 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 = /*@__PURE__*/ proxyCustomElement(class CardContainer extends H {
     constructor() {
         super();
@@ -17,7 +41,10 @@ const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer exten
      */
     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 style() { return cardContainerComponentCss; }
 }, [1, "p-card-container", {

package/dist/components/p-card-container.js.map

@@ -1 +1 @@
-{"file":"p-card-container.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,s6CAAs6C;;MCO37C,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACnC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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.js","mappings":";;;;AAAA,MAAM,yBAAyB,GAAG,4sEAA4sE;;ACI9uE,MAAM,SAAS,GAAG,GAAG,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,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;AACzB;;AAEG;IACsB,SAAS,GAAY,KAAK;AAEnD;;AAEG;IACsB,MAAM,GAAY,IAAI;IAE/C,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,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,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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/components/p-card-header.js

@@ -1,51 +1,91 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-Dtck_OHl.js';
+import { p as proxyCustomElement, H, h } from './p-BLaYz0fg.js';
+import { c as cva } from './p-4hDfHOnN.js';
+import { d as defineCustomElement$4 } from './p-DO2aNiJs.js';
+import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$2 } from './p-BfI2YZrh.js';
 
-const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity,1))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity,1));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity,1));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity,1))}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}";
+const cardHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.empty\\:hidden:empty{display:none!important}";
 
+const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl overflow-hidden relative', {
+    variants: {
+        variant: {
+            default: 'px-4',
+            curve: 'aspect-[5/1]',
+        },
+    },
+});
+const content = cva('flex items-center gap-2', {
+    variants: {
+        variant: {
+            default: 'py-3',
+            curve: 'px-4 pt-3',
+        },
+    },
+});
+const title = cva('h-8 flex items-center font-bold text-sm');
 const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
+    /**
+     * 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 this; }
-    _hasContentSlot = false;
-    _hasContentSuffixSlot = false;
-    componentWillLoad() {
-        this._hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        this._hasContentSuffixSlot = !!this._el.querySelector(':scope > [slot="content-suffix"]');
-    }
+    icon;
+    /**
+     * Icon flip
+     */
+    iconFlip;
+    /**
+     * Icon rotate
+     */
+    iconRotate;
     render() {
-        return (h(Host, { key: 'c52a92268a7e2f5bd23cb74e12e98b589f448781', class: 'p-card-header' }, h("slot", { key: 'cf6ee1b5cf8c99f7f9b6038053797bb96ecc9e32', name: 'prefix' }), (this.header?.length ||
-            this._hasContentSlot ||
-            this._hasContentSuffixSlot ||
-            this.arrow) && (h("div", { key: '39b3b2e171735c53000fbf7293c19861ca78b44e', class: 'content' }, h("span", { key: '0fabee63c593e2b1199c374a5d3a9f1d4475f7b9' }, this.header?.length ? this.header : h("slot", { name: 'content' })), h("slot", { key: 'dbdc60106db47046e3ad4a54d958138c8865fc7e', name: 'content-suffix' }), this.arrow && (h("p-icon", { key: 'ae04255acde0428c1e53c1ce107319fd5e4ca4f1', variant: 'arrow', class: 'group-hover:text-indigo' })))), h("slot", { key: 'c34b3b55fcdfb19a3212e0506f1f89e33100cbbc', name: 'suffix' })));
+        return (h("div", { key: '6378b016cd5dc26146638c4eae348b1ed8f5fce6', class: header({
+                variant: this.variant,
+            }) }, h("div", { key: 'b9b14f7de0f83e331ee2850559f274682d9f4db4', class: content({
+                variant: this.variant,
+            }) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: '5cdc183c798abab177305ef88e9ed7ff04740d64', class: title() }, h("span", { key: 'c96e5d70c6a96bf82feaedfb0540cbd433d15ec1' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '8de7948c875639fc2331c610fcf6c11103908647', name: 'content-suffix' })), h("div", { key: '58d8681aac18b416462e266336bb3e2d33de6436', class: 'ml-auto empty:hidden' }, h("slot", { key: '5fa851c3ec83e9fb74115183b6f83282d0702451', name: 'suffix' }))), this.variant === 'default' ? (h("p-divider", null)) : (h("p-smile", { variant: 'card' }))));
     }
     static get style() { return cardHeaderComponentCss; }
-}, [4, "p-card-header", {
+}, [1, "p-card-header", {
+        "variant": [1],
         "header": [1],
-        "arrow": [4]
+        "icon": [1],
+        "iconFlip": [1, "icon-flip"],
+        "iconRotate": [2, "icon-rotate"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-card-header", "p-icon"];
+    const components = ["p-card-header", "p-divider", "p-icon", "p-smile"];
     components.forEach(tagName => { switch (tagName) {
         case "p-card-header":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, CardHeader);
             }
             break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
         case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-smile":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/p-card-header.js.map

@@ -1 +1 @@
-{"file":"p-card-header.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,2iDAA2iD;;MCM7jD,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;AACtB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,KAAK,GAAY,KAAK;;IAOtB,eAAe,GAAG,KAAK;IACvB,qBAAqB,GAAG,KAAK;IAErC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AAED,QAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CACpD,kCAAkC,CAClC;;IAGF,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EAErB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM;AACpB,YAAA,IAAI,CAAC,eAAe;AACpB,YAAA,IAAI,CAAC,qBAAqB;YAC1B,IAAI,CAAC,KAAK,MACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAG,CAAA,EAE7B,IAAI,CAAC,KAAK,KACV,+DACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,EAC9B,CAAA,CACF,CACI,CACN,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,k6BAAk6B;;ACSj8B,MAAM,MAAM,GAAG,GAAG,CACjB,iGAAiG,EACjG;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,cAAc;AACrB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AACF,MAAM,KAAK,GAAG,GAAG,CAAC,yCAAyC,CAAC;MAO/C,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CAAQ,EAE3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,KAEb,eAAS,OAAO,EAAC,MAAM,EAAG,CAAA,CAC1B,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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/components/p-checkbox.js

@@ -1,4 +1,4 @@
-import { C as Checkbox, d as defineCustomElement$1 } from './p-1Wq1CH33.js';
+import { C as Checkbox, d as defineCustomElement$1 } from './p-Dyyeb5Ij.js';
 
 const PCheckbox = Checkbox;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-cropper.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
-import { c as clsx } from './p-DtNXXDfQ.js';
-import { d as defineCustomElement$2 } from './p-Dtck_OHl.js';
+import { a as clsx } from './p-4hDfHOnN.js';
+import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
 
 const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 const WINDOW = IS_BROWSER ? window : {};

package/dist/components/p-datepicker.js

@@ -2,17 +2,17 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { c as childOf } from './p-72lRg7Ri.js';
 import { i as isMobileBrowser } from './p-DVCJlilm.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$c } from './p-C65dU-F-.js';
-import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$b, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay } from './p-DH_hwyeE.js';
-import { d as defineCustomElement$a } from './p-COTTTg9c.js';
-import { d as defineCustomElement$9 } from './p-CJvopJ3x.js';
-import { d as defineCustomElement$8 } from './p-BM8Lv22C.js';
-import { d as defineCustomElement$7 } from './p-IyfiAeqp.js';
-import { d as defineCustomElement$6 } from './p-CXRp-6BG.js';
-import { d as defineCustomElement$5 } from './p-Dtck_OHl.js';
+import { d as defineCustomElement$c } from './p-BxmFB53M.js';
+import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$b, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay } from './p-DLn2pEjF.js';
+import { d as defineCustomElement$a } from './p-swYFtOs2.js';
+import { d as defineCustomElement$9 } from './p-CGF6m01Z.js';
+import { d as defineCustomElement$8 } from './p-DBXWe3iO.js';
+import { d as defineCustomElement$7 } from './p-CaCNqcUA.js';
+import { d as defineCustomElement$6 } from './p-BUL3X-CN.js';
+import { d as defineCustomElement$5 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$4 } from './p-DHB3oMcL.js';
 import { d as defineCustomElement$3 } from './p-Xa-E5Gqm.js';
-import { d as defineCustomElement$2 } from './p-D24IHbvN.js';
+import { d as defineCustomElement$2 } from './p-BmhUOEHd.js';
 
 /**
  * @name isWeekend

package/dist/components/p-divider.js

@@ -1,4 +1,4 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-Dyfjx_j0.js';
+import { D as Divider, d as defineCustomElement$1 } from './p-DO2aNiJs.js';
 
 const PDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer-container.js

@@ -1,4 +1,4 @@
-import { M as ModalContainer, d as defineCustomElement$1 } from './p--LlCJnZJ.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-RPL9p7PQ.js';
 
 const PDrawerContainer = ModalContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer-header.js

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-BFgor4dI.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-DwU0JpMk.js';
 
 const PDrawerHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-drawer.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$8 } from './p-DP9DUvTl.js';
-import { d as defineCustomElement$7 } from './p-C65dU-F-.js';
+import { d as defineCustomElement$8 } from './p-CJbLHJtK.js';
+import { d as defineCustomElement$7 } from './p-BxmFB53M.js';
 import { d as defineCustomElement$6 } from './p-GVeLi99N.js';
-import { d as defineCustomElement$5 } from './p--LlCJnZJ.js';
-import { d as defineCustomElement$4 } from './p-BFgor4dI.js';
-import { d as defineCustomElement$3 } from './p-Dtck_OHl.js';
+import { d as defineCustomElement$5 } from './p-RPL9p7PQ.js';
+import { d as defineCustomElement$4 } from './p-DwU0JpMk.js';
+import { d as defineCustomElement$3 } from './p-C0kL1elG.js';
 import { d as defineCustomElement$2 } from './p-DHB3oMcL.js';
 
 const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}.blur{--tw-blur:blur(8px)!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}";

package/dist/components/p-dropdown-menu-container.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-CJvopJ3x.js';
+import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './p-CGF6m01Z.js';
 
 const PDropdownMenuContainer = DropdownMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown-menu-item.js

@@ -1,4 +1,4 @@
-import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-BWOIzq0V.js';
+import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-DyEKeWcm.js';
 
 const PDropdownMenuItem = DropdownMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-dropdown.js

@@ -1,4 +1,4 @@
-import { D as Dropdown, d as defineCustomElement$1 } from './p-COTTTg9c.js';
+import { D as Dropdown, d as defineCustomElement$1 } from './p-swYFtOs2.js';
 
 const PDropdown = Dropdown;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-field-container.js

@@ -1,4 +1,4 @@
-import { F as FieldContainer, d as defineCustomElement$1 } from './p-IyfiAeqp.js';
+import { F as FieldContainer, d as defineCustomElement$1 } from './p-CaCNqcUA.js';
 
 const PFieldContainer = FieldContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-field.js

@@ -1,4 +1,4 @@
-import { F as Field, d as defineCustomElement$1 } from './p-BM8Lv22C.js';
+import { F as Field, d as defineCustomElement$1 } from './p-DBXWe3iO.js';
 
 const PField = Field;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-container.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-BG6U7QYz.js';
+import { F as FloatingMenuContainer, d as defineCustomElement$1 } from './p-CRSsPnsr.js';
 
 const PFloatingMenuContainer = FloatingMenuContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-floating-menu-item.js

@@ -1,4 +1,4 @@
-import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-URubCDKj.js';
+import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-EbcwAVic.js';
 
 const PFloatingMenuItem = FloatingMenuItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-helper.js

@@ -1,4 +1,4 @@
-import { H as Helper, d as defineCustomElement$1 } from './p-CXRp-6BG.js';
+import { H as Helper, d as defineCustomElement$1 } from './p-BUL3X-CN.js';
 
 const PHelper = Helper;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-B2ynMJEJ.js → p-hoTzvAXz.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { a as cva } from './p-DtNXXDfQ.js';
+import { c as cva } from './p-4hDfHOnN.js';
 
 const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
 
@@ -91,6 +91,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Avatar as A, defineCustomElement as d };
-//# sourceMappingURL=p-B2ynMJEJ.js.map
+//# sourceMappingURL=p-hoTzvAXz.js.map
 
-//# sourceMappingURL=p-B2ynMJEJ.js.map
+//# sourceMappingURL=p-hoTzvAXz.js.map

package/dist/components/{p-B2ynMJEJ.js.map → p-hoTzvAXz.js.map}

@@ -1 +1 @@
-{"file":"p-B2ynMJEJ.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D;;ACG77D,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,wLAAwL;CACxL,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
+{"file":"p-hoTzvAXz.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D;;ACG77D,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,wLAAwL;CACxL,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}

package/dist/components/p-iban-icon.js

@@ -21,7 +21,7 @@ const IbanIcon = /*@__PURE__*/ proxyCustomElement(class IbanIcon extends H {
             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/components/p-icon.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-Dtck_OHl.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-C0kL1elG.js';
 
 const PIcon = Icon;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-info-panel.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$2 } from './p-Dtck_OHl.js';
+import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
 
 const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity,1));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem;white-space:pre-line}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
 

package/dist/components/p-input-error.js

@@ -1,4 +1,4 @@
-import { I as InputError, d as defineCustomElement$1 } from './p-CwLMxCol.js';
+import { I as InputError, d as defineCustomElement$1 } from './p-BYHTrD1s.js';
 
 const PInputError = InputError;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-input-group.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { d as defineCustomElement$6 } from './p-CXRp-6BG.js';
-import { d as defineCustomElement$5 } from './p-Dtck_OHl.js';
-import { d as defineCustomElement$4 } from './p-CwLMxCol.js';
+import { d as defineCustomElement$6 } from './p-BUL3X-CN.js';
+import { d as defineCustomElement$5 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$4 } from './p-BYHTrD1s.js';
 import { d as defineCustomElement$3 } from './p-Xa-E5Gqm.js';
-import { d as defineCustomElement$2 } from './p-D24IHbvN.js';
+import { d as defineCustomElement$2 } from './p-BmhUOEHd.js';
 
 const inputGroupComponentCss = ".mb-\\[2px\\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.py-\\[calc\\(0\\.75rem-1px\\)\\]{padding-bottom:calc(.75rem - 1px)!important;padding-top:calc(.75rem - 1px)!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex;width:100%}:host .content .prefix,:host .content .suffix{--tw-text-opacity:1;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity,1));flex:1 1 0%;height:100%}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity,1))}:host(.error) .suffix,:host([error]) .suffix{align-items:flex-start;padding-bottom:calc(.75rem - 1px);padding-top:calc(.75rem - 1px)}:host(.size-small.error) .suffix,:host(.size-small[error]) .suffix{padding-bottom:.5rem;padding-top:.5rem}.static{position:static!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}";
 

package/dist/components/p-label.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
-import { a as cva } from './p-DtNXXDfQ.js';
-import { c as cn } from './p-C9_6jSTk.js';
-import { d as defineCustomElement$2 } from './p-Dtck_OHl.js';
+import { c as cva } from './p-4hDfHOnN.js';
+import { c as cn } from './p-Cb5QxFb_.js';
+import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
 
 const labelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(255 246 194/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-dark-teal-800{--tw-text-opacity:1!important;color:rgb(1 37 33/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}@media (min-width:64rem){.desktop-xs\\:block{display:block!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}";
 

package/dist/components/p-modal-body.js

@@ -1,4 +1,4 @@
-import { M as ModalBody, d as defineCustomElement$1 } from './p-BABnzdIg.js';
+import { M as ModalBody, d as defineCustomElement$1 } from './p-BzTCgxsR.js';
 
 const PModalBody = ModalBody;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-container.js

@@ -1,4 +1,4 @@
-import { M as ModalContainer, d as defineCustomElement$1 } from './p-C_sIecbu.js';
+import { M as ModalContainer, d as defineCustomElement$1 } from './p-CV1ND9Ew.js';
 
 const PModalContainer = ModalContainer;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-footer.js

@@ -1,4 +1,4 @@
-import { M as ModalFooter, d as defineCustomElement$1 } from './p-BeoE8y4t.js';
+import { M as ModalFooter, d as defineCustomElement$1 } from './p-DzKgvS22.js';
 
 const PModalFooter = ModalFooter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-modal-header.js

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-D6r97Zk0.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-C29uSkwR.js';
 
 const PModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;