@paperless/core 2.0.1-beta.21 → 2.0.1-beta.23

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

@@ -66,13 +66,13 @@ export class Radio {
      */
     checkedChange;
     render() {
-        return (h(Host, { key: 'cadcfb2a903a3a9f70796770dc47f22caf199b5e', class: 'p-radio' }, h("label", { key: 'bad70100ebbf0d8635fb9a50c274aac56b74735a', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '87c8c6b485b23beb305450bb18416936425e000e', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '500655357e45b7ed47b651993b2a4e62aaae1818', class: radio({
+        return (h(Host, { key: 'ef48217704ef103668234d8b3b8da720b58d90ee', class: 'p-radio' }, h("label", { key: '29176e1a1f018a252f1c990d8ed02ab67b97297c', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '785cfc9c4f61069a37efd36f39ed948eb08ffea0', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '8ef43efad2ebd27ea62dbd3254279901b7dc2504', class: radio({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: '23b0de0ff8913ed6bc66bddd50eea9117063b880', class: circle({
+            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'fe41351c563e10018dfe02235faa98c1e883f153', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'bbf707984104b091871111ae1d1e79ea09f5e7b8' }))));
+            }) })), h("slot", { key: '9821b79310a24b03420be123009471ec4e99fefe' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

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

@@ -1 +1 @@
-.flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(218 230 240/var(--tw-border-opacity,1));border-radius:.5rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}
+*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-full{border-radius:9999px!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-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}

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

@@ -1,12 +1,12 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: 'c8554666934a49559cb5b8a31e6d448d41445c10', class: "p-segment-container" }, h("slot", { key: 'a99446441d550c8d87e0e40a6b8cd576d4be8ba3' })));
+        return (h(Host, { key: '13dd4ad8e37de0c55abcc3748746bccd628da688', class: 'p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'c006b5f0ad06aa1f2d8a54faf2d1f6dcc97a7d83' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {
         return {
-            "$": ["segment-container.component.scss"]
+            "$": ["segment-container.component.css"]
         };
     }
     static get styleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"segment-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/segment-container/segment-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB;YAChC,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"segment-container.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/segment-container/segment-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,qGAAqG;YAChH,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-segment-container flex rounded-full border border-solid border-off-white-700 bg-off-white-300 p-1'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/segment-item/segment-item.component.css

@@ -1 +1 @@
-.-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\[9rem\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!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}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.5rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}
+*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}

package/dist/collection/components/atoms/segment-item/segment-item.component.js

@@ -1,35 +1,40 @@
 import { h, Host } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const segmentItem = cva([
+    'p-segment-item',
+    'flex items-center justify-center',
+    'h-6 gap-2 rounded-full',
+    'cursor-pointer text-sm',
+], {
+    variants: {
+        active: {
+            false: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',
+            true: 'bg-dark-teal-600 text-white',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'w-6',
+        },
+    },
+});
 export class SegmentItem {
     constructor() {
         this.active = false;
         this.iconOnly = false;
-        this.size = 'small';
         this.icon = undefined;
         this.iconFlip = undefined;
         this.iconRotate = undefined;
     }
-    /**
-     * The host element
-     */
-    _el;
-    _hasDescriptionSlot = false;
-    componentWillLoad() {
-        this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
-    }
     render() {
-        return (h(Host, { key: '0231e33d62667c6f6baf39907c52f1d05483b777', class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), h("slot", { key: 'b150ba986fdaef2a98661a48796bf43ff77e8c24' }), this.size === 'big' && this._hasDescriptionSlot && (h("span", { key: '78017b51faf3a96f8fc8b8d59fc9a62bec694afd', class: "description" }, h("slot", { key: '6d36db486c92e1324260ba88e91fe6d5c709798a', name: "description" })))));
-    }
-    _getIcon() {
-        if (!this.icon) {
-            return;
-        }
-        return (h("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+        return (h(Host, { key: 'af4c3783e2791d61632bdb598682ad2f4f95539a', class: segmentItem({
+                active: this.active,
+                iconOnly: this.iconOnly,
+            }) }, this.icon && (h("p-icon", { key: 'a554a9b7a78e0b4dba9b967b97cb98b49e28c9cf', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), h("slot", { key: '17306fa82a398b6b7bc613f78197b425fd376af9' })));
     }
     static get is() { return "p-segment-item"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["segment-item.component.scss"]
+            "$": ["segment-item.component.css"]
         };
     }
     static get styleUrls() {
@@ -79,26 +84,6 @@ export class SegmentItem {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'small' | 'big'",
-                    "resolved": "\"big\" | \"small\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size of the segment item"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "size",
-                "reflect": true,
-                "defaultValue": "'small'"
-            },
             "icon": {
                 "type": "string",
                 "mutable": false,
@@ -176,6 +161,5 @@ export class SegmentItem {
             }
         };
     }
-    static get elementRef() { return "_el"; }
 }
 //# sourceMappingURL=segment-item.component.js.map

package/dist/collection/components/atoms/segment-item/segment-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"segment-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/segment-item/segment-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASlE,MAAM,OAAO,WAAW;;sBAIG,KAAK;wBAKH,KAAK;oBAKgB,OAAO;;;;;IAiBxD;;OAEG;IACgB,GAAG,CAAc;IAE5B,mBAAmB,GAAG,KAAK,CAAC;IAEpC,iBAAiB;QAChB,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAClD,+BAA+B,CAC/B,CAAC;IACH,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,0BACN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAC1B,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE;YAE5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC7B,8DAAQ;YACP,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,mBAAmB,IAAI,CACnD,6DAAM,KAAK,EAAC,aAAa;gBACxB,6DAAM,IAAI,EAAC,aAAa,GAAG,CACrB,CACP,CACK,CACP,CAAC;IACH,CAAC;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,OAAO;QACR,CAAC;QAED,OAAO,CACN,cACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\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\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"segment-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/segment-item/segment-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAI/C,MAAM,WAAW,GAAG,GAAG,CACtB;IACC,gBAAgB;IAChB,kCAAkC;IAClC,wBAAwB;IACxB,wBAAwB;CACxB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,2DAA2D;YAClE,IAAI,EAAE,6BAA6B;SACnC;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,KAAK;SACX;KACD;CACD,CACD,CAAC;AAMF,MAAM,OAAO,WAAW;;sBAIG,KAAK;wBAKH,KAAK;;;;;IAiBjC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,WAAW,CAAC;gBAClB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC;YAED,IAAI,CAAC,IAAI,IAAI,CACb,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF;YACD,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'h-6 gap-2 rounded-full',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-black-teal-400 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\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<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js

@@ -4,7 +4,7 @@ export class SliderIndicator {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'b881e676d31e9db8b09093c2ad767467584194aa', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: '4525154d8a2fa45a67c9194601c038ce4d68d93c', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get is() { return "p-slider-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,8 +7,8 @@ export class Status {
         this.iconRotate = undefined;
     }
     render() {
-        return (h(Host, { key: '1d4fc08551aaa41e7b1e6f5cffe6bc6dce88b417', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '4b2d7a3a670c335b42905de63fb8aa1c8b0e34e3' })));
+        return (h(Host, { key: 'c22a53f6a938b6b474cc0d3b48bafd1b86ac12ce', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: '488fd658de93d5f4a7a32cfea4407df0953eb092' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/collection/components/atoms/stepper-item/stepper-item.component.js

@@ -8,7 +8,7 @@ export class StepperItem {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: '8da0538e191e3cbe2bc2ffd34235e29bf36c5c4b', class: "p-stepper-item" }, h("div", { key: '26ef593097c695a3944a7c50f941f566c2bada7b', class: "circle" }, this.finished && h("p-icon", { key: '648760041a32cd018e7e5a7b76d7cdb19220425e', variant: "checkmark" })), h("div", { key: 'fe3b931203de10909550032493c5d305187f9ef8', class: "content" }, h("slot", { key: '16627589013f17c494e482c98b7e96aaed2de5a4', name: "content" }))));
+        return (h(Host, { key: '1920bc6191385c5b1bcb32ffecfded7f7c1a3f40', class: "p-stepper-item" }, h("div", { key: '743a51150e95b15bfd194498d9568821c50b4311', class: "circle" }, this.finished && h("p-icon", { key: '876d225ca1f3c974c4f5c0cebd8d7eabff7a8336', variant: "checkmark" })), h("div", { key: '42dfe103a364e5c8183bced9825f7d899fd7c01f', class: "content" }, h("slot", { key: 'a9db4797ad8649458649df53a4edb91c46a8199e', name: "content" }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/stepper-line/stepper-line.component.js

@@ -5,7 +5,7 @@ export class StepperLine {
         this.direction = 'horizontal';
     }
     render() {
-        return h(Host, { key: 'a098b7140c582af2edc9cdd7b4f8c37f5396223f', class: "p-stepper-line" });
+        return h(Host, { key: '9c523b4c1c77f12e65b9e8e97e447682089c6259', class: "p-stepper-line" });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab-group/tab-group.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TabGroup {
     render() {
-        return (h(Host, { key: 'f5db65ff43cf524cbbd2482ee29cf4e1d845e876', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: '1f410d379e84904b6d658a82d9ccd43f7f863202', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: 'a50bbd0b25ade7ffcfb8fd066afc2f0b08c2a4cb' })), h("p-divider", { key: 'd814f2ad8339c98d524c522f2002cf9518ef603e', class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (h(Host, { key: 'c2373e9bf105402dcb9fcdea9f00e96c3d22234f', class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: 'b5cd3a1a953b63d00ef2e5ab6ccb3a8dae482905', class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: '27402e28fe9d870007ce31601a0b5512df1f8e56' })), h("p-divider", { key: '0abf3dd0edd40ec56abb9781d28a28d8336fc816', class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
     static get is() { return "p-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab-item/tab-item.component.js

@@ -4,7 +4,7 @@ export class TabItem {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'd728170a44b3c2ed1a55aa9f90a2e333811b53c5', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '5e528d172aaef412521f6c93a755bd0bf9f9864a' })));
+        return (h(Host, { key: '5bd9aae0c6b920150ab95027e301519ffdfa9b5c', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '221acbe500445e4f104f7f26dc7a0d37c4818a99' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class TableContainer {
         this.shadow = true;
     }
     render() {
-        return (h(Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
+        return (h(Host, { key: '8400210ea3f34d240b032c875ef5e86dc218e7d5', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '6abc0755ec890cd9001aef58ac24acb3f2e4f529' })));
     }
     static get is() { return "p-table-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class ToastContainer {
         this.placement = 'top-end';
     }
     render() {
-        return (h(Host, { key: 'ab81aa8f5275de30e45826d232f2c551aded8cbe', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '82cd3e00ce8242aaf2acdbe393fe4058949b73fe' })));
+        return (h(Host, { key: '7ca829b625cb054e8d78fefdf89ecb42fc0b16e1', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8f2bbca37514fbb8db6e60e24c96e32320ebee8d' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -104,13 +104,13 @@ export class Toggle {
      */
     indeterminateChange;
     render() {
-        return (h(Host, { key: '665a9617a9ab6f36f84bb2431a1aae0b873acfab', class: 'p-checkbox' }, h("label", { key: 'f9090b0b5cc6ca14c09a43e53f01bef33e411e5f', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '9a47bbc17f2efb2cf196c558b67837b73531f02f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'aead176166d2cc5799d3756076d9ed4085d67637', class: checkbox({
+        return (h(Host, { key: '1f27b7358ddfe7998b7353f8365b728e9fb576cd', class: 'p-checkbox' }, h("label", { key: 'b055b9953c464554baf6c2c958806ae6995a6359', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'd8da28b8229fba7a35af8a57c5dec386a93b543f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '275d3d8e8f0cad0bb62c6c7b19cb8553f08e27c0', class: checkbox({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'f73eab7f22090288618a5e71f1a0ca9d7aa92733', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: 'b0c8d090f118586f92e88f3c9eac715ee7c8da7d', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), h("slot", { key: 'dbd72bce56cdad804076b3a51c921a877530ec8a' }))));
+            }) })), h("slot", { key: '8e0571323057af097c6bf41a5ac7c0f0dc9dd71a' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

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

@@ -83,19 +83,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: 'e773c573f879f37ca26e3efb0621a148150cc988', class: popover({
+        const tooltipElement = (h("div", { key: '0a9e167ddc84ee7f583d37aed323c2cf02c1fa9f', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'beae5aa49190a54cb3852aed32989e4393a4577b', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '2df89a5828f590f1140e7b49d0fdbc0bbd342e76', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'df2ac0c2212bdf2d0649ddb2a302fb74c654b262', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '102d4eca5af055bd733edd49191787bf7cffdf02', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: 'b10a6efabbd222ac3f49ce1ed609225d43aef28c', class: portal({
+            tooltip = (h("p-portal", { key: '1b8c71e02362b745c0db665215c3484f730b4261', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '49b2555dfde9308712f54352b71b6b3392237f92', class: 'p-popover flex cursor-pointer' }, h("div", { key: '75bfdc10b8af271be06fb857d3f08e040c05711a', class: 'relative h-inherit w-inherit' }, h("slot", { key: '9dae75ed3b6edb2384b8a5d5b573aad90278a875', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '7a6070e29497d134306025162f4c6fb23dcf8a37', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0482d4946e076d56d7264727eab6f6467472f195', class: 'relative h-inherit w-inherit' }, h("slot", { key: '7db62f696ce194cdded44a511d2f7dfd06ad7517', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/collection/components/molecules/accordion/accordion.component.js

@@ -11,7 +11,7 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '1987c3d70bcb8cbf640c5df6f3f4f9d6b4e91580', class: 'p-accordion' }, h("div", { key: '6b1b9e48c71f8eaf4d57d3ad0d200c7a1d5786e7', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: 'a3730b1c6a0df8ea19b0bd0a860f297fda3950a1', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'd1c3e010caf52118b2f949f63cbf38f5958f08f8', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '64e9ea96be09d1c832ca29bb25d00ff8093d21ee' })), this.open && (h("div", { key: '0b233c739b2b4f4619d59a479fb201bfff84d68d', class: 'mt-6' }, h("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' })))));
+        return (h(Host, { key: '0f0edc75d92baaea28a9e4b4193dbfbc24b0dca8', class: 'p-accordion' }, h("div", { key: '43df383fad37eb55fc3f2c25d468deae9dcbed1e', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '12527b51ce59eee60d78b3370d6108c6f726a5a4', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '54a6d7034150bbca73d086538d3dfbd048d49293', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: 'd4b96c50ca1a1c27b2b5da2a1cae9266427163bd' })), this.open && (h("div", { key: 'b206b9f9f46a2c85c9b96377f011318af8108d6b', class: 'mt-6' }, h("slot", { key: '95c99c9bb3a6f8da060271afe3f7e788c002df69' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/collection/components/molecules/attachment/attachment.component.js

@@ -15,14 +15,14 @@ export class Attachment {
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
+        let prefix = h("p-icon", { key: 'fc2ff12026a3d49835f060e38af081d923437e92', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
+            prefix = h("p-loader", { key: '13f037239a365ff64c3e1dafb693bd91307a5d4c' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: '1d0b3853ea3f84afe570a91bc0186f611fd228bb', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && h("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), h("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '28770175f555d1e0c84707dce0ca4f2ce5106625', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'e42f8fa6c30fe3b11c82c0de6887871e26f01446', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: 'b8ab8bc0dd28eef5db6061a2efd659d029a1260d', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '7a55028d58a7d959be7ff9dbd0c3673b179fdc19' })), this.error?.length && h("p-input-error", { key: '50a187071f5857dcb283245d8e94389fea97fff6', error: this.error })), h("p-button", { key: '2bc5660510cb29ed05961d21bff89c977126ecfe', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get is() { return "p-attachment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/button/button.component.js

@@ -289,7 +289,7 @@ export class Button {
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: 'c528dd1f603ec9602af623f74ff422d1745f5f88', class: 'p-button block' }, h(VariableTag, { key: 'ed0b7309950f72321c0c355288afdaa3ffbe9a3c', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: '6424b147500f9e23b58e9130969b3a6551207793', class: 'p-button block' }, h(VariableTag, { key: '7e8ff2d9c88e22a000462e58f4b192403067843e', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
                 underline: this.underline,
@@ -298,14 +298,14 @@ export class Button {
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '4f20df27c82f4b43f4b3d0ce1584571e0854c61d', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'efb172d6b7e7ec4a50f4afc85af7a0c83a65ebfd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), h("slot", { key: 'ce4ed96beafa7bebb83e8f8346350e56a27fc8e3' }), this.icon &&
+            this._getIcon(), h("slot", { key: '0baa166aedacae64b04d99cd539224e9315fc106' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '1f2613670560b7ce499df4d08dddb011c92971a7', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '282534a7fb06fa16769cdb6dbd736564f8d41beb', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '2add95303af94434a77a0c6b1935c886d4a3ddfa', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '3aaa904697024393c651dcba83075bfcf07af844', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/collection/components/molecules/button-group/button-group.component.js

@@ -11,7 +11,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '7d49236b6a489e5581670eb011a9743cf3edec50', class: 'p-button-group flex items-center' }, h("slot", { key: '40a1f245652f461c6c2619c3f2f3ceff9b11fd1f' })));
+        return (h(Host, { key: '5320f683d3a2458172e091d07c79fb59ddf8890e', class: 'p-button-group flex items-center' }, h("slot", { key: 'a9d1f6af847795a20f8389188a7e6fedd4ab2c60' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/collection/components/molecules/calendar/calendar.component.js

@@ -139,7 +139,7 @@ export class Calendar {
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: '624da5939a3391fc98be636153ca8a296af47390', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: 'f63b07df1328a57cc35e085d1571e181ef7d4bc6', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/collection/components/molecules/content-slider/content-slider.component.js

@@ -39,9 +39,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'e996c635c0cf4b6079e446ce63d73f1b9852726b', class: "p-content-slider" }, h("div", { key: '184859d7f3cc545fed4b2cd81ec40f1faf231a14', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: 'e783ded65669f94fb8f4890624b967de22aaa356', class: "p-content-slider" }, h("div", { key: '596098993bda1ca9ae97a625986885c48eb6849b', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: 'cbeab030c9c898ee3f13b18c542673057113a74d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '3a750b867b7abd33b4ad25dd08b7e634fbddd957' }))), h("div", { key: '6fb3c9c1bfcaf67067858c71de4058be1e6fd8b8', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '40b9daccd158e980521b92d1e8bdfa85336c527f', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '5ed5d24d35a24f2b69345d40aea7c488bc381ba3' }))), h("div", { key: '9eed8a08f02b7aba97e04ff55e72c651347a7ac6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {

package/dist/collection/components/molecules/cropper/cropper.component.js

@@ -34,10 +34,10 @@ export class Cropper {
         }, 200);
     }
     render() {
-        return (h(Host, { key: 'afd5e10b35660436241cd4bf34804ff18d38e63c', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'b83a601fdc5e6dd0bdab4091dce8536dd8098abd', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '92f70e3d205a72e87c4454f6f2ffb3ecb7c2a2c4', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'cb819b4d9a2e28263555c888b4db913d6d8d9f45', class: clsx({
+        return (h(Host, { key: 'cf3ff15123161c366d73c97eae8eaef57baa5452', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: '28611bd08b26638165dbe3f18bec490a6ab2d90d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: '67bbbf0f4a0e835a410ec9812547624bc2b83909', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '264614024cdfc56792f2508203ebfc0a1d4ee8dc', class: clsx({
                 'rounded-round': this.variant === 'user',
                 rounded: this.variant === 'company',
-            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '65e6df8e4166009cc27e83c173203c7dfe163bd8', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '2c7e8c3b91c7bf71ac9ab34f12d7533ac32686d1', action: 'move', plain: true }))), h("div", { key: 'f8bdfafaebb8ec4da34b01bbbefc8a56f34a9696', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '883df6ef54a39ab1fbc2b1d3e1940aaec0f0d97f', variant: 'minus' }), h("input", { key: '8d39562d4df89cf00479cc3ff97194c14622fd31', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '9b0ba4eae79add1f148a884013f8ad3f8d7d75cd', variant: 'plus' }))));
+            }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '3dcc1ed6c57736a627b510f5294291b5c1214683', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'e987c84b87f01162c7ab093d606463f189a16bf7', action: 'move', plain: true }))), h("div", { key: 'f75de6ebbd0e0e5e27ef6d455c5dad7467240d2e', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '115a2f9d9cd815b172ecf132db230fa6ed0d0855', variant: 'minus' }), h("input", { key: '83aa40b551425dc62588d9308cc6c7a683fbbdf0', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '64e60553e7ea9ee72fde7acdc6ff05fe298a639d', variant: 'plus' }))));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

package/dist/collection/components/molecules/datepicker/datepicker.component.js

@@ -112,7 +112,7 @@ export class Datepicker {
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '81d0ef25f8732896445b7e5cb89d8442cc0db02e', class: 'p-datepicker' }, h("p-dropdown", { key: 'ae2f387721b7b6799bf413e5f6622ab60ab0807f', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '263f9cada2705bcd9cd579f569aba59f49f69f8e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), h("div", { key: '5669a50474ab48cc77391ab17c4e3b72ce3b8a7f', slot: 'items' }, h("p-calendar", { key: 'db4da464f2e0a96fe6a7697c1107990202d1a102', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+        return (h(Host, { key: '63453905266faabeedd7d701572cf9ac2a7722c1', class: 'p-datepicker' }, h("p-dropdown", { key: '06f85b59084cd8ca887bf4299f7fc9f5dd4ca311', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: 'fb5a0f909aa2ea65afd25227b54bbeb76e11f0bf', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), h("div", { key: 'f073cd37126b6540dc308b4c1770e906e31e95be', slot: 'items' }, h("p-calendar", { key: 'd1ca3cf3058485e7bc5197f398bc2f7f3342cd7d', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/dropdown/dropdown.component.js

@@ -69,12 +69,12 @@ export class Dropdown {
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: '5d9510a6759f791fb120fc06a31329a21f623f02', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'ea8ef6c6bba695321c530e12051881613fb73fac', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '6ab8276bd86e17e48cea60aee12809edaf4d59ad', name: 'items' }))));
+            dropdownContainer = (h("p-portal", { key: '86ffcff551d96bc243504d6d6b3d07bbfc34a0b5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '0765572d22af5a168383b1d108d737f15c5fac27', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '7e07948c37401209ad263d489d84d3b228c1ebc9', name: 'items' }))));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: 'fa587ed2bf372b31843d0e39b2cf5309d62fc0b5', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '91a76863819e3c4d2cfd97f7b935b0b444d9dacc', name: 'items' })));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: '02a521eec91448042ebe06a44eda62f3f7f2721d', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '9feadf39471cf9a21cc54f254e9606bed0a22add', name: 'items' })));
         }
-        return (h(Host, { key: 'b5feffa63e8b3539ea8f7a00fcafab83d0be9c4e', class: 'p-dropdown relative' }, h("div", { key: 'ffe6f1d230d2281e6c704683dd08c9e74261dbe3', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'f01bb68c26c92da98d639ba49aa1723a841c6c92', name: 'trigger' })), dropdownContainer));
+        return (h(Host, { key: 'f5553c381b470b227e88cd89c9cd54f8c3b6a3a5', class: 'p-dropdown relative' }, h("div", { key: 'b69a4afd2b82c44b3fe0a07f0de0c9f2c2298993', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '88ee2ccfb753c4f8e8cc29c161124ad451f2530f', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/collection/components/molecules/field/field.component.js

@@ -135,16 +135,16 @@ export class Field {
     _inputRef;
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
-        return (h(Host, { key: 'b4229a4e7257f7a929cc3208834d95ab97990bcf', class: 'p-field' }, h("p-field-container", { key: '66c1e5bdc10bdc948e1e943fde89355e861135ae', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: '045626975fa0861371d2ad830d9bf8ec5b80720d', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '43e613371e67f46a0c8ed5c9201b2b4e5fe91d7e', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'e26723ffb55166d67c50e761410cd62100d70fa1', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'b833ce639c3ff30e88ba86cdeb45dcf01ef866ac', name: 'error', slot: 'error' })), h("div", { key: 'd6b045356bca57b02a4ea32096969b5e017e3884', class: field({
+        return (h(Host, { key: '6ee18d3003f95e306599804827d24bccb869fbac', class: 'p-field' }, h("p-field-container", { key: '253178a1a1f9d85dc5a2515d7daa3bdec3756685', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: '9ae351e4b130f2097c459889614d627426eb73f1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '06b232eb4d1101e51027b1fcb296076252ec73da', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '28bae575c273efc6373d30d80a403508bac4b5f5', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '9c43b918c2b1901f1e374f300d6189cb31608ecb', name: 'error', slot: 'error' })), h("div", { key: 'e170a99bfbc5fa17c9c4465051219132360a8c3d', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '6edc4f2c7b1b3bf470f7ab4a390655cdf0cf4d7f', class: prefixAndSuffic({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'ecf1fb9ec811e26c4123f97f5ba18d6cbc07750b', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '4b9d7579b8f08fb7fd7b6a2b69d0fb1a8a2bead5', class: prefixAndSuffic({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'fb6fcf5c393812d91b01cdb7ebb5bd74767656be', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,

package/dist/collection/components/molecules/input-error/input-error.component.js

@@ -6,7 +6,7 @@ export class InputError {
         this._showTooltip = false;
     }
     render() {
-        return (h(Host, { key: 'a5254a196be0c13c5f19f9db20eb14a606583fee', class: 'p-input-error' }, h("p-tooltip", { key: 'de2160ad2666b3478aa67fc94ac0d662c25e188c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: 'ec0c8e2591ae2933997fe2890e03852e7ae4f0c5', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '1dfbd30a1da9a7662166b86f498a085c12b23f2a', class: 'p-input-error' }, h("p-tooltip", { key: 'c90ceaf3df4e65de6f52009ac1bd131783849911', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '6cf02d8edb26b1b1a8f0b961ae61ab70fbf38846', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
     static get is() { return "p-input-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/label/label.component.css

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