@paperless/core 3.15.4 → 3.15.6

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

@@ -44,10 +44,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: 'a106eb003b488d35b371d6ada4b92c009409ab8d' }, h("div", { key: 'ef6c764db7f715a968a1d8935b720e2dcec8fe26', class: container({
+        return (h(ThemedHost, { key: '72e732ad8caa169e9bdc001457e9f10995051127' }, h("div", { key: 'c779eb55ca98ababe8057655e8ff0174bb76fe4a', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '1361db39acb99256c403dceac65338dace60a7c5' }))));
+            }) }, h("slot", { key: 'd20e5a00f6427452a2d4a749e12911aecf8ccd45' }))));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class ModalFooter {
     render() {
-        return (h(ThemedHost, { key: '72a0afeef3f9cc2a52f376b3196fdbd559f2ce52' }, h("div", { key: '5f36d029f6825ac5bb1af52af62b0f00fa19b412', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '32574ecdc2cc92dec54ca96d78f3542b4d7e3cbe', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: '250ea669f73f28deffc386701210bafb44cf1b23', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: '64f2943e6dc96db9ad040671d439b6b0d1c1a454' })))));
+        return (h(ThemedHost, { key: 'c630dfd24033a1fefadd906dd9bdbfd9a71e9d15' }, h("div", { key: '4fedc0bd1e80e55f58e52d94747f0f1cabab1fcb', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '68eb34510f7cac49375a071f1bf2a5d8a318a78a', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: '73115c8b10afd4dfcfec3f1ed1fc960a45286a69', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: 'e105aca9584dffee79ca1065d93ca192b4b50df2' })))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'fb48ca24b32ae1718e286f0c57cf8cdfda26251e' }, h("div", { key: '4f87097383ea43e857fca75f46116678ba06c3a5', class: header() }, h("div", { key: 'c9d329f389711865008bb67a04fd95fc321d5f27', class: content() }, h("div", { key: 'b25903d7b487a0ed4fb8816867bd2544dc9bb7e5', class: title() }, h("slot", { key: '308f1264a692d4887a13a0ee46c019a27cdcd5af' })), this.showClose && (h("p-button", { key: '1cfaa62613f5d0d6fd0879a824d2de54ec08b7ce', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '4aaf965d357c1f2b97989995ff71c4c37324edff', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: 'f6a086ec3c9302e5dbeb7fb042f304a2896060b9' }, h("div", { key: 'f224679cc4c8a2818cc09c9577f3e217b4a1ca07', class: header() }, h("div", { key: '73a208c828dd41c1cf10291864ecdccf0a96c8bd', class: content() }, h("div", { key: 'e08fee990e8ac4d6d89786a7226d47fbd54b6ae6', class: title() }, h("slot", { key: '2ebc122013efc034b0714361163e2132a876606d' })), this.showClose && (h("p-button", { key: 'b14792c5164e5f24dc4aa24659718f106d21ef75', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8cf5a79ad5b83f00d6a57c69a0fbe84b854da118', class: 'dark:text-hurricane-400' }))));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../internal/themed-host.component";
 export class NavigationTitle {
     render() {
-        return (h(ThemedHost, { key: '931af33edbc3cc1f4f0195462b18fad324f3cd05', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: 'c556b9241a6b6023d88a26cc5296178f8711d622' })));
+        return (h(ThemedHost, { key: '53bc30cf82b67e849e4225d8e535eb63a533e29c', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: 'd76a74291954511761c2723f09e9ec3167d893d7' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,12 +103,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: '867dcd55f7c4194c89b18ff3a46a52ee3f728fef' }, h("div", { key: '406e4e9641b35fc16a5379811f959878ade2c0ca', class: item({
+        return (h(ThemedHost, { key: 'a00e3915d8e49a4074435cc6cac57187971943e3' }, h("div", { key: '4c263aec6c7d3298bbe07e008a271a74c2e569f4', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '6515cd771a33b320d60940674c324d0dc285f74d' }))));
+            }) }, h("slot", { key: '18999ba867a7c7426335a0ded9be7a8a4b72c10a' }))));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,11 +118,11 @@ export class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '1b34f45d6511b31e6f6422bc394254fec08a93b3' }, h("label", { key: '7653f5e2b3fd0d8c56bfe410774ca9f6a0e9b2ec', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '5eeb3cb883ca4da0111dcd6f5e8f1ef9d5b3205c', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '94c1413d1c39a5dec10c65a7e9aaecb99103d61b', checked: this.checked, class: radio({
+        return (h(ThemedHost, { key: 'd5334045a52172399e768bbd448737fcd8567450' }, h("label", { key: 'd14816b76d93197e7fd6e6b752ec4a45e50269e0', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'db3dd7c3937d7b65b73985757173075c3ff52fa8', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '5a64eb06e7f365e93161cc29302ae6d3b5d65c10', checked: this.checked, class: radio({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), h("div", { key: 'd5978350946a867664aad181475a2b5e38e9706a', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), h("div", { key: 'ac987605416cfd3dcc5dc2d88aca57e2f1fd4c6f', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: 'b115a387ba384e96652fecaf557e4c9e6b43df35', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'd2dd72ba6ee22885f14085075e0c9983165a8fce' })))));
+            }) })), h("div", { key: '2efa29debe3963f820b66f2b8ee28248fee1cf62', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'cab88d3b08ff6a958015ea7486ea6430390424de' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 export class SegmentContainer {
     render() {
-        return (h(ThemedHost, { key: 'b9f1ba919738b5398e19d447d319bd70c89f10d8' }, h("div", { key: '0940a6c4f64208c66b70e4fe135cd00bc61a7c5c', class: '\n       flex rounded-2xl border border-solid border-off-white-700\n       bg-off-white-300 p-1\n       dark:border-hurricane-400 dark:bg-hurricane-600\n     ' }, h("slot", { key: '06a3488eeb1cbaf001e8e4d1df85978943564c29' }))));
+        return (h(ThemedHost, { key: 'd4dac93ab9cd6344d68aeea73ef8bad0052ded4c' }, h("div", { key: '95dd4989020d703fc6d323e4745a9d4ea692d580', class: '\n       flex rounded-2xl border border-solid border-off-white-700\n       bg-off-white-300 p-1\n       dark:border-hurricane-400 dark:bg-hurricane-600\n     ' }, h("slot", { key: '54d232dd6a70fd1716772927c86459410a9a01ae' }))));
     }
     static get is() { return "p-segment-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,11 +71,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(ThemedHost, { key: '9be1b585d2aede4645ef92018603c79a85bd4e23' }, h("div", { key: '049f0e6c3fc278bbfadec4f23880afc6e567aeb0', class: segmentItem({
+        return (h(ThemedHost, { key: 'a64226bb7a8c2d086f3972986fde0584d6f19762' }, h("div", { key: '0a518083b55e3a9d87441085e97b75340d07bf16', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'd72b71bba1a830113c8c1269179094c4018e5099', class: cn('mb-1', {
+            }) }, this.icon && (h("p-icon", { key: '1a6290f8ff06e48c102a8110634f67e9fb7a13ec', class: cn('mb-1', {
                 'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
                 'text-indigo-200': asBoolean(this.active),
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn(`

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

@@ -40,7 +40,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '6e81187a95899bde054b3758a1e508b9ad8fcd55', class: smile({ variant: this.variant }) }, h("div", { key: '9619867e6df73de96849907f12b247a8f5fbab68', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: 'd02cc8f0b48334a363b9bad858e5191e28d00634', class: smile({ variant: this.variant }) }, h("div", { key: 'ec35089f4a29622f0c5c528b6fc964b546d0c845', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

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

@@ -147,19 +147,19 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '99f3ac7e8c508e8353f5ac5cf1bb93ebd69e8755' }, h("div", { key: 'f194d28cb528142aece5245b8555a05fa162c594', class: item({
+        return (h(ThemedHost, { key: 'edf338c5b008b559c5199f7c9f454bfe9e20f9ce' }, h("div", { key: 'e91525c251df530c61b1faec6f90e8709d75b527', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: 'dbae4ce93130a491c110f642a47be34b55b58d9f', class: circle({
+            }) }, h("div", { key: '64a513f2fd42c518c336996e1fd8d01375f39003', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '72a51566731de389a14b4b1d72dbb5de039f854b', class: content({
+            }) }, this.number), h("div", { key: '7e0ee0a172fc6c1065fd9e575eb4d45bd6729d32', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: '2002bd29cf842eae1e4392204aa999235afd213f' })))));
+            }) }, h("slot", { key: 'b5d5e8be64cd61d0fae48429264560d4102e5037' })))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(ThemedHost, { key: '1efdf5cfab3f5fef46e133f97c13ab95cc3cc240' });
+        return h(ThemedHost, { key: '621b15848cad51fd35bfa92f6d540aede5370d7b' });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: 'a786ca19e61950ab9d2ac8266ab4d935203cac77', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'd1aba8281aba405cfcb27025af2d65e4ecb347cf', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '1d6f60abb5dce3ec732f2baf27a7d0dc8d7f9eba' })), h("p-divider", { key: 'c44608e8eca326072707a5c3c9df41954e9ca8e3', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
+        return (h("div", { key: '1a84044a6d41448dcd9eba724447a69e9cb802ad', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'fa43f598507b7b6ef07768da6b21a390a7e28d7a', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '28710a308901559905c06d39940e8adb7612e389' })), h("p-divider", { key: '023a2f7c8d4b4487351767c818f4eb3637c3dc43', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: 'eb3807306777016255f5ae891914fc006f685f08' }, h("div", { key: 'aee0518032892fe6a9f82a70f1c4f8d9b39958d4', class: item({ active: this.active }) }, h("slot", { key: 'ee4ee594465a4e2eadc57f25c609bf34418feb65' }))));
+        return (h(ThemedHost, { key: '1314ac8efe8c41af560d30bd80354a30dcabb5eb' }, h("div", { key: '793730655b4fe7f31a6483e84a153ac917ea138d', class: item({ active: this.active }) }, h("slot", { key: '4b47284fa94fbad7903351d21f85ea8c942dec02' }))));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('relative flex flex-col');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '3daf6469b62cebd689368d36868c43045e45b9ba', class: container() }, h("slot", { key: 'ee905a8bcd2e251d16e0af31a1609e905d41fa33' })));
+        return (h(Host, { key: '2fd7fc58cab60ed34f8865794e55bdd1b51319ec', class: container() }, h("slot", { key: 'be28d0ef768363a1ae5bf38b53640322796e3e4d' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

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

@@ -7,16 +7,16 @@ export class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: 'efb6cf4c063212207c5ea272f3ae3bbffd18e419' }, h("div", { key: '2d1a85c5f4e1e4829cd45b081fcc31e46bd02773', class: cn(`
+        return (h(ThemedHost, { key: 'a148460bbfb446abc882e23b64d08e2651ee4948' }, h("div", { key: '086b9bf592037fa75dc01339557b0e7a1d5c6a6f', class: cn(`
         flex
         before:w-4 before:bg-gradient-to-l before:from-off-white-200
       `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: 'ebea7754c0318514557fe7d751ed2212cfcfc35f', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: 'ee843f943ac853c58f637e08ecab64a343c70bd8', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '2cba74d1d0d62f685798292b7199632aae122d67' })))));
+            }) }, h("slot", { key: '29774b4038414a37897f378ac97ef8c8ac52622f' })))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,9 +39,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '6c0ca1492b8b5db68b62537115baa9b8ba59a223', class: container({
+        return (h("div", { key: 'c87d324a11d66a7704988033e49a2067e220d291', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '7735e0c87c0ff212044e3358e9dc0d8c30de67ac' })));
+            }) }, h("slot", { key: '2f8120778dfe10ce4411d16e5f790e9a6472e9b2' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -132,11 +132,11 @@ export class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: 'c94da39c5cd65f7e50190bde49c5924df1c0a8a5' }, h("label", { key: 'd46c44760b0aba16fd630a7a8ac92247f351db0e', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: 'ae3f73a862a2a7989aaf75033384eda0b7cb9933', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'e87e4b22d9353831bcf3c6d00587801e9c900420', checked: !!this.checked, class: toggle({
+        return (h(ThemedHost, { key: '4f8a3f60ba59812dda23003be5e05acfd139e59e' }, h("label", { key: '0b83440cf2baa8433e1ce904441c3abd84757ae6', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '7ac5f699d1a6fb3085f92e5f8f443fca8fde6a73', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '18505d3d126cfa52d54578dbc405c614fdb2b000', checked: !!this.checked, class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: 'da80e9bd020c9787c396e341de05a63f3e587e7d', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '310cd855b39440e746322e7f2c57d966883afaa8', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '3a47695b364859d2c600941ffc544205ce074a70', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'e0e538f18f1271368c3dedb380f902b579aa8eea' })))));
+            }) })), h("div", { key: '04fcbe648061f13949a877de001185fd37b6d5aa', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: '4003ed6611110c469ad1a3f527090fe7aee7013e' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -97,10 +97,10 @@ export class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (h(ThemedHost, { key: 'b7236e3ce5912e9ba30714da4c2e7af49086f834', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: 'cf670f071402f8f8c8e410b0ac5cd71e04e66c83', name: 'trigger' }), h("div", { key: '6070ac034b4430f7e7e34f18b057983d1a0c2f6e', class: popover({
+        return (h(ThemedHost, { key: '94295b053453731ce0ff7d600eeaa96583986b94', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '584b48af09bd5866a88aefc4273a4f3df0fb427f', name: 'trigger' }), h("div", { key: '8838d0bd4e38f1c2035ef0cdb7c005111faebbd5', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: 'bdfd98d1aa78a4b381744740ed5f6e8ee5d892d2', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '1d146ca53838e1d02026e2106ad878348ac9c668', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: 'a7b9a33b688c70778870545029b19d99cbaa5cb5', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: 'e73c75c8668fb89532780f84a61fd15b6f79d736', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'e2d53a39ee172cb8c573b88cab657efb0288b41a', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '24a5ef26648c96692e5d0cac2ffdc44076e05286', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

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

@@ -27,10 +27,10 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(ThemedHost, { key: '6bdd4ed7d2af065f0123c3a52c45823427a4c910' }, h("div", { key: '7a1a2b915508b63385f223f44f72d2bf3964d0f8', class: 'flex w-full flex-col' }, h("div", { key: 'b2bd5b3e79622732cb12cc20ed0ba0af9783abd5', class: cn('flex cursor-pointer items-center gap-2', {
+        return (h(ThemedHost, { key: 'e8d0a5eca31d3df3444861da1209a1f93fc5a84f' }, h("div", { key: 'aa3fe2f426aab19964ff5a23108a7a1a203a37b1', class: 'flex w-full flex-col' }, h("div", { key: '70bb96986d286a5ff6cd5914934bf30ff1e64bb7', class: cn('flex cursor-pointer items-center gap-2', {
                 'text-storm-500 dark:text-white': this.variant === 'primary',
                 'text-storm-300 dark:text-hurricane-200': this.variant === 'secondary',
-            }), onClick: () => this._onClick() }, h("p-icon", { key: '14c2c63d42091bd8fb9e3a9f34db46cb14925638', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: 'e454be441fb5f3c6bc4fed85dce2a0340f2d5d67', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '390ff50e2839e90cfa23bd47176c28b0955afe51', class: 'flex-1' })), this.open && (h("div", { key: '88697a63f13c0cdbc3ffa328f3867b17ae330d4f', class: 'mt-4' }, h("slot", { key: 'dead63df013ae45be5c507e087940544f6b00651' }))))));
+            }), onClick: () => this._onClick() }, h("p-icon", { key: '6bae36a2b8de1d0f761a619b0ebb107baee5d827', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), h("p", { key: '4a2cf003a82d1f7d868b1ce813f661e2d3743ebb', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: '45dfcdfdd35139f1c4c63c9b789842d816646287', class: 'flex-1' })), this.open && (h("div", { key: '3e05f0710f0e7eb05d5d3844812807dd5501dc0c', class: 'mt-4' }, h("slot", { key: '5dcc4ab2e8817e19786d80bc3433b905bffde2cc' }))))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

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

@@ -101,27 +101,27 @@ export class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (h("p-icon", { key: '587f12b76577943dfbc409fbb43f42e0855f587b', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (h("p-icon", { key: '7e9403c3309c19d89c2f2b531090d19e700f82af', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (h("p-icon", { key: 'a69706156ef6b4df95e99c1287d7fc66138623de', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (h("p-icon", { key: 'b7818cdf20c11c94cd52e43d84d1160d5cb77aae', class: 'text-negative-red-500', variant: 'warning' }));
         }
         const isTouch = isTouchDevice();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm';
-        return (h(Fragment, { key: 'dc27c417ee7f51c5b5ea32f4b48d6e378b791158' }, h("p-field-container", { key: '8b24050c51fb20d72d145b0edaf631d4a565a402', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '0c09d59f81a5d66bed2ead03f66f0f9c5aa46f6d', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: 'd96a47f4325783c6afd6c2183fb9ed4a9ffb1008', class: attachment({
+        return (h(Fragment, { key: '329b2837c3fddbecf89fe95ea4281ed5b6b63ea3' }, h("p-field-container", { key: '5879f9f94b147934bbc5cf240296ac683eb11bad', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, h("div", { key: '323ac6d9c27bc98ae1f5fae65876493e20ee5886', class: 'flex w-full items-start gap-2', slot: 'content' }, h("div", { key: '9777e72d8b9b551127c1f140519e6a4f49b1a345', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '472bbcfe3fc21398f7fecd2dd3e54c9dbb29dc4c', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, h("span", { key: '1e201af0e9d38b47cc0670dd482fb4fa311f3c0d', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), h("span", { key: '6b2d1633df4a6c7d99882beaf64975c7946311b9', class: cn(baseText, `
+         `) }, this.value), h("span", { key: 'd0fa28211a80260f856516770d22b65c2d06a0ec', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), h("p-tooltip", { key: '523b11731512708da80ee9aa78a335a8b7964b29', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), h("p-tooltip", { key: '3cf509d052600a1ab99564f02bac81aab1dc0329', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: '67d6d31511515807b01ffc967945f0f6ab05bfdd', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: '77ae201bed28f516efa95da06f1ce5f457b08685', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -132,7 +132,7 @@ export class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isTouch &&
-            !this.value?.length && (h("p-tooltip", { key: 'd8fd21c7454d4fdc55982bb4d88b4fce7ffb3b43', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: '437603bf559886d48bd24e612cbdd7b932e2f599', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '8a639c93da11fa6e4698f2ecc85c04a4dca21c4b', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: 'a027d05cacd5cf8489bc09fe3b22a68d765dd942', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '287327237ce0e4b0f95f08f00581ba5a6ad0aa5a', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, h("p-button", { key: '9227694ef4991d72a7e0831d866be981ee803fc6', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), h("input", { key: '5e48b966309f63c751fa68181ce4997a296bfe8d', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), h("input", { key: '7e3a9e23aa33a5de1db6208fb153983210c262f2', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {

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

@@ -12,7 +12,7 @@ export class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '48cc5e108ffd88805ff5bf975e6163828ce49e78', class: 'flex items-center' }, h("slot", { key: 'eac2210059c03cb4a661bac6f6ca80cc10f78a69' })));
+        return (h(Host, { key: '03bd71d8cbfb37445e7d8e4895a5c759a9fae1ac', class: 'flex items-center' }, h("slot", { key: '04c84e322524b118d56380b00c6f38d130cad6b0' })));
     }
     slotchange() {
         this._checkButtons();

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

@@ -192,7 +192,7 @@ export class Calendar {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '3fff6e0a14facd9e4a44c6f932019d6d20ed586f' }, h("div", { key: '81a4a6ea5f2f24473f8c2b869c90ade95e0e3c5d', class: calendar({ variant: this.variant }) }, this._getView())));
+        return (h(ThemedHost, { key: '79f234c666c4b387fffe261ebaf09c23bbf5fcf4' }, h("div", { key: '08ad737872da4c87a32264f5f441f63a520627e0', class: calendar({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && isAfter(this._today, this._maxDate)) {

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

@@ -47,13 +47,13 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: '10219a5b7b268ab732457094c2491d4a203c3d47' }, h("div", { key: 'd66009928658b522cbd18c230d9381568661cad2', class: `
+        return (h(Host, { key: '04726bc13ef0795c905901b9ded44643e97233fd' }, h("div", { key: 'a67b82a5041268540df13a8d8c31aebcb9706ba2', class: `
        slider
        ${!this.disableDrag && 'draggable'}
        ${this._dragging && 'dragging'}
      `, ref: el => (this._sliderRef = el), style: {
                 height: `${this._outerHeight}px`,
-            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '98ea5929e9e4c35807db44deea40a713eb55e22b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '99ec72369ee09b9c56406697559ce232d90476b0', onSlotchange: () => this._slotChange() }))), h("div", { key: '3e7cd9e03341d52b60d934ad88d33138cd31ff1e', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, h("div", { key: '29f488932e007ce6bd09a1e0f7f877fc6fd94157', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '8b7a304c37d9fecc9054804149f725c8ce692985', onSlotchange: () => this._slotChange() }))), h("div", { key: 'cc7dd8ef4f21f2f16a26f9898403fcf9d7be3e5a', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (h("div", { class: `

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

@@ -42,7 +42,7 @@ export class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: '45de2e7e220d4a56fc8f863bebc570efba716c6e' }, this._loaded && (h("cropper-canvas", { key: '2d781601e405bbe14ef3dee14b3279b6ee1378b4', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '5f55ad7da0800e65d965a73dcf2954e62a720e30', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '8f6235a0c13f64b907447d4611365831bbed8328', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'fbffe0267e5346b34f627d4160222c08a048da18', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '90d51dfa7e392505459b2252334e98eaf28f0e9d', action: 'move', plain: true }))), h("p-range", { key: '8baa03308cba09293a7438957efe228ab4abd665', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: 'c56fad9976a17b6ec558e45524c5a96e93bd65b5' }, this._loaded && (h("cropper-canvas", { key: '669a2c20c34186608dff508a015a0305425afb81', class: '\n        h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700\n        bg-white\n        dark:border-hurricane-200\n      ', onAction: () => this._onAction() }, h("cropper-image", { key: '56d73c236d9101c8387be03f96272fdef279e290', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), h("cropper-shade", { key: '39d8b0e3a64c9e5c1b3de7b3a0c70bdec0b092a1', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'cd33862b5e21ca71b33e5da685816ba9099c8c62', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '84054c793b62171a7b9b54f59b6921ec4e1f68fd', action: 'move', plain: true }))), h("p-range", { key: '4eed6a90a9afa719f42ffff651423dc3b623eced', class: '\n       w-full px-14\n       tablet:max-w-xs tablet:px-1\n     ', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {

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

@@ -213,7 +213,7 @@ export class Datepicker {
         }
     }
     render() {
-        return (h("p-dropdown", { key: '891468e0d880fbe578d4b0106a3b09e741d86d59', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: 'f7065621d6f200a2f340e866f5357b5aa133fdcc', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '62752c953dfd35a76d7650d8c0621421c77257f0', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (h("p-dropdown", { key: '169d773633f9bcd2af7c3bd21637f45d2e4cdb5f', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, h("p-field", { key: 'ab5c47f90d8b36afa47e9901c2b1477fabd8fd5d', autoShowError: false, disabled: asBoolean(this.disabled), error: this.error, focused: this._showDropdown, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', label: this.label, loading: this.loading, placeholder: this.placeholder, prefix: this.prefix, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), size: this.size, slot: 'trigger', value: this._getFormattedDate(), onBlur: (ev) => this._onBlur(ev), onFocus: () => this._onFocus(), onInputRefChange: ev => (this._inputRef = ev.detail), onValueChange: ev => this._onValueChange(ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '1b35a1f85a5fd7df99dfd974be399d6a6b2b48ad', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
                 }), min: this._minDate &&
@@ -222,7 +222,7 @@ export class Datepicker {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? nl : enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '19aeebff76b179555fcbf507fe9a503b074bd79e', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: '1d8b3593b3598c0cf4bf6b63366bad0aa554403f', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
+                }), onInput: ev => this._onNativeInput(ev) })), h("div", { key: '9bfdcf12068cb4182d532f97ef33163b372d72cc', slot: 'items', tabIndex: -1 }, h("p-calendar", { key: 'f466fa2c5ff29aa3e21813b09c90d682c97d1d5c', disableWeekends: this.disableWeekends, disabledDates: this.disabledDates, enableToday: this.enableToday, maxDate: this.maxDate, minDate: this.minDate, mode: this.mode, preselectToday: this.preselectToday, todayText: this.todayText, value: this._value, variant: 'embedded', onValueChange: ({ detail }) => (this.value = detail) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -133,12 +133,12 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'b7067a6aee2989c76376592bc7e2ce02750629c3', class: 'relative' }, h("div", { key: '61b1c733996f22f05c16a143a0e5a3b22f8538f9', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '26b066d7146aa9dba35e37531017fa16c5c2dd2a', name: 'trigger' })), h("div", { key: '14a2e8dfe6ce4f7f0d81e50c744e7c9c1128b401', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'd4c3bc965f7015bf8014026d6227f4a38d973d42', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'bea55901999c7c3f61f34159e5f92459d09731f6', class: 'relative' }, h("div", { key: '5b87e1c2f2f9a554817b0d31b3900fee887b9a0d', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '892c49ef05c9cdddc9d4588047db031ca19bd7e7', name: 'trigger' })), h("div", { key: 'd4d9a41469dff1ad3e2cf3c91c1587b71a77ec7c', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'efc6f77abb16a446fe2766d95c70c5537e9aeff5', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '2b4c8c622fa2656d399b93ae2c48807987846d9c', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '66b2c42c812981d291e481af90a01c5069dc639d', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');

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

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.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)}.hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\/dropzone:hover .group-hover\/dropzone\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\/dropzone:hover .group-hover\/dropzone\:opacity-50{opacity:.5}.dark\:border-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:hover\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\/dropzone:hover .dark\:group-hover\/dropzone\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:border-white\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:hover\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\/dropzone:hover .dark\:group-hover\/dropzone\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.m-0{margin:0}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-4{padding:1rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.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)}.hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\/dropzone:hover .group-hover\/dropzone\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\/dropzone:hover .group-hover\/dropzone\:opacity-50{opacity:.5}.dark\:border-white\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\:hover\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\/dropzone:hover .dark\:group-hover\/dropzone\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:border-white\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-white\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\:hover\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\/dropzone:hover .dark\:group-hover\/dropzone\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

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

@@ -127,7 +127,10 @@ export class Dropzone {
         `, {
                 'text-storm-300 dark:text-hurricane-300': !this._isOver,
                 'text-indigo-900 dark:text-white': this._isOver,
-            }), variant: this.icon })), this.loading && h("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && h("slot", { key: 'a617832e2305a17b33ee1672161b086bcaee3ba6' }), this.uploaded && !this._isOver && (h("div", { key: '37d5abc7d1911191ce0837da4dc75ded564015b1', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '454995571fe41257ea43b317e79926e458cc934a', variant: 'check-circle' }), h("span", { key: '6aa0a20db5a5a65f02a0d5319ec18b559ef57b7a', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: '7e75e105348ebd58c4d2183b4d5f64a410393067', class: cn([
+            }), variant: this.icon })), this.loading && h("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && (h("p", { key: '489ecb15f9cfa4fbcc01ea96d9a3e9ed6c8f7e23', class: cn('m-0 p-0 text-lg font-bold', {
+                'dark:text-white': !this.uploaded || this._isOver,
+                'text-storm-500': this.uploaded && !this._isOver,
+            }) }, h("slot", { key: '529356d50ad7db1cc65f991148175eae123dc581' }))), this.uploaded && !this._isOver && (h("div", { key: '547c8e8d91d235e9f97f6bfcbf19377104707014', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: 'fad36cc977bf232ffd69a381073aa13c96438582', variant: 'check-circle' }), h("span", { key: 'c2acde848569d3e232c7a0da8c3d40ae2cb2aa46', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: 'e4c2f02e28dfaca2343834902a619def0ccca0e3', class: cn([
                 'flex flex-col text-center',
                 'group-hover/dropzone:opacity-50',
                 `
@@ -136,7 +139,7 @@ export class Dropzone {
          `,
             ], {
                 'opacity-50': this._isOver,
-            }) }, h("span", { key: '7e87b47205401f3ef2174ba8f069a59e09d84894', class: 'font-medium' }, this.dragFileString), h("span", { key: 'a474aff707224efbd3e248219c1798ac37c9e990', class: 'font-normal' }, this.orClickString)))), h("input", { key: '4d55ef7a4fc188f79383763914455d542bebce84', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            }) }, h("span", { key: '3d5e9aa859dbd790029f1e623a149974fd0b52b7', class: 'font-medium' }, this.dragFileString), h("span", { key: '0879b759f2eee003e3f4f701b042dc4743033bd9', class: 'font-normal' }, this.orClickString)))), h("input", { key: 'a59f9de3a04eaa030ad11145265d5d780a8904e3', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     onDrop(ev) {
         const files = this._getFiles(ev);

package/dist/collection/components/molecules/empty-state/empty-state.component.js

@@ -59,11 +59,11 @@ export class EmptyState {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h(ThemedHost, { key: '46f56cd16b8fb196bf0386d0eb6e00f4033ace3d' }, h("div", { key: 'b3b10b96f1e3a657b9c76982ef9330dc1909d114', class: emptyState({
+        return (h(ThemedHost, { key: '26fa195bc455389898a4fdfc85bdca67c24fca4c' }, h("div", { key: 'eb935879258a656fb36abeed6e35a78bc3dc5e5f', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '558279ba45c580a607d4227469bf60006e426da1', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '1435c5a5b1a99c9ee91f0d0140a50129345290b5', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
     static get is() { return "p-empty-state"; }

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

@@ -105,27 +105,27 @@ export class FieldContainer {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        let contentSlot = (h("slot", { key: '2584c934001e26c03b752112c165dc89f31db007', name: 'content', slot: 'trigger' }));
+        let contentSlot = (h("slot", { key: 'fcbc1dfe12c516061a5e8eabf0f676614c97f06c', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (h("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (h("p-loader", { key: 'a73229485f91321e3eca911b329f27377ab353bd', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (h(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, h("label", { key: '4cb5fac7fe945b5f520ac83a43a7a5af6b879adc', class: cn('flex h-inherit w-inherit flex-col gap-1', {
+        return (h(ThemedHost, { key: '245c2c76893403bdc34d50e4187d5c378daaeabc' }, h("label", { key: '87b4f54b6e7caf221d695aa64e620b40c0df7cdb', class: cn('flex h-inherit w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: 'eddd1fb87a9a2d0878cd41420e88e54e31da3bd1', class: cn(`
+            }), htmlFor: this.id }, h("div", { key: '02eb63321e2d19bed8d912a9e31ed5b5c79e66b5', class: cn(`
          flex items-end justify-between gap-1
          empty:hidden
        `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: 'de0c79227552968864feee220604dc75ae7e4ecc', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: 'e3706293e4feae632d4d990adc3fb49f54c386cd', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: '7c8a9c8a5c82bda7028cd3ae2bf730425fea0eae', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: '74c6873c1972f30938ae1e328f5bda72e41c4bb6', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: 'd25f46c0e3d5085b4c4698a40076a343eeea5361', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '05e7c07902db67d4166ecdbf27625d387472bf2a', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: 'e82a559690ffc710325a753ec91a6487fea440e4', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: 'db3dbef2bfe04a903e07862fbbf147a9ced1bc4b', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: 'a26431f4d7f51d1a92f0124b3dbd89220d37d16a', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'c45674f169680c8f677dbd0f05c3cd1b54c713f5', name: 'header' })))), h("p-tooltip", { key: 'e1cd66e97f216465f0a6ebb4f7283ee934d28379', class: cn({
+            this.variant === 'write' && (h("span", { key: 'c47d4556e9efa5b949afd7849170747a0764a120', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: '09b261f9b233d32d0ec7bc6eb3b2c4b216f5f28c', name: 'header' })))), h("p-tooltip", { key: 'd5c161754feba1abcf5a142ded729a8ba67d54d9', class: cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: 'a6e72b011664317de5e09b4a2fd689e307c0d5d2', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: 'd693aed69fc08f379049b3413c31f3754b0da5a2', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

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

@@ -371,8 +371,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: 'f985e2b3d25ebb7a9e30448fb6663d0b487f47a3' }, h("p-field-container", { key: '358983d8f8f6cb1b53e9e4c607c064fc4a27a9f0', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '155d5efc1d951ea2e08076cb58c3ce96e12f0f13', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9012ea2ac18ebbdc337ef7fc3fc79a36b1c9c720', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'f461db190f2ca1727117e062111e96c6f85728be', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '353b0153551e5e7adb23b19390a4111e0b96d0c4', name: 'error', slot: 'error' })), h("div", { key: '20152561ff55142e43b3b1cbfb151b254f145736', class: field({
+        return (h(ThemedHost, { key: 'c091460b44453403fec2ed139545107c2058f110' }, h("p-field-container", { key: '5ad9958e1dc4878a9273e494d7f7d7c9ca2d140c', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '8b81aa5b830a8aef4460f2c08858c3e2a81eed85', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9cc7bff773a21bc9e4a55a2f7c0d02d492d8b9f5', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'd6a0c928cea41b5e6ba746d091c738fa133c77ae', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '0db80a02e54fbb01686ac8ad36e87febd408ba11', name: 'error', slot: 'error' })), h("div", { key: '225ab322efae91247e0bb329b76e53d849900c1f', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -383,7 +383,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'bca5cf5eca02b9291eb710e6c3539e23bb349d96', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '65b67b891abe8c2d75cfad116279654d1fe0e68f', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -395,7 +395,7 @@ export class Field {
                 'mt-1': this.variant === 'read' && this.size === 'base',
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
             (this.type === 'password' && this.enablePasswordEye) ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '0ab5f5a94ff34eeeb76eb94cad88a4895a656bfd', class: cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'e16a8267f833e7de13dd8f70660b4aedb78e6365', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),