@paperless/core 3.13.0 → 3.14.0

package/hydrate/index.mjs

@@ -11601,10 +11601,10 @@ class Accordion {
      */
     isOpen;
     render() {
-        return (hAsync(ThemedHost, { key: '46d2a6ab93cf3af2c053edb6180a16f763696d74' }, hAsync("div", { key: 'c9e649574c5d8a94ef37c4d3353718d5acb92a09', class: 'flex w-full flex-col' }, hAsync("div", { key: 'f27109520c7d3f1b7344939f2840a9057fdd8908', class: cn('flex cursor-pointer items-center gap-2', {
+        return (hAsync(ThemedHost, { key: '6bdd4ed7d2af065f0123c3a52c45823427a4c910' }, hAsync("div", { key: '7a1a2b915508b63385f223f44f72d2bf3964d0f8', class: 'flex w-full flex-col' }, hAsync("div", { key: 'b2bd5b3e79622732cb12cc20ed0ba0af9783abd5', 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() }, hAsync("p-icon", { key: 'a266eee67ea2688c8dddca7b67fbde97b6baafa5', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), hAsync("p", { key: '3d5e61488bd1f96d16b5b58815dd8973f67351b3', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), hAsync("p-divider", { key: '56116eca82c7a4f09d25f91d5d8aa7e94d7584db', class: 'flex-1' })), this.open && (hAsync("div", { key: '488f62d90d405e7426d5c87edbce932d518c36f1', class: 'mt-4' }, hAsync("slot", { key: '82827c68246c57c95b253fd8bbd24852aaf876a7' }))))));
+            }), onClick: () => this._onClick() }, hAsync("p-icon", { key: '14c2c63d42091bd8fb9e3a9f34db46cb14925638', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), hAsync("p", { key: 'e454be441fb5f3c6bc4fed85dce2a0340f2d5d67', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), hAsync("p-divider", { key: '390ff50e2839e90cfa23bd47176c28b0955afe51', class: 'flex-1' })), this.open && (hAsync("div", { key: '88697a63f13c0cdbc3ffa328f3867b17ae330d4f', class: 'mt-4' }, hAsync("slot", { key: 'dead63df013ae45be5c507e087940544f6b00651' }))))));
     }
     _onClick() {
         if (!this.closeable && this.open) {
@@ -11741,27 +11741,27 @@ class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (hAsync("p-icon", { key: '1c80587e39c1a195137110971a5ab8e55e279a62', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (hAsync("p-icon", { key: '587f12b76577943dfbc409fbb43f42e0855f587b', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (hAsync("p-icon", { key: '1a7d9cd50636935865f0c418b396e190d245f495', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (hAsync("p-icon", { key: 'a69706156ef6b4df95e99c1287d7fc66138623de', 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 (hAsync(Fragment, { key: '65a94a2b4fa4744f4f544d017d77bfe681f151e5' }, hAsync("p-field-container", { key: '9f082375b6dfc5b7873dd6f3b7aebe1a1b68b48e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, hAsync("div", { key: 'e7ac2f0d6d0b313abc3f7930ad61db363187116e', class: 'flex w-full items-start gap-2', slot: 'content' }, hAsync("div", { key: '0c70528558e7deff8e960018773542ef7d0eca04', class: attachment({
+        return (hAsync(Fragment, { key: 'dc27c417ee7f51c5b5ea32f4b48d6e378b791158' }, hAsync("p-field-container", { key: '8b24050c51fb20d72d145b0edaf631d4a565a402', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, hAsync("div", { key: '0c09d59f81a5d66bed2ead03f66f0f9c5aa46f6d', class: 'flex w-full items-start gap-2', slot: 'content' }, hAsync("div", { key: 'd96a47f4325783c6afd6c2183fb9ed4a9ffb1008', class: attachment({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '887bf7f40ceaebe0f5491bad5b09bddfa87a406b', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '472bbcfe3fc21398f7fecd2dd3e54c9dbb29dc4c', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), hAsync("span", { key: '103249ccca7ec5b41752263534cfbb47ed0af123', class: cn(baseText, `
+         `) }, this.value), hAsync("span", { key: '6b2d1633df4a6c7d99882beaf64975c7946311b9', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), hAsync("p-tooltip", { key: '8791959427c3e811d4c650d030f0354b6f53d442', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), hAsync("p-tooltip", { key: '523b11731512708da80ee9aa78a335a8b7964b29', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, hAsync("p-button", { key: 'bf55fc4ca413b095aa6448df20287175dbd7a514', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, hAsync("p-button", { key: '67d6d31511515807b01ffc967945f0f6ab05bfdd', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -11772,7 +11772,7 @@ class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isTouch &&
-            !this.value?.length && (hAsync("p-tooltip", { key: '3444a501c624978b9f1410bba7251455f0c8e4d7', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, hAsync("p-button", { key: 'b74f3a47eb2acc9b2966cbbd7c1cb59c2f2cacf1', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), hAsync("input", { key: '6bf88f4c659226d1a61044523cdb3329987ac1c8', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, class: 'hidden', ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) }), hAsync("input", { key: '467410b70364dd2ce94893d2df985d6681a898e2', accept: 'image/*', capture: 'true', class: 'hidden', ref: el => (this._cameraFileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (hAsync("p-tooltip", { key: 'd8fd21c7454d4fdc55982bb4d88b4fce7ffb3b43', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, hAsync("p-button", { key: '437603bf559886d48bd24e612cbdd7b932e2f599', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), hAsync("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) }), hAsync("input", { key: 'a027d05cacd5cf8489bc09fe3b22a68d765dd942', 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) {
@@ -11902,7 +11902,7 @@ class Avatar {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ebe30260e369ddc3f8ad1729ba1445915508fa1b', class: avatar({
+        return (hAsync(Host, { key: '7e513c538f489c5e97b68ba5046cd87d1b9c8303', class: avatar({
                 size: this.size,
                 variant: this.variant,
             }) }, this._failed ? (hAsync("span", null, this.letters?.[0] ?? ' ')) : (hAsync("img", { class: 'z-0 aspect-branding h-full rounded-full object-cover', src: this._src, onError: () => this._setFailed() }))));
@@ -11946,7 +11946,7 @@ class AvatarGroup {
      */
     extra;
     render() {
-        return (hAsync(Host, { key: 'ff7ca507af45c5a6dae1dc0d278461211b76a931', class: 'flex items-center -space-x-1 overflow-hidden' }, hAsync("slot", { key: 'abd5f9b9c4c0ee39748a0381b4eb72727429229e' }), this.extra && (hAsync("span", { key: '6bf26fce439ac8b389a03d57a5cd3f2e5278e16b', class: 'pl-3 text-sm text-storm-300' }, "+", this.extra))));
+        return (hAsync(Host, { key: '51f7d5b3bdb5a0cbe90217d89e0226808c1e79a8', class: 'flex items-center -space-x-1 overflow-hidden' }, hAsync("slot", { key: '541682539a48891e01f727a7996763f1f4d87141' }), this.extra && (hAsync("span", { key: 'e4b21e0ca74b8db7154085a98b54c68ca2e4cfd6', class: 'pl-3 text-sm text-storm-300' }, "+", this.extra))));
     }
     static get style() { return avatarGroupComponentCss(); }
     static get cmpMeta() { return {
@@ -12073,13 +12073,13 @@ class Backdrop {
         }
     }
     render() {
-        return (hAsync(ThemedHost, { key: '8f40c9b8b13965b7d2f566ff2b1aa77b111965be' }, hAsync("div", { key: '9bcf89352f9bbf9bf32681e9c918379baf983921', class: backdrop$1({
+        return (hAsync(ThemedHost, { key: 'e9586ce56dfa263c02c005474361468a0aaa21e2' }, hAsync("div", { key: '80dd679ca396a856e1c72077b86ec2a7f8525fb5', class: backdrop$1({
                 blur: asBoolean(this.applyBlur),
                 closing: asBoolean(this.closing),
-            }) }, hAsync("div", { key: 'e1875ea68d88c1a0893ca5c7293a3aceaa906d35', class: contentContainer({
+            }) }, hAsync("div", { key: 'c7e2329750dee4b82801033ce2ea354244ad0590', class: contentContainer({
                 variant: this.variant,
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '9a3b3f0188a0761e9a8b0fb39910898cad762918' })))));
+            }) }, hAsync("slot", { key: 'b236a370d355365f5af928afab77227819acc08c' })))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {
@@ -12125,7 +12125,7 @@ class Badge {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: '8d30aeb1da5a6e388bda06a15f92a06632a68433' }, hAsync("div", { key: '59b10cb3fe29df5ecf33181f092f06b03b921f1c', class: badge() }, hAsync("slot", { key: 'ae19227cab5cb241bd08fd9b4d0c1b2b5e52a252' }))));
+        return (hAsync(ThemedHost, { key: 'c87471d8302be84444f12d8f564536fc413350e7' }, hAsync("div", { key: '2bfc3ab348633579370ca7b94ed3a60aed7f3097', class: badge() }, hAsync("slot", { key: '13590134e4d94df633d89a2a9bdaea97e9d02582' }))));
     }
     static get style() { return badgeComponentCss(); }
     static get cmpMeta() { return {
@@ -12813,7 +12813,7 @@ class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (hAsync(Host, { key: 'd0c4d09c70b2140832b4a0ed05725dae641642c1', class: 'flex items-center' }, hAsync("slot", { key: '9ee836e72eeda929067bbb805d6127b4537cb66f' })));
+        return (hAsync(Host, { key: '48cc5e108ffd88805ff5bf975e6163828ce49e78', class: 'flex items-center' }, hAsync("slot", { key: 'eac2210059c03cb4a661bac6f6ca80cc10f78a69' })));
     }
     slotchange() {
         this._checkButtons();
@@ -88158,7 +88158,7 @@ class Calendar {
         }
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'af9b580a84030d4aca0e983eb1b12239875f0f55' }, hAsync("div", { key: '81e938439eac92733ac0901caed9d441b762ed88', class: calendar$1({ variant: this.variant }) }, this._getView())));
+        return (hAsync(ThemedHost, { key: '3fff6e0a14facd9e4a44c6f932019d6d20ed586f' }, hAsync("div", { key: '81a4a6ea5f2f24473f8c2b869c90ade95e0e3c5d', class: calendar$1({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && dateFnsExports.isAfter(this._today, this._maxDate)) {
@@ -88450,7 +88450,7 @@ class CardBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'a79e87376143fe8997b7960cd3eaca5103b833ea' }, hAsync("slot", { key: 'cbc7b18d43f0c16079b6304a02b1486cdf970fc0' })));
+        return (hAsync(ThemedHost, { key: '9968fb71d84936146832f3ccc8229530831916a2' }, hAsync("slot", { key: '5df201bc946dbaf4c1a29b73988b9ad4e72e828d' })));
     }
     static get style() { return cardBodyComponentCss(); }
     static get cmpMeta() { return {
@@ -88560,13 +88560,13 @@ class CardContainer {
      */
     border = true;
     render() {
-        return (hAsync(ThemedHost, { key: 'a38d44ea64514da47c620cf3ea4715a764a09774' }, hAsync("div", { key: '4311d4de38c82349896e47ef2a45734505c54890', class: cn(container$5({
+        return (hAsync(ThemedHost, { key: '3254643a3eea9671689a95c6b5d9e865232dc4f4' }, hAsync("div", { key: '104b2922fee2364675d3e9129f692ccda700ba63', class: cn(container$5({
                 variant: this.variant,
                 active: asBoolean(this.active, false),
                 hoverable: asBoolean(this.hoverable, false),
                 shadow: asBoolean(this.shadow, true),
                 border: asBoolean(this.border),
-            }), this.bgClass) }, hAsync("slot", { key: '55798f8cdab816bf4eb64464006a5069fe33dfe6' }))));
+            }), this.bgClass) }, hAsync("slot", { key: '9e76d78322deb8fb39da8ab45d54dc91a8fd3539' }))));
     }
     static get style() { return cardContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -88637,11 +88637,11 @@ class CardHeader {
      */
     divider = true;
     render() {
-        return (hAsync(ThemedHost, { key: '1294d8d70f275b59e0f4c18d032698103a902ec6' }, hAsync("div", { key: 'f095fbf1031170a0f32bde27fc9a1e78c5818115', class: header$4({
+        return (hAsync(ThemedHost, { key: '121c8160b6cb1e37495e44408e6f268c0ec96352' }, hAsync("div", { key: '0e34a533387192ccc8e8b37176e2a90d156aa93f', class: header$4({
                 variant: this.variant,
-            }) }, hAsync("div", { key: '3d56078ea79fdcb81461437dd3b8c66f712a5cef', class: content$6({
+            }) }, hAsync("div", { key: 'cfedd527b35b50e5b0b5d4eec2fe9d1470b355fd', class: content$6({
                 variant: this.variant,
-            }) }, this.icon ? (hAsync("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (hAsync("slot", { name: 'prefix' })), hAsync("div", { key: '005f43cba3bfe99a983662f0bfb7d6c5429cef5d', class: title$2() }, hAsync("span", { key: '1fc8a26b87fc27bc6d51031bde168b9a1ab3e395', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : hAsync("slot", null)), hAsync("slot", { key: '0afc16e030c057789bbbf3ef3649d81c7721dfa6', name: 'content-suffix' })), hAsync("div", { key: 'e8e336a47953c3a6f11434622aa221e9295d4592', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, hAsync("slot", { key: 'b0aec6d332a4109cb91fae4c5b75945486c1b91c', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (hAsync("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (hAsync("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, hAsync("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
+            }) }, this.icon ? (hAsync("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (hAsync("slot", { name: 'prefix' })), hAsync("div", { key: '2e6ec50752da1fc42620203d8e2aeed1cbdadf52', class: title$2() }, hAsync("span", { key: 'cf544dbd8d9286d1b488df40a57756a51f7445ed', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : hAsync("slot", null)), hAsync("slot", { key: '4f30078497757b31157cc8ab1f20cda180b6974e', name: 'content-suffix' })), hAsync("div", { key: 'b54bf5309ceee682e0d309bf6882976d636ebcd4', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, hAsync("slot", { key: '72ed3c887b80e34e3db7f274c621c0ce2cf34dee', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (hAsync("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/15\n        ' }))) : (hAsync("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, hAsync("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
     static get style() { return cardHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -88812,13 +88812,13 @@ class Checkbox {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (hAsync(ThemedHost, { key: '790e3aa34ae9ab672a26033e58b1801742e9989d' }, hAsync("label", { key: 'a40fd069e097065a718100d32b0f823e228f6aec', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: '102743e8fb860e7290d77e7407be13856460f613', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'e0aab8a3669d74a544d49ea0dfa40312c913d20e', checked: asBoolean(this.checked), class: checkbox({
+        return (hAsync(ThemedHost, { key: '1515c15feea5676594071d916d967f03684003cb' }, hAsync("label", { key: 'e5b495ac4740fd87d9958106f0875e9b41373f0f', class: 'group/p-checkbox flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: 'a1a93ae8c63b510d111b133a035090993e4696ed', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'a7ab67831b3820c585a80d8aa8d8ecc4205c677c', checked: asBoolean(this.checked), class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), hAsync("div", { key: '54a632b71823fe37ea899841ce1a991ade8dab08', class: iconContainer({
+            }), disabled: asBoolean(this.disabled), id: id, indeterminate: asBoolean(this.indeterminate), name: this.name, required: asBoolean(this.required), type: 'checkbox', onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'a92126c7a6425400c13735ccd6889a64ec388ded', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, hAsync("p-icon", { key: '78ea7112217b5d623be8dcd20c422796a85372dc', class: icon$2({
+            }) }, hAsync("p-icon", { key: 'e5bef96d152e560a770e45bda12b73d453890ed6', class: icon$2({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), hAsync("div", { key: '6946c6e2c07e6a38ce02d849468d499728a0e4c5', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: '7219e1faea7dee90c29a1e9c4c5182caffad36c5' })))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), hAsync("div", { key: '99532f60ebed0325ecf95813fccf159cbc1b9079', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'ccd1ad045758ffd9590ca6c9ad8ee5c5b427a19e' })))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -88906,13 +88906,13 @@ class ContentSlider {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, hAsync("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', class: `
+        return (hAsync(Host, { key: '10219a5b7b268ab732457094c2491d4a203c3d47' }, hAsync("div", { key: 'd66009928658b522cbd18c230d9381568661cad2', 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) }, hAsync("div", { key: 'a8a93a255fbb23b916cf2b858a84fd70f7d62a6b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: 'e707df540fe8628168d6451bedcd12848f1d7493', onSlotchange: () => this._slotChange() }))), hAsync("div", { key: 'd9df569867bc0f78974726ae42f5f96f4a13fe62', class: `
+            }, onMouseDown: e => this._mouseDownHandler(e), onMouseMove: e => this._mouseMoveHandler(e), onTouchMove: e => this._mouseMoveHandler(e), onTouchStart: e => this._mouseDownHandler(e) }, hAsync("div", { key: '98ea5929e9e4c35807db44deea40a713eb55e22b', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: '99ec72369ee09b9c56406697559ce232d90476b0', onSlotchange: () => this._slotChange() }))), hAsync("div", { key: '3e7cd9e03341d52b60d934ad88d33138cd31ff1e', class: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (hAsync("div", { class: `
@@ -91963,7 +91963,7 @@ class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (hAsync(ThemedHost, { key: '009cda4ff4eb5d2a7ff777a901b67c83a5f37af5' }, this._loaded && (hAsync("cropper-canvas", { key: '205006259f0393275f061f60d92ee9f3fdff16aa', 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() }, hAsync("cropper-image", { key: 'd53e718c7c5c9da68c10e39ee67e2c98ad23e825', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), hAsync("cropper-shade", { key: 'ce71d0a0602110c330746027f300d373b5142e55', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), hAsync("cropper-selection", { key: 'a552b9b1fbcdc2c9d8707f309fe4cbd62b644ad5', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: '1419ae877acfcb7ad6981cd825f57dc4e85b1aef', action: 'move', plain: true }))), hAsync("p-range", { key: 'caa9104d95c54d50658ca146a6e875c944f0e0e6', 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 (hAsync(ThemedHost, { key: '45de2e7e220d4a56fc8f863bebc570efba716c6e' }, this._loaded && (hAsync("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() }, hAsync("cropper-image", { key: '5f55ad7da0800e65d965a73dcf2954e62a720e30', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), hAsync("cropper-shade", { key: '8f6235a0c13f64b907447d4611365831bbed8328', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), hAsync("cropper-selection", { key: 'fbffe0267e5346b34f627d4160222c08a048da18', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: '90d51dfa7e392505459b2252334e98eaf28f0e9d', action: 'move', plain: true }))), hAsync("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) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {
@@ -92293,7 +92293,7 @@ class Datepicker {
         }
     }
     render() {
-        return (hAsync("p-dropdown", { key: 'f049a50e493e5fa104141f8e65b9077f41ecd5aa', allowOverflow: true, applyFullWidth: false, applyMaxWidth: false, disableTriggerClick: true, insideClick: true, isDatepicker: true, placement: this.placement, show: this._showDropdown, strategy: this.strategy }, hAsync("p-field", { key: '2869249c84a37034ce2ce630da493d397cc5f532', 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 && (hAsync("input", { key: 'da643dba40ee7778ec14707db572f2d80cd58547', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
+        return (hAsync("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 }, hAsync("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 && (hAsync("input", { key: '62752c953dfd35a76d7650d8c0621421c77257f0', class: '\n        pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden\n        opacity-0\n      ', max: this.maxDate &&
                 dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
                 }), min: this._minDate &&
@@ -92302,7 +92302,7 @@ class Datepicker {
                 }), ref: ref => (this._dateInputRef = ref), slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', value: this._value &&
                 dateFnsExports.format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
-                }), onInput: ev => this._onNativeInput(ev) })), hAsync("div", { key: '5fd257d5996ba8aa8164acf82da3ada6803132ae', slot: 'items', tabIndex: -1 }, hAsync("p-calendar", { key: '2864686436f1d4e6148ddfb65b44ef21f2f9f0bb', 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) })), hAsync("div", { key: '19aeebff76b179555fcbf507fe9a503b074bd79e', slot: 'items', tabIndex: -1 }, hAsync("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) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -92554,12 +92554,12 @@ class Divider {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (hAsync(ThemedHost, { key: '8dc52e5323e9ccbabf6ac4ef27ac69cab95daae4' }, hAsync("div", { key: '0e4feec398c8eea9a625e673a2d1ce12002bf794', class: cn(content$5({
+        return (hAsync(ThemedHost, { key: '62e456790fca35130a51837664dc62a731ecf0b1' }, hAsync("div", { key: '1c173037cb8e342ee1d2eb55cda92ffbde98fe68', class: cn(content$5({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, hAsync("div", { key: '6d2c51c55ac70ecca3f281d562ac3e095240f991', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && hAsync("slot", { key: 'b7ebd8a85ef5f9e049bbb4232ece62fc25b6708f' })))));
+            }) }, hAsync("div", { key: 'eabe0f6251e66635e3f37be78b63e487cf4d66b1', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && hAsync("slot", { key: 'b3a252740a235ab6d1184a7e3a38d2046bf41f36' })))));
     }
     static get style() { return dividerComponentCss(); }
     static get cmpMeta() { return {
@@ -92706,7 +92706,7 @@ class DrawerBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync("slot", { key: 'ad1b99c5aebbb4134066f14216f3b71b45c24eeb' });
+        return hAsync("slot", { key: 'f26933044c64fd73c9fc3d7400623d52f3d6cb73' });
     }
     static get style() { return drawerBodyComponentCss(); }
     static get cmpMeta() { return {
@@ -92751,9 +92751,9 @@ class DrawerContainer {
      */
     closing = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'bc792e09626c80196369ca43ef43135e6e10132c' }, hAsync("div", { key: 'e3b242a8cd8ba7034aebaf5bd7de73242d7c4c33', class: container$4({
+        return (hAsync(ThemedHost, { key: 'ba9bf03e3da5ccc386585d9242317098d1974dc7' }, hAsync("div", { key: '6ab542b1a314855bc417ddb9db513028bf1453e2', class: container$4({
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '5e0b9ca40dc6528825b212776d1c4eee7e198f73' }))));
+            }) }, hAsync("slot", { key: '6a3670c0482888725235ceb8df65136d9309785a' }))));
     }
     static get style() { return drawerContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -92800,7 +92800,7 @@ class DrawerHeader {
      */
     close;
     render() {
-        return (hAsync(ThemedHost, { key: 'e05ec2c9d94a38c646e446b2882f675bcccad49e' }, hAsync("div", { key: 'ac59d07abee48dc4bdb945a6cc780c2e124e4613', class: header$3() }, hAsync("div", { key: 'fb95e22321f77109a554c790fc1d7bc59cf8f404', class: content$4() }, this.showClose && (hAsync("p-button", { key: 'f6f1c5524ddb466b48682b03571ee245111d3280', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), hAsync("div", { key: 'ed99afeff2a45c9a17558d256863c4f22f99594f', class: title$1() }, hAsync("slot", { key: 'fffd297b663ad9761c848b4dd47a40c545eec324' })), this.showClose && hAsync("div", { key: '73cf17ce479ad201c6ea905043512dfb2b5dd780', class: 'size-8' })), hAsync("p-smile", { key: '07a4e62c3294e1427159c2a73214d754d043da03', class: 'dark:text-hurricane-400' }))));
+        return (hAsync(ThemedHost, { key: '68ec14e2f8d7fe78e6f4121f26b500e4f6806f2f' }, hAsync("div", { key: 'bfd65e98e1e370ae5d1fe1204b0f35fa6ea5c527', class: header$3() }, hAsync("div", { key: '5216d5ff046ec5d9308960ca6536221806070893', class: content$4() }, this.showClose && (hAsync("p-button", { key: '068ff9a02ffe20649644d45a4883322bc213ed4f', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), hAsync("div", { key: 'ce6808112de2a48b49b4632ee3b98cb80525aebf', class: title$1() }, hAsync("slot", { key: '66c6afa30f02a8bb7b10da5264470cc5e92c0777' })), this.showClose && hAsync("div", { key: '947d1919641618b24dd528cb1d1f00974cc0252e', class: 'size-8' })), hAsync("p-smile", { key: '3809052da27e1deb595d5ebe0357fa03d3c610f3', class: 'dark:text-hurricane-400' }))));
     }
     static get style() { return drawerHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -94470,12 +94470,12 @@ class Dropdown {
         this._checkItems();
     }
     render() {
-        return (hAsync(Host, { key: 'ba99b3088d39dec30e7d3559354221040007e521', class: 'relative' }, hAsync("div", { key: '119b30bd52ca90cb238a7a1818a31ae53de9f47b', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '21d5a22224d7c085fc876005f824e7746d32f0c3', name: 'trigger' })), hAsync("div", { key: 'f20832523805805a3d5d86fabf331cdbd7fdbd8c', class: 'relative w-full' }, hAsync("p-dropdown-menu-container", { key: '2d4a8683d11a9b5e378ffb1a7fb62da82dc831c2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (hAsync(Host, { key: 'b7067a6aee2989c76376592bc7e2ce02750629c3', class: 'relative' }, hAsync("div", { key: '61b1c733996f22f05c16a143a0e5a3b22f8538f9', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '26b066d7146aa9dba35e37531017fa16c5c2dd2a', name: 'trigger' })), hAsync("div", { key: '14a2e8dfe6ce4f7f0d81e50c744e7c9c1128b401', class: 'relative w-full' }, hAsync("p-dropdown-menu-container", { key: 'd4c3bc965f7015bf8014026d6227f4a38d973d42', 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() }, hAsync("slot", { key: '84dc0c48a92c957de785d4323bd719b020f20212', 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() }, hAsync("slot", { key: '2b4c8c622fa2656d399b93ae2c48807987846d9c', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
@@ -94725,15 +94725,15 @@ class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (hAsync(ThemedHost, { key: '2570b3288d57fb643ee1b998283d272eb369806e' }, hAsync("div", { key: 'e6da178cd5fd180439c36c64f277d7bdaf3cd98e', class: dropdownMenuContainer({
+        return (hAsync(ThemedHost, { key: '0716936b0d23b24477d8a66afb779a85819d6f3b' }, hAsync("div", { key: 'ab0762a53542cf170dbb2593e7ce3d71006aa43a', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 maxWidth: this.maxWidth,
-            }) }, hAsync("div", { key: 'f73e3a82adc9fb9a5565962fcf200b9b9995bc75', class: innerContainer({
+            }) }, hAsync("div", { key: '8394e8a2198f8b93c2ba2f72e26ca42a3f6f2b29', class: innerContainer({
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
-            }) }, hAsync("div", { key: '980d45e0779efac5f408bd81f4aa6a7aa0d5787a', class: 'flex w-full flex-col' }, hAsync("slot", { key: '813103f016dd6e073652293a517477b93d7da2cb' }))))));
+            }) }, hAsync("div", { key: '674e2c415cc6a19e3c3e96a5415fdadaff2ef298', class: 'flex w-full flex-col' }, hAsync("slot", { key: 'a7b2a36f525560bd41c0bc5314e29bb409d385e9' }))))));
     }
     static get style() { return dropdownMenuContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -95035,19 +95035,19 @@ class DropdownMenuItem {
      */
     autoHeight = false;
     render() {
-        return (hAsync(ThemedHost, { key: '147401764920d564b7a00d1b31a2d10a262329be' }, hAsync("div", { key: '06dd61d4b5bf8cd1e447d326d30082d638e7b033', class: cn(dropdownMenuItem({
+        return (hAsync(ThemedHost, { key: 'a9d9404058e02af2e3f67248c9b97501c0627764' }, hAsync("div", { key: '999122672d9c1f7fd467ef5a4a4316b3484c201d', class: cn(dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true),
                 autoHeight: asBoolean(this.autoHeight ?? false),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean(this.disabled),
-            })) }, this.icon && (hAsync("p-icon", { key: '057978ce674d15f2013cc44941a535bd61b09aa9', class: dropdownMenuItemIcon({
+            })) }, this.icon && (hAsync("p-icon", { key: '874509b8f140f2a7f59d3eaea197576d04fef57a', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: '1a953c17a54475d4d2f09ae18cd2cf5b46438a23', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (hAsync("p-checkbox", { key: '4ac46ef8905c184cf1e1e3531d26ef559ae3ff97', checked: this.active, disabled: this.disabled })), this.useContainer ? (hAsync("div", { class: cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, hAsync("slot", null))) : (hAsync("slot", null)))));
     }
@@ -95073,6 +95073,213 @@ class DropdownMenuItem {
     }; }
 }
 
+const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items: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-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-8{padding:2rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.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))}.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)}`;
+
+const dropzone = cva(['flex w-full flex-col items-center gap-2', 'rounded-lg', 'border', 'p-8'], {
+    variants: {
+        uploaded: {
+            false: 'border-dashed',
+            true: 'border-off-white-700',
+        },
+        isOver: {
+            true: 'border-dashed border-indigo-500 bg-indigo-50',
+            false: 'border-white-800',
+        },
+    },
+    compoundVariants: [
+        {
+            uploaded: true,
+            isOver: false,
+            class: 'border-solid bg-positive-green-50',
+        },
+        {
+            uploaded: false,
+            isOver: false,
+            class: 'bg-white-600',
+        },
+    ],
+});
+class Dropzone {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.upload = createEvent(this, "upload", 3);
+    }
+    /**
+     * Icon to show on the dropzone
+     */
+    icon = 'file-export';
+    /**
+     * Wether to show the icon or not
+     */
+    showIcon = true;
+    /**
+     * The type of files to accept
+     */
+    acceptGroup = 'any';
+    /**
+     * The fileID to use to track the file
+     */
+    fileId;
+    /**
+     * Wether the attachment is loading
+     */
+    loading = false;
+    /**
+     * Allow multiple files
+     */
+    allowMultiple = true;
+    /**
+     * Wether the file is uploaded
+     */
+    uploaded = false;
+    /**
+     * Event when upload is pressed
+     */
+    upload;
+    get _el() { return getElement(this); }
+    _isOver = false;
+    _fileRef;
+    _filesToProcess = 0;
+    _results = [];
+    _documentBlocked = false;
+    _preventDefault = (ev) => ev.preventDefault();
+    componentWillRender() {
+        if (!this._isOver && this._documentBlocked) {
+            document.removeEventListener('drop', this._preventDefault);
+            document.removeEventListener('dragover', this._preventDefault);
+            this._documentBlocked = false;
+            return;
+        }
+        if (!this._isOver) {
+            return;
+        }
+        document.addEventListener('drop', this._preventDefault);
+        document.addEventListener('dragover', this._preventDefault);
+        this._documentBlocked = true;
+    }
+    render() {
+        const hasContent = this._el.innerHTML?.length > 0;
+        return (hAsync(ThemedHost, { key: '850603b4fb37087fd8bd7db5f37d9fcb17687fd2' }, hAsync("div", { key: '594badd15df513690f388b021993694ad710e5c6', class: cn(dropzone({
+                isOver: this._isOver,
+                uploaded: this.uploaded,
+            }), {}), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (hAsync("p-icon", { key: '10d41c9cd21bcba962c186ed04f48c1abf9c2073', class: cn({
+                'text-storm-300': !this._isOver,
+                'text-indigo-900': this._isOver,
+            }), variant: this.icon })), this.loading && hAsync("p-loader", { key: '1c2b811db6711ef9bc4ba54d380f4aff7870ea0b' }), hasContent && hAsync("slot", { key: '2e1ab2124bef07b476a23bfefed446e4ac17c0d2' }), this.uploaded && !this._isOver && (hAsync("div", { key: 'e277e12954fd53100ec6202002c1b495d42ddb8b', class: 'flex items-center gap-2 text-positive-green-800' }, hAsync("p-icon", { key: '68dc24d68232b98aaed2d1a5b1bc38888c7efffb', variant: 'check-circle' }), hAsync("span", { key: 'f8cc3ffc3201efb23cd90d30eb7921e5c597db62', class: 'font-medium' }, "Toegevoegd"))), (!this.uploaded || this._isOver) && (hAsync("div", { key: 'be0dfd5990877b7e914580f3d6c193d48402ab2a', class: cn('flex flex-col text-center', {
+                'opacity-50': this._isOver,
+            }) }, hAsync("span", { key: 'f406b49e7b8ec6b4fb01fff011523147714da170', class: 'font-medium' }, "Sleep je bestand hierheen"), hAsync("span", { key: '7656b9d337a582f2e69cf555a4f5c8eaa70e6f51', class: 'font-normal' }, "of klik om te uploaden")))), hAsync("input", { key: '09b2471f370d6140db3bd9359e7c4c7a9237b9dc', 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);
+        if (!files?.length) {
+            return;
+        }
+        this._processFiles(files);
+    }
+    onDragOver(ev) {
+        if (!this._isFilesEvent(ev)) {
+            return;
+        }
+        this._isOver = true;
+    }
+    onDragLeave() {
+        this._isOver = false;
+    }
+    _isFilesEvent(ev) {
+        if (!ev.dataTransfer) {
+            return false;
+        }
+        const files = [...ev.dataTransfer.items].filter(item => item.kind === 'file');
+        if (files.length === 0) {
+            return false;
+        }
+        return true;
+    }
+    _getFiles(ev) {
+        if (!this._isFilesEvent(ev)) {
+            return;
+        }
+        const files = ev.dataTransfer?.files ?? [];
+        if (files.length === 0) {
+            return;
+        }
+        return [...files];
+    }
+    _uploadClick() {
+        if (!this._fileRef) {
+            return;
+        }
+        this._fileRef.click();
+    }
+    _onFileChange(ev) {
+        const target = ev.target;
+        if (!target.files) {
+            return;
+        }
+        const files = [...target.files];
+        if (!files?.length) {
+            return;
+        }
+        this._processFiles(files);
+    }
+    _processFiles(files) {
+        this._results = [];
+        if (!this.allowMultiple) {
+            files = [files[0]];
+        }
+        this._filesToProcess = files.length;
+        for (const file of files) {
+            this._processFile(file);
+        }
+    }
+    _processFile(file) {
+        this.loading = true;
+        const reader = new FileReader();
+        reader.addEventListener('load', (e) => this._onLoad(file, e?.currentTarget?.result));
+        reader.readAsDataURL(file);
+    }
+    _onLoad(file, result) {
+        this._results.push({
+            file,
+            result,
+        });
+        if (this._results?.length < this._filesToProcess) {
+            return;
+        }
+        const data = {
+            fileId: this.fileId,
+            results: this._results,
+        };
+        if (this._results.length === 1 || !this.allowMultiple) {
+            data.file = this._results[0].file;
+            data.result = this._results[0].result;
+        }
+        this.upload.emit(data);
+        if (this._fileRef) {
+            this._fileRef.value = '';
+        }
+        this.loading = false;
+    }
+    static get style() { return dropzoneComponentCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 777,
+        "$tagName$": "p-dropzone",
+        "$members$": {
+            "icon": [1],
+            "showIcon": [4, "show-icon"],
+            "acceptGroup": [1, "accept-group"],
+            "fileId": [1, "file-id"],
+            "loading": [4],
+            "allowMultiple": [4, "allow-multiple"],
+            "uploaded": [4],
+            "_isOver": [32]
+        },
+        "$listeners$": [[1, "drop", "onDrop"], [1, "dragover", "onDragOver"], [1, "dragleave", "onDragLeave"]],
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const emptyStateComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\\[20rem\\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/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))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/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\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/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))}`;
 
 const emptyState = cva(['flex w-full max-w-[20rem] flex-col items-center justify-start'], {
@@ -95133,11 +95340,11 @@ 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 (hAsync(ThemedHost, { key: 'c992e849c678678864c5f9cfec46f3c48c1eb20c' }, hAsync("div", { key: '3cb20168072cb532d3cefb9b955d3e51f673276d', class: emptyState({
+        return (hAsync(ThemedHost, { key: '46f56cd16b8fb196bf0386d0eb6e00f4033ace3d' }, hAsync("div", { key: 'b3b10b96f1e3a657b9c76982ef9330dc1909d114', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (hAsync("p-illustration", { key: '79ea83f1d0060efe97457942a8de969f76fcc9b4', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (hAsync("slot", { name: 'header' })) : (this.header?.length && (hAsync("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (hAsync("slot", { name: 'content' })) : (this.content?.length && (hAsync("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 && (hAsync("p-illustration", { key: '558279ba45c580a607d4227469bf60006e426da1', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (hAsync("slot", { name: 'header' })) : (this.header?.length && (hAsync("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (hAsync("slot", { name: 'content' })) : (this.content?.length && (hAsync("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 ? (hAsync("slot", { name: 'action' })) : (hAsync("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
     static get style() { return emptyStateComponentCss(); }
@@ -95541,8 +95748,8 @@ class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(ThemedHost, { key: '693e9a21acbdd989144794387bf0a6a9f37810fc' }, hAsync("p-field-container", { key: '12a6fce14a365fdbb92647637c3d3226cd2037ff', 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 && (hAsync("slot", { key: 'a40ed4d8943adae016325f2c82a3c79364543b2e', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '0203bf72c3afc6c0f24c0e15cbf2f7271ca6a5a0', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: 'ca7d5bc949fb18d20eeebdcb86ed844f61f137c6', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'f4fa21946e61b81a002f96cbc85e4e786562cb87', name: 'error', slot: 'error' })), hAsync("div", { key: '2c12320e5273b0cded4bc0e9e47aa5b2e6ff3f88', class: field({
+        return (hAsync(ThemedHost, { key: 'f985e2b3d25ebb7a9e30448fb6663d0b487f47a3' }, hAsync("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 && (hAsync("slot", { key: '155d5efc1d951ea2e08076cb58c3ce96e12f0f13', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: '9012ea2ac18ebbdc337ef7fc3fc79a36b1c9c720', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: 'f461db190f2ca1727117e062111e96c6f85728be', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: '353b0153551e5e7adb23b19390a4111e0b96d0c4', name: 'error', slot: 'error' })), hAsync("div", { key: '20152561ff55142e43b3b1cbfb151b254f145736', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -95553,7 +95760,7 @@ class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '68b8e1d339630c881583ea40fecb9cb414be1537', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: 'bca5cf5eca02b9291eb710e6c3539e23bb349d96', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -95565,7 +95772,7 @@ 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')) && (hAsync("div", { key: '35d35041e9751d701dc74357abe1961d98f12f7e', class: cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '0ab5f5a94ff34eeeb76eb94cad88a4895a656bfd', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -95883,27 +96090,27 @@ class FieldContainer {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        let contentSlot = (hAsync("slot", { key: 'e795f4695850003f41a5bfb815893affee00e8de', name: 'content', slot: 'trigger' }));
+        let contentSlot = (hAsync("slot", { key: '2584c934001e26c03b752112c165dc89f31db007', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (hAsync("p-loader", { key: '1f65c3ca60cefbf0740c9d7235a18a3e69f1c788', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (hAsync("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (hAsync(ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, hAsync("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn('flex w-inherit flex-col gap-1', {
+        return (hAsync(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, hAsync("label", { key: '41c19529b5282769de686b834e1facfd69a323cf', class: cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, hAsync("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn(`
+            }), htmlFor: this.id }, hAsync("div", { key: '44a2fbd0d1024cd153894dd5548d7b4e0f1f4aec', class: cn(`
          flex items-end justify-between gap-1
          empty:hidden
        `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, hAsync("span", { key: '786e241b3537a05c4bf12f58333d5c10065879c3', 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 && (hAsync("p-helper", { key: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (hAsync("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (hAsync("div", { key: '1e7519168574464c867c86f84ecdca2c4e15e460', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, hAsync("span", { key: 'ec3649c4a9436d9c54be7929781d1d9a5fc459df', 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 && (hAsync("p-helper", { key: '2cc430522904e8df5dcc7fbf40f71d26287b7f0a', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (hAsync("div", { key: 'f6849a8c420eb3582a7d92d5e6b42bdd4e019a07', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (hAsync("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && hAsync("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), hAsync("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: cn({
+            this.variant === 'write' && (hAsync("span", { key: '2329447c26577bc481fc46f11b1dcbfceff39f60', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && hAsync("slot", { key: '09fffde1c42b4b160c455ba73f47d11e1d34dbc5', name: 'header' })))), hAsync("p-tooltip", { key: '26a3e3aa6bb7e3d57ae990ca672e01df493d3f1d', 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 && (hAsync("slot", { key: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (hAsync("slot", { key: '5a0ce99a2d3c123566e6417eeec26fe86ce054c6', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -96017,9 +96224,9 @@ class FloatingMenuContainer {
         this._setLocales();
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'b68d74e35de85f5b14b30d1c6649f4a2449c7b04' }, hAsync("div", { key: '1cdae9d4705acc85650b593a8f200e8b6e791261', class: container$3({
+        return (hAsync(ThemedHost, { key: '6986e980b725cd752829cba968f0846463bc6059' }, hAsync("div", { key: '9a778fdbbd37c1d2e7569987f02e99f9e35e49a9', class: container$3({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (hAsync(Fragment, { key: '4fb6df02b5af8b38ce42f6af67846f88de9ea47b' }, hAsync("p", { key: 'faf5b2587318c74afaa210f845f5e171323bb56d', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), hAsync("p-divider", { key: '1c0ecb274c5ff16476be4422f3bc90f9b26e1a22', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), hAsync("div", { key: 'ca40fbbbf5cb4b0293f06e9dcb75680474009cf5', class: 'flex items-center' }, this.usedInTable ? hAsync("slot", { name: 'floating-menu-item' }) : hAsync("slot", null), this.enableClose && (hAsync("p-floating-menu-item", { key: 'c8716fd6671726b5afe2b9d045c65495ae22e01b', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
+            }) }, this.enableAmountSelected && (hAsync(Fragment, { key: '5908b6468acef599b2447b6f9f63df86b76910dd' }, hAsync("p", { key: '430c5262493489463a38d5c1dd5ce43b7c97185c', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), hAsync("p-divider", { key: '376022345f9be8e294dc5cfb84afb88d5c3fafc7', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), hAsync("div", { key: '51eb35eeda97cfe8e38e72182347120dafbafb46', class: 'flex items-center' }, this.usedInTable ? hAsync("slot", { name: 'floating-menu-item' }) : hAsync("slot", null), this.enableClose && (hAsync("p-floating-menu-item", { key: 'db367176340e6757f70095b4e4d99cc955052195', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -96136,10 +96343,10 @@ class FloatingMenuItem {
      */
     iconRotate;
     render() {
-        return (hAsync(ThemedHost, { key: '9ea48ae1034fdfac03dda8cc37f418b70e84d110', class: item$3({
+        return (hAsync(ThemedHost, { key: 'e653498fd7e06f53f8440399011a1a8ada5f67f1', class: item$3({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), hAsync("p", { key: 'd95a7f2ccf5e11fb5048bf9ae651e341a62a75ec', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, hAsync("slot", { key: '0af451107a9e94f6b63aa90d0683e4b50b43ba40' }))));
+            }) }, this._getIcon(), hAsync("p", { key: '78ccc757ffdf76c71bd293de5cafb73f1a34f56e', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, hAsync("slot", { key: '9e37c6abdd1a17f6bb8d4bb47fbc4ee278b5ce35' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -96187,7 +96394,7 @@ class Helper {
      */
     placement = 'top';
     render() {
-        return (hAsync(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, hAsync("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, hAsync("p-icon", { key: 'f582de019e9a60ebe2296405354cb48ebfc4ca1f', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), hAsync("div", { key: '1863361d1ec8867f5f403d823290273b77571516', slot: 'content' }, hAsync("slot", { key: 'd876213ee32eb63e77c9074391f8f31fd42ddd69' })))));
+        return (hAsync(ThemedHost, { key: '9f2914b0d9d5a9e89f40697fad81d9bd167e5865' }, hAsync("p-tooltip", { key: '409c6db4657e7cdb926f931448dfcb082b742400', class: 'flex', placement: this.placement, strategy: this.strategy }, hAsync("p-icon", { key: 'dc0a1e1e2a2ae677ab5493541bf3b4aabc12ec9b', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), hAsync("div", { key: '7a28aeafd07af4259e1a4fcb089a4535d8c95e8f', slot: 'content' }, hAsync("slot", { key: 'c67f0ecd91966e667398ebbe0cf5ba5e3e46bb53' })))));
     }
     static get style() { return helperComponentCss(); }
     static get cmpMeta() { return {
@@ -96321,7 +96528,7 @@ class Icon {
     render() {
         const hasTextSizeClass = /text-(xs|sm|base|lg|xl)/.test(this._el.className);
         const svg = icons[this.variant];
-        return (hAsync("div", { key: '004e863b264cecc97018773dcd07d2816c6e20d1', class: icon({
+        return (hAsync("div", { key: 'ee13e2e3b7dcdf219497bd1eb993d32ac4d9cd59', class: icon({
                 flip: this.flip,
                 size: hasTextSizeClass ? 'auto' : this.size,
                 transform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,
@@ -96566,7 +96773,7 @@ class Illustration {
     render() {
         const illustration = illustrations[this.variant];
         const hasSize = [...this._el.classList.values()].some(val => val.match(/text-(xs|sm|base|lg|[2-79|]?xl)/));
-        return (hAsync(Host, { key: 'df36160d453d462aadf5ade30f6869d9c09cdd2f', class: cn('block', { 'text-8xl': !hasSize }), innerHTML: illustration }));
+        return (hAsync(Host, { key: '50517d8d3aaaa520665e8591663654c505b08104', class: cn('block', { 'text-8xl': !hasSize }), innerHTML: illustration }));
     }
     static get cmpMeta() { return {
         "$flags$": 512,
@@ -96680,10 +96887,10 @@ class InfoPanel {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (hAsync(ThemedHost, { key: '87ae49020797e8641547365c95ff8612133cc199' }, hAsync("div", { key: 'f19b4f2340c1a85b5c37f744506ce9f518e80ba0', class: infopanel({
+        return (hAsync(ThemedHost, { key: 'effb38193e5597af8e484137f8dc758999d2c52a' }, hAsync("div", { key: '14cb61d11f41c4ec4b34689fb20a2cd71a9204a6', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: '49de1f8919c4d0ae223381866417b9757f7f9eb3', class: header$2({ variant: this.variant }) }, this.header?.length ? (hAsync("p", { class: 'my-0' }, this.header)) : (hAsync("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (hAsync("div", { key: '2612d827209f18b1164d907b15eeb7f7d13db969', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (hAsync("p", { class: 'my-0' }, this.content)) : (hAsync("slot", { name: 'content' })))), this.closeable && (hAsync("div", { key: '682d40844b695e499d0dbb93144b9f313c0f9da4', class: close(), onClick: () => this._close() }, hAsync("p-icon", { key: '8eeb362cefab7c7ea50f837044668e9633ae947d', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: 'a1ceeb47d24d9d108044d0078d3da39f5efb81e1', class: header$2({ variant: this.variant }) }, this.header?.length ? (hAsync("p", { class: 'my-0' }, this.header)) : (hAsync("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (hAsync("div", { key: '0221101d1e13cd55a8e4b7d36406e3c212dc3b79', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (hAsync("p", { class: 'my-0' }, this.content)) : (hAsync("slot", { name: 'content' })))), this.closeable && (hAsync("div", { key: '1a23880fa9eaf54d38f13e21e241cb21fece511d', class: close(), onClick: () => this._close() }, hAsync("p-icon", { key: '717beeeb7f1cb95688f2df6712b284280acc446c', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();
@@ -96783,17 +96990,17 @@ class Label {
      */
     keepMobileContent = false;
     render() {
-        return (hAsync(ThemedHost, { key: '104ee5d95a9a998e9ff5d50a0319db1131dd49a9' }, hAsync("div", { key: 'd0d2d11eab222b5183d5a835b3bd2fb195295552', class: label({
+        return (hAsync(ThemedHost, { key: '2dcb1d9bafb86433ad4bc24a7f1947ca52656056' }, hAsync("div", { key: 'ce580094967f042bef6aef229b393709f0993c34', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (hAsync("p-icon", { key: '920c633b134bfca8b0643e8a8174bf66aa7066de', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (hAsync("div", { key: 'a178ec5c8f8543cd6b2f746cff170e43be54ff04', class: cn(`
+            }) }, this.icon && (hAsync("p-icon", { key: '450bf31eec5f09c5b326f7819841f9b6dc155993', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (hAsync("div", { key: '825b6996bba84ffeb67dd8f4cfb114b0034599bf', class: cn(`
           flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
           font-medium
         `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, hAsync("slot", { key: 'd8ef0efd720dbb24690ef5b354277eb84ede8921' }))))));
+            }) }, hAsync("slot", { key: '6d71814586719b1b7898d5f46033a8d46ed63974' }))))));
     }
     static get style() { return labelComponentCss(); }
     static get cmpMeta() { return {
@@ -96829,7 +97036,7 @@ class Layout {
      */
     scroll;
     render() {
-        return (hAsync(Host, { key: '68c0d8d671ff7758d15b9e5fc3900e83a37b2eaa', class: 'variant-' + this.variant }, hAsync("div", { key: 'eb69411e0da0701d56d75b9806ea30803c3d2ab5', class: 'content', onScroll: ev => this.scroll.emit(ev) }, hAsync("div", { key: 'afa8292a2724d7324241bf1f1e1169dd8a8bb268', class: 'inner-content' }, hAsync("slot", { key: '13c05d1069df30d05e90e67870c0f14226f76496', name: 'content' })), hAsync("slot", { key: '3e9aa54d08187ef8b10fe039d5d9dc671416815e', name: 'outer-content' })), hAsync("div", { key: '0a9d15f56b5657848300a4f508f00bd97f4d830b', class: 'sidebar' }, hAsync("slot", { key: '511235651ac7b904b6d5235d08d7fcf1c7ad4bbd', name: 'sidebar' })), hAsync("div", { key: 'ae22647a35c67825bfdc607387baaf0ec6cdbb2c', class: 'topbar' }, hAsync("slot", { key: '04692b01dc2912d2cc7f3d390dc1908d235fe014', name: 'topbar' }))));
+        return (hAsync(Host, { key: 'd01fb1020c3647bf8010bbd17419e8c66ce1c96d', class: 'variant-' + this.variant }, hAsync("div", { key: '9ff8a4475fd1b9bea0d60c79cef445cc56441641', class: 'content', onScroll: ev => this.scroll.emit(ev) }, hAsync("div", { key: '0b0538ea3608acb8ab5cfbdb68ee1094dfca142a', class: 'inner-content' }, hAsync("slot", { key: '246a0d0513aa4e11d0c8b3a528235433c2ae5cd2', name: 'content' })), hAsync("slot", { key: '174efaf8981ee49561f8718436da8b86b19a4550', name: 'outer-content' })), hAsync("div", { key: '780403256ca296797290cbb4a59bd8964ccffbc4', class: 'sidebar' }, hAsync("slot", { key: '47df9f24bdeba40201597f35f51ef3620973398f', name: 'sidebar' })), hAsync("div", { key: '9916f3c82d19b109ea3893bb7ac6846a1e875f0c', class: 'topbar' }, hAsync("slot", { key: 'bf0995ba0ef0db3309e9fe553e78d25ac857730d', name: 'topbar' }))));
     }
     static get style() { return layoutComponentCss(); }
     static get cmpMeta() { return {
@@ -96864,10 +97071,10 @@ class Listing {
         }
     }
     render() {
-        return (hAsync("div", { key: '6530812142c92d48d2dc3a10456b6740545579dd', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (hAsync("div", { key: '160a8d3db50ea8c0c6e8a982f3b274525fec55f0', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, hAsync("slot", { key: 'a9870a9992cc0cdaa49351e06fbde5bb77a717c5', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, hAsync("slot", { key: '0cb952b970dafcebc316723d4e020ceafa96f9b2', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {
@@ -96947,7 +97154,7 @@ class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (hAsync(ThemedHost, { key: '48200b196b5101d5a7898f8aa57acbbb795e7205' }, hAsync("div", { key: '072dfd68fe13a8934f44a5ac41b90d909ca1f7d5', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, hAsync("p-icon", { key: 'b881af3bafcb5d50e5bd9c9c46f17918f9d92ced', variant: this.icon }), hAsync("div", { key: 'c6829a5ab4e6233ca5e9a1304fb917ff5dc319ce', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, hAsync("slot", { key: 'f8a06f03fdf53b22b0ba11b12bcfbf035cf18f3d' })))));
+        return (hAsync(ThemedHost, { key: '365ba4cef81b87755dd6c18fc5238992a2b35e15' }, hAsync("div", { key: 'b121cf8fe6e62c062583c035a0144fc9cd08f324', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, hAsync("p-icon", { key: 'd0fea1dd0e4437ad9cbf02a5441bcbec018958a9', variant: this.icon }), hAsync("div", { key: '9a244f968dab4b6bdc12c5ec0176b2c68917892b', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, hAsync("slot", { key: '26fe3df7e514a68a3c7813e0231e7f1aa4b13f0f' })))));
     }
     static get style() { return listingItemComponentCss(); }
     static get cmpMeta() { return {
@@ -96969,7 +97176,7 @@ class ListingLine {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(ThemedHost, { key: '426ab43c59f453b7de8a9afba7557fa3881ba27b' });
+        return hAsync(ThemedHost, { key: '452304a157c927b7c255adc0a312a333274cd8b5' });
     }
     static get style() { return listingLineComponentCss(); }
     static get cmpMeta() { return {
@@ -97219,10 +97426,10 @@ class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (hAsync(ThemedHost, { key: '06a01a093a588ff044166e148241bea144d042b6' }, hAsync("div", { key: '4d1ff6b9ce773a7351eaa5f995b6689db77aba23', class: body({
+        return (hAsync(ThemedHost, { key: 'c6b0129527261bdcb33df0c8cb03579aad34d04a' }, hAsync("div", { key: '31a3f74cf3f0993808400de8165c08a5efb66f3a', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, hAsync("slot", { key: '639b2567411b02f35f9e41e10ef2d20a8c9ea9db' }))));
+            }) }, hAsync("slot", { key: 'c70a0821cf3256e891f3a121e8a1381096a7c2c7' }))));
     }
     static get style() { return modalBodyComponentCss(); }
     static get cmpMeta() { return {
@@ -97285,10 +97492,10 @@ class ModalContainer {
      */
     closing = false;
     render() {
-        return (hAsync(ThemedHost, { key: '572e0905e2cc55937daa24c01570e248df5a3733' }, hAsync("div", { key: '6db7371a89b0ec0cf805b276c4a8a03d105c9101', class: container$2({
+        return (hAsync(ThemedHost, { key: 'a106eb003b488d35b371d6ada4b92c009409ab8d' }, hAsync("div", { key: 'ef6c764db7f715a968a1d8935b720e2dcec8fe26', class: container$2({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '3a0620c68847c7c846f0290471a04037ea946b26' }))));
+            }) }, hAsync("slot", { key: '1361db39acb99256c403dceac65338dace60a7c5' }))));
     }
     static get style() { return modalContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -97311,7 +97518,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'ee3419ad9a4f791d84943887711bf63e49d5cad6' }, hAsync("div", { key: '0bafe05744aaf70748fb406f70dbee4cbfe3ea1d', 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     ' }, hAsync("p-divider", { key: '1d7f61fa16c96150c2766ed666484299296f8234', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), hAsync("div", { key: '3c330f12f37566453e13630c0294c9f47fed2b89', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, hAsync("slot", { key: '2cce5e522cfb0b607017dff01ec1c98c5f56baff' })))));
+        return (hAsync(ThemedHost, { key: '72a0afeef3f9cc2a52f376b3196fdbd559f2ce52' }, hAsync("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     ' }, hAsync("p-divider", { key: '32574ecdc2cc92dec54ca96d78f3542b4d7e3cbe', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), hAsync("div", { key: '250ea669f73f28deffc386701210bafb44cf1b23', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, hAsync("slot", { key: '64f2943e6dc96db9ad040671d439b6b0d1c1a454' })))));
     }
     static get style() { return modalFooterComponentCss(); }
     static get cmpMeta() { return {
@@ -97357,7 +97564,7 @@ class ModalHeader {
      */
     close;
     render() {
-        return (hAsync(ThemedHost, { key: 'fb4625373ca51e6460172187238d073847c224a6' }, hAsync("div", { key: '38d7df7acb88644e337be5f92e685298c1712b28', class: header$1() }, hAsync("div", { key: '6ae176a2cc44b58ac1fef8dd06df4c7049a2056f', class: content$3() }, hAsync("div", { key: '4e8f12949149d13e11950aca1af18de5b87181ba', class: title() }, hAsync("slot", { key: 'cb6e5d800ec86d3ae9b633cf0e5711d0912513b2' })), this.showClose && (hAsync("p-button", { key: 'a8816a605bb9781ed9c1ef609c519d822c061028', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: '0ed1a5669c9d357b043ecfb5969d28e774ec91d1', class: 'dark:text-hurricane-400' }))));
+        return (hAsync(ThemedHost, { key: 'fb48ca24b32ae1718e286f0c57cf8cdfda26251e' }, hAsync("div", { key: '4f87097383ea43e857fca75f46116678ba06c3a5', class: header$1() }, hAsync("div", { key: 'c9d329f389711865008bb67a04fd95fc321d5f27', class: content$3() }, hAsync("div", { key: 'b25903d7b487a0ed4fb8816867bd2544dc9bb7e5', class: title() }, hAsync("slot", { key: '308f1264a692d4887a13a0ee46c019a27cdcd5af' })), this.showClose && (hAsync("p-button", { key: '1cfaa62613f5d0d6fd0879a824d2de54ec08b7ce', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: '4aaf965d357c1f2b97989995ff71c4c37324edff', class: 'dark:text-hurricane-400' }))));
     }
     static get style() { return modalHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -97437,7 +97644,7 @@ class Navbar {
     }
     _show = false;
     render() {
-        return (hAsync(ThemedHost, { key: '4fcecd6497f2005f962fd881113dea4b32bc99ff' }, hAsync("p-backdrop", { key: '69ce86e6e113f15aa06c054522a0f79da89765f8', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: 'e8cc52e1d42ba01936b58c1277b530eeb41e9d14', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: 'ff511d2b896f7aa47c7efe5ec2d5ae56e8337bab', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, hAsync("p-button", { key: '151a8c2badb81471dc9c9792fe2704216694e7da', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: '09e5f93575b322324b2c8bf091400138be67a885', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: '43f0f25dc8228bc05c3dc0a78435eade4448d7fe', name: 'company' })), hAsync("div", { key: '35a814822b5a947de473e18fc52a07680356742a', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '9e39958d9580dff4ba5dc13fd2fc04bf4d9ba412', name: 'content' })), hAsync("div", { key: 'b168df56d5ae5bb27fefaaf177d1e8525cf7751e', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, hAsync("slot", { key: '5db700de8a58e00dedf489ffe6c390852c61bf56', name: 'user' }))), hAsync("div", { key: '05f066e4b8a7fdd3b8850f9997851330efd217af', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '63340bf3435a0c513203c5c71316f56a3a936bd8', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: '3fbd734259acb3571910290acc4dc67f2c9ff5fd', name: 'topbar' }))));
+        return (hAsync(ThemedHost, { key: 'e1bb3bf57d4920d2843370fcb682de7d498b54be' }, hAsync("p-backdrop", { key: 'c8c9fe58e4ed00aeb4d1bdfa70d21b1ce21fae12', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '419073c7b8da20040630c0ced9e28f56f34e44af', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '26869f18f38fbf43aa22db4caf7ee21d5d464f62', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, hAsync("p-button", { key: '60b5a55602bbd3fac96a41e0ec2baab1afd3d20f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: '8f41f249ca51849bef77626ab49f95d2c1a60d16', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: '9bb4d8ab8d0388ae50e50131550113e5fa5c15c3', name: 'company' })), hAsync("div", { key: '17b3ea1ee6614427a71815c4809ccaccb7cacf5a', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: 'd760dbe913b40d92b07010bb9455ce405e156b96', name: 'content' })), hAsync("div", { key: '770f3972edb02a3543463d812f5c9bf633aa14c0', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, hAsync("slot", { key: '324f3ee9644b60a056f42671a002ed0fedbc4437', name: 'user' }))), hAsync("div", { key: 'c703d1f913fd05bdd0e5de2844a99795020a9a2b', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: 'b506af77cfb440c2927ebf80a017c0c898e47ea2', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: '4dfcb2a4418eca6338cc9467f4a8e8d97b34b1d9', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -97548,13 +97755,13 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (hAsync(ThemedHost, { key: 'df75595509e2f081dbc13a244a77c07293d67bc1', class: cn('inline-block', this.class) }, hAsync(TagType, { key: 'f6ad06191bdb4049387e1235a3a303718d8f6cc7', class: navigationItem({
+        return (hAsync(ThemedHost, { key: 'af5ecc5d5485b1bbfb172794409d05e51c267a1b', class: cn('inline-block', this.class) }, hAsync(TagType, { key: 'c88091c7b839ba181d22bff95978263443986d01', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: '147abbbc9e2c6508a66081ead4cea2aa797a9240', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: '2f1fd8c183e2f527fcb37aed28da145d81ed1c89', variant: this.icon })), hAsync("span", { key: 'ae75ec4ac9c43bbb0cd620dcdf42dbc62631825e', class: cn({
+            }), href: this.href, target: this.target }, hAsync("div", { key: '75572668b903ffacd852c765415b20deba35d4fa', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: 'f5499b9eb148820f73109400aa4b9d6dd29e134d', variant: this.icon })), hAsync("span", { key: '1ee78ad5c09e916baced632233ffcc5dd8ef8347', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, hAsync("slot", { key: '0e92ba5694d3632367d37514bc72d9c7cbfa2a33' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '4046f6ab8a1a4c3c985c2f0a5d8cccafc562f3df' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '5ab0e3decd808a160bdc233835d91b505f3ad8b8', class: 'ml-auto' }))));
+            }) }, hAsync("slot", { key: '6c39a2140f511209e6e48fcc6a8eec2c02f36610' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: '46c7a53003e7e80737a82f00e82bf95bf294234a' }, this.counter)), !!this.loading && hAsync("p-loader", { key: 'a9b88ff904559ce15a7f29020a714760e3183cd9', class: 'ml-auto' }))));
     }
     static get style() { return navigationItemComponentCss(); }
     static get cmpMeta() { return {
@@ -97588,7 +97795,7 @@ class NavigationSection {
      */
     header;
     render() {
-        return (hAsync(ThemedHost, { key: 'd8d654a28420f399fba691f0a7acd8499e5ba7b2', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '5e86faa0ea3bf13688086a881a6ab4a711fa0bd9' }, this.header)), hAsync("div", { key: 'b78ef9a9c4e2493fcf80e1bb5a53fae31a449109', class: 'flex flex-col' }, hAsync("slot", { key: '083951f8e74e0b70ef2102e523f9ed7e6f18e097' }))));
+        return (hAsync(ThemedHost, { key: 'adc4546240455e2a90f355a85d26a29ec7e3b6f2', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: '8510c67a883e4973b9261ee63f7ef148cdbaedd4' }, this.header)), hAsync("div", { key: '23b9cfcc54e590d5378ebd61fba0851e95ecc697', class: 'flex flex-col' }, hAsync("slot", { key: '01521755f498890b3abf3adcdd30cf71e9ed8629' }))));
     }
     static get style() { return navigationSectionComponentCss(); }
     static get cmpMeta() { return {
@@ -97610,7 +97817,7 @@ class NavigationTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'd9a91ac9c57ee12ef797652c5c9977780410999b', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, hAsync("slot", { key: '23ebacfa95e6011fe4788c474fa085100e9f77d3' })));
+        return (hAsync(ThemedHost, { key: '931af33edbc3cc1f4f0195462b18fad324f3cd05', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, hAsync("slot", { key: 'c556b9241a6b6023d88a26cc5296178f8711d622' })));
     }
     static get style() { return navigationTitleComponentCss(); }
     static get cmpMeta() { return {
@@ -97689,12 +97896,12 @@ class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (hAsync(ThemedHost, { key: '3f1b6ea1ac6b1ddae922000ee90b9796287de51b' }, hAsync("div", { key: '28561b81a9717cfc6ed3301215f47962349fccd2', class: pagination$1({
+        return (hAsync(ThemedHost, { key: '611fb4062cf7c6cd78adf2744d7694615fa8d502' }, hAsync("div", { key: '80ebed4ee0978c78ecee629d08f7ca026e395349', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (hAsync(Fragment, { key: 'b4523497dc4e2c988df6a3ae71cb240b54e17d75' }, hAsync("p-pagination-size", { key: '01b5b234b713ecfcd2cf8910079f00614eb0fbbe', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (hAsync(Fragment, { key: '81ffbba6758be70cb681d1b778365c1f83122048' }, hAsync("p-pagination-size", { key: 'ede0a33d15261777f8d99ce866dedb3af3d63c86', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (hAsync("p-divider", { key: '7a8cfa9e69ae898cf2f2c25b4fffde7506fcc523', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (hAsync("p-pagination-pages", { key: 'd8d7a7bce55b5958be33b51f175bd34b7f3c6ede', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (hAsync("p-divider", { key: '8d9956dd7d2277ea8849003e31ce2000eb88db7d', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (hAsync("p-pagination-pages", { key: 'c39df7ebd431fbcfa82eb847ff1c9a52acfc7b41', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));
@@ -97787,7 +97994,7 @@ class PaginationPages {
         this._generate();
     }
     render() {
-        return (hAsync(ThemedHost, { key: '5320ff0fd0f44f422fda718e796b46d02c38d5aa' }, hAsync("div", { key: 'e459750f29cc6e773478ff5aec76c8f19865069b', class: pagination({
+        return (hAsync(ThemedHost, { key: '3c3bdfce0f2956d896456498d5e1d82f727068c8' }, hAsync("div", { key: 'b489b3ea0d740554fbe17d5cba60824bf7bcfc15', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -98120,12 +98327,12 @@ class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'de5e24d94b1b427e74f3f7ac6dc919af16e30833' }, hAsync("div", { key: 'fc8b4687cd1dec165e0afeab54c63d629216a45d', class: item$2({
+        return (hAsync(ThemedHost, { key: '867dcd55f7c4194c89b18ff3a46a52ee3f728fef' }, hAsync("div", { key: '406e4e9641b35fc16a5379811f959878ade2c0ca', class: item$2({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, hAsync("slot", { key: '3ef68f1aae1ff4b00c85b689f1572fde0b0ffb70' }))));
+            }) }, hAsync("slot", { key: '6515cd771a33b320d60940674c324d0dc285f74d' }))));
     }
     static get style() { return paginationPagesItemComponentCss(); }
     static get cmpMeta() { return {
@@ -98220,18 +98427,18 @@ class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'e506bfc11cef32de513059aced858d76c7b107c7', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, hAsync("p-dropdown", { key: 'c700ce697ed43c6fa65f07eb39c71bd1b4146a73', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, hAsync("div", { key: '5c3a85572980eb3aa7c3e9d13ef99968b865e231', class: trigger({
+        return (hAsync(ThemedHost, { key: 'f06fc71948e4c6b7db46761fc2012051fb2bc6e0', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, hAsync("p-dropdown", { key: 'f06ade5619f1ca9bbd91659da22f72fb70a08b4c', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, hAsync("div", { key: '5d2b2f75409655d4fe731c5d016cdb016fbad675', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, hAsync("p", { key: '010e37c4d1d0aa59a1d38ce0b4ef7aaafdc6eb77', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, hAsync("p", { key: '3ae4f1b391877882fccab182bffdd5d7227dd1b6', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), hAsync("p-icon", { key: 'd28fe5d9b081bd90c1f728c1f20293a2ceb6aa4c', class: cn([
+            : this._defaultItemTemplate(this.size)), hAsync("p-icon", { key: 'e7238dced7554a1e74d06e1dc559db8e8097fdd2', class: cn([
                 'flex-shrink-0',
                 'group-hover/pagination-size-trigger:text-storm-500',
                 'dark:group-hover/pagination-size-trigger:text-white',
             ], {
                 'text-storm-300 dark:text-hurricane-200': !this.dropdownIsOpen,
                 'text-storm-500 dark:text-white': !!this.dropdownIsOpen,
-            }), size: 'sm', variant: 'double-caret' })), hAsync("slot", { key: '6b0722b71b46818a821c8c6f2b88025522f8c214', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), size: 'sm', variant: 'double-caret' })), hAsync("slot", { key: 'f3dab35841483f0fcb7aa72106975f3573f4a08a', slot: 'items' }, this.sizeOptions.map(option => (hAsync("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }
@@ -98292,7 +98499,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        return (hAsync(ThemedHost, { key: 'b3e676c112e16fd42bae96f0e61d4f352d86d58d' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (hAsync(ThemedHost, { key: '0ec4ddefa5588f73327f78db6edb33b4a028d037' }, this._hasDropdownSlot ? (hAsync("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, hAsync("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), hAsync("div", { slot: 'items' }, hAsync("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();
@@ -98458,11 +98665,11 @@ class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (hAsync(ThemedHost, { key: '4e0469bb2c32a32f70a3098519c78a542066d14a' }, hAsync("label", { key: '83728cef714642faee03f2ea15c6b8e3d2d65a7f', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: 'bfb3d43a9e8725d4df72f687c9105107e03d8d86', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '070b7ca6185525a9ecc2645c5816929ff7d7cfe1', checked: this.checked, class: radio({
+        return (hAsync(ThemedHost, { key: '1b34f45d6511b31e6f6422bc394254fec08a93b3' }, hAsync("label", { key: '7653f5e2b3fd0d8c56bfe410774ca9f6a0e9b2ec', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: '5eeb3cb883ca4da0111dcd6f5e8f1ef9d5b3205c', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '94c1413d1c39a5dec10c65a7e9aaecb99103d61b', 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) }), hAsync("div", { key: 'a970e7f1ba92c651547ffc22cf46a2616f9afe74', class: circle$2({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'radio', value: this.value, onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'd5978350946a867664aad181475a2b5e38e9706a', class: circle$2({
                 disabled: asBoolean(this.disabled),
-            }) })), hAsync("div", { key: '70dbf28fe32544bd8d682e1ffb92c51fc1668b89', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'bf8f0d91d9a793461a69a60e62b5f115c512eec1' })))));
+            }) })), hAsync("div", { key: 'b115a387ba384e96652fecaf557e4c9e6b43df35', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'd2dd72ba6ee22885f14085075e0c9983165a8fce' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {
@@ -98526,13 +98733,13 @@ class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (hAsync(ThemedHost, { key: '9c0e2f83e080868ee358630e50c035b19ee829fa' }, hAsync("div", { key: '12626f10b97ae5ecfa79eeb011bc8ec4108e2f8c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, hAsync("p-icon", { key: '8736f5024ced2674bed1664f6344b590c22b2e60', variant: 'minus' }), hAsync("div", { key: '68e128b70ee74c10707623b8299ef6eea346e1d5', class: 'relative h-6 flex-1' }, hAsync("input", { key: '5e6e31c34953410d068332c5f7d34a9d682ee414', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (hAsync(ThemedHost, { key: 'a68ced28c217fd36c68e036ac33d99a8b53bda9e' }, hAsync("div", { key: '913ebcd1fffd7e03769cde7a0a693f32d753d05b', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, hAsync("p-icon", { key: '4b9f7cdf2e39f795c1966e4b32ef47394c56fdfd', variant: 'minus' }), hAsync("div", { key: '91b9b56f441eface41e8d68dfc36321b52019ba9', class: 'relative h-6 flex-1' }, hAsync("input", { key: 'b7f451f9c4d46f4929d89dcf11af6acccbe29207', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), hAsync("div", { key: 'f85cae57ba6cd94c279ccac2753505018f8543d4', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), hAsync("div", { key: 'a924bc7c08bb7af2e272a5af26894751bd3d4866', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), hAsync("p-icon", { key: 'c3e848da38711448a667d945be7d8303daaac7db', variant: 'plus' }))));
+            } })), hAsync("p-icon", { key: '9fd710578d983d1e8316344b0c9ee02b12de7f2b', variant: 'plus' }))));
     }
     static get style() { return rangeComponentCss(); }
     static get cmpMeta() { return {
@@ -98557,7 +98764,7 @@ class SegmentContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: '11cb492992be18b04e1de7a5a06b36c90a0d6c6b' }, hAsync("div", { key: 'd3072d7207998bf3d23aacced3d859733dce128a', 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     ' }, hAsync("slot", { key: '67ebf404dea865be4219e4bc7f73f654e2c9c0f1' }))));
+        return (hAsync(ThemedHost, { key: 'b9f1ba919738b5398e19d447d319bd70c89f10d8' }, hAsync("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     ' }, hAsync("slot", { key: '06a3488eeb1cbaf001e8e4d1df85978943564c29' }))));
     }
     static get style() { return segmentContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -98643,11 +98850,11 @@ class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? hAsync("slot", { name: 'description' }) : null;
-        return (hAsync(ThemedHost, { key: '9cacc2fc44b09b61fa9f4255655532367f196714' }, hAsync("div", { key: '3da0adac76bedca0f7fa372ce0a55b0065b23556', class: segmentItem({
+        return (hAsync(ThemedHost, { key: '9be1b585d2aede4645ef92018603c79a85bd4e23' }, hAsync("div", { key: '049f0e6c3fc278bbfadec4f23880afc6e567aeb0', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (hAsync("p-icon", { key: 'f7cceea832a26f412114f0fbc682f8f3209e6390', class: cn('mb-1', {
+            }) }, this.icon && (hAsync("p-icon", { key: 'd72b71bba1a830113c8c1269179094c4018e5099', 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' ? (hAsync("slot", null)) : (hAsync("div", { class: 'flex flex-col items-center' }, hAsync("p", { class: cn(`
@@ -99028,8 +99235,8 @@ class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (hAsync(ThemedHost, { key: '51ebc8616be3744995c78d6e75bf747770cefeef' }, hAsync("p-field-container", { key: '27fe6a7646d07bfbb9f7924c64f826a5ff8e2357', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: 'eb130f9ffc5f269c12eeba6c426160cac211b8d2', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: '7c1b53b621ec2f0491a10f3e20120e60af3688e0', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: 'a6e52a8d00aaf3bafa91618aed130356a293e2c8', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (hAsync(ThemedHost, { key: 'ce57ab1998f4eff0510e5abe59bbe4093801ece1' }, hAsync("p-field-container", { key: '2e8e87d98db2beda8dd31b09f55099914d6f2025', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, hAsync("p-dropdown", { key: '75fb5c50c72035f2a514f282867b978ed200a242', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, hAsync("p-button", { key: '2766f4a6fc46853d315b1d946b9804d2da634ddb', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, hAsync("div", { key: 'a693985fae749e57af35efc6129cadcd98300614', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -99453,7 +99660,7 @@ class Smile {
      */
     variant = 'modal';
     render() {
-        return (hAsync(Host, { key: '0545b8bae681f5984cacf62b152d2c764e7cf87c', class: smile({ variant: this.variant }) }, hAsync("div", { key: '724b4e4562f061b6ba924c31fbcd659dc34664ad', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (hAsync(Host, { key: '6e81187a95899bde054b3758a1e508b9ad8fcd55', class: smile({ variant: this.variant }) }, hAsync("div", { key: '9619867e6df73de96849907f12b247a8f5fbab68', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get style() { return smileComponentCss(); }
     static get cmpMeta() { return {
@@ -99865,19 +100072,19 @@ class StepperItem {
      */
     active = false;
     render() {
-        return (hAsync(ThemedHost, { key: '9d14fbaba748a5c3b3badb2acadc546d0fddecd6' }, hAsync("div", { key: '8f3ea2218946ecc43350d7735eb00b30a80c3c70', class: item$1({
+        return (hAsync(ThemedHost, { key: '99f3ac7e8c508e8353f5ac5cf1bb93ebd69e8755' }, hAsync("div", { key: 'f194d28cb528142aece5245b8555a05fa162c594', class: item$1({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, hAsync("div", { key: 'f665d1035086830a04263b85e5edf54dd787e7dc', class: circle$1({
+            }) }, hAsync("div", { key: 'dbae4ce93130a491c110f642a47be34b55b58d9f', class: circle$1({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), hAsync("div", { key: '32fa7d79a96901d358d7e3655916dc4c97a52d6c', class: content$2({
+            }) }, this.number), hAsync("div", { key: '72a51566731de389a14b4b1d72dbb5de039f854b', class: content$2({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, hAsync("slot", { key: 'c2163dfee0a700e2eca1131c2345bacd7d7b3735' })))));
+            }) }, hAsync("slot", { key: '2002bd29cf842eae1e4392204aa999235afd213f' })))));
     }
     static get style() { return stepperItemComponentCss(); }
     static get cmpMeta() { return {
@@ -99912,7 +100119,7 @@ class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return hAsync(ThemedHost, { key: 'd3a40a22a7a3802034362a15225ba5f8d03e961f' });
+        return hAsync(ThemedHost, { key: '1efdf5cfab3f5fef46e133f97c13ab95cc3cc240' });
     }
     static get style() { return stepperLineComponentCss(); }
     static get cmpMeta() { return {
@@ -99935,7 +100142,7 @@ class TabContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '5022f8346d3ee307529e6b3e8a4b468281785515', class: 'relative flex h-8 w-full flex-col' }, hAsync("div", { key: 'ae8f0649d3accfe7d01fc0e9e5c652ec4119c75f', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, hAsync("slot", { key: '39409a29246137cca9758fe36857c589b6a99ca8' })), hAsync("p-divider", { key: '8eaf1961818632d60bf292053e80d2b7dd02f1e2', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
+        return (hAsync("div", { key: 'a786ca19e61950ab9d2ac8266ab4d935203cac77', class: 'relative flex h-8 w-full flex-col' }, hAsync("div", { key: 'd1aba8281aba405cfcb27025af2d65e4ecb347cf', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, hAsync("slot", { key: '1d6f60abb5dce3ec732f2baf27a7d0dc8d7f9eba' })), hAsync("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     ' })));
     }
     static get style() { return tabContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -99990,7 +100197,7 @@ class TabItem {
      */
     active = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'ffaaafe7b95a1ddd7350bdf399f793d569b6d955' }, hAsync("div", { key: '8adf76224ba8a47afac946bcc6e77cf29033dc47', class: item({ active: this.active }) }, hAsync("slot", { key: '44609cace6aede2846c27485e499e763c90bc751' }))));
+        return (hAsync(ThemedHost, { key: 'eb3807306777016255f5ae891914fc006f685f08' }, hAsync("div", { key: 'aee0518032892fe6a9f82a70f1c4f8d9b39958d4', class: item({ active: this.active }) }, hAsync("slot", { key: 'ee4ee594465a4e2eadc57f25c609bf34418feb65' }))));
     }
     static get style() { return tabItemComponentCss(); }
     static get cmpMeta() { return {
@@ -100274,7 +100481,7 @@ class Table {
         this.hasRendered.emit();
     }
     render() {
-        return (hAsync(Host, { key: '7ece1479d7c90b408fa55f045feba734f9e27b28', class: 'z-0 flex flex-col' }, hAsync("p-table-container", { key: '290cf20abdacab6257ebef5479b834df529bccbd' }, this.enableHeader && (hAsync("p-table-header", { key: '6a1af71c86b2b23d26d8d344b1528b1356d7bd7b', actionButtonTemplate: this.actionButtonTemplate, actionIcon: this.actionButtonIcon, actionLoading: this.actionButtonLoading, actionText: this.actionButtonText, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, canUseAction: this.actionButtonEnabled, class: 'mb-8', enableAction: this.enableAction, enableExport: this.enableExport, enableFilter: this.enableFilter, enableFilterDesktop: this.enableFilterDesktop, enableSearch: this.enableSearch, filterButtonTemplate: this.filterButtonTemplate, itemsSelectedAmount: this.selectedRows?.length, loading: this.headerLoading, query: this.query, quickFilters: this.quickFilters, selectedFiltersAmount: this.selectedFiltersAmount, onAction: () => this.action.emit(), onExport: () => this.export.emit(), onFilter: () => this.filter.emit(), onQueryChange: ({ detail }) => this.queryChange.emit(detail), onQuickFilter: ({ detail }) => this.quickFilter.emit(detail) }, this._hasCustomFilterSlot && (hAsync("slot", { key: '6bfe4727050ba7d6a3e6e280cc1c467259b9166b', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (hAsync("slot", { key: 'da4f2aea31f0daa62749393a0390219fa4342b20', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), hAsync("div", { key: '799d65d57bf36a924ff40e6cb9416c4be0da4eaf', class: 'flex flex-1 flex-col' }, this._getRows(), hAsync("slot", { key: 'b0060fa16edf49898787df195c86a35adf397798', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { amount: this.selectedRows?.length, amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, class: floatingMenuContainerClass({
+        return (hAsync(Host, { key: '8c0fcdf67d9a528c2eac63096819ba3878968963', class: 'z-0 flex flex-col' }, hAsync("p-table-container", { key: '48b190e7b08cea101c8123463c6fe9411940e301' }, this.enableHeader && (hAsync("p-table-header", { key: 'b8c4be2ac0d9f9a178babfbdcd34a7c326db7d93', actionButtonTemplate: this.actionButtonTemplate, actionIcon: this.actionButtonIcon, actionLoading: this.actionButtonLoading, actionText: this.actionButtonText, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, canUseAction: this.actionButtonEnabled, class: 'mb-8', enableAction: this.enableAction, enableExport: this.enableExport, enableFilter: this.enableFilter, enableFilterDesktop: this.enableFilterDesktop, enableSearch: this.enableSearch, filterButtonTemplate: this.filterButtonTemplate, itemsSelectedAmount: this.selectedRows?.length, loading: this.headerLoading, query: this.query, quickFilters: this.quickFilters, selectedFiltersAmount: this.selectedFiltersAmount, onAction: () => this.action.emit(), onExport: () => this.export.emit(), onFilter: () => this.filter.emit(), onQueryChange: ({ detail }) => this.queryChange.emit(detail), onQuickFilter: ({ detail }) => this.quickFilter.emit(detail) }, this._hasCustomFilterSlot && (hAsync("slot", { key: 'f7f3f53e824eefda27d24629336d21f4ebe42f31', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (hAsync("slot", { key: 'cfb3e8f9ae1459c24ba4c671fc073a62dfec68e8', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), hAsync("div", { key: 'a983b87220f438d9f0ffc058000e6907e0ee44cf', class: 'flex flex-1 flex-col' }, this._getRows(), hAsync("slot", { key: '353319f4fb03e578a9aace502382e22eef6415e6', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { amount: this.selectedRows?.length, amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, class: floatingMenuContainerClass({
                 hasFooter: this.enableFooter && !this._footerHidden,
                 active: !!this.selectedRows?.length,
                 shown: this._floatingMenuShown,
@@ -100284,7 +100491,7 @@ class Table {
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (hAsync("p-table-footer", { key: '57d24f1f3803e58053eba3da5fad1ab6474eccc6', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, loading: this.footerLoading, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, tableHeaderHasAction: this.enableHeader &&
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (hAsync("p-table-footer", { key: '4ee20020fcef46134e850ae87b6a88186647e9d0', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, loading: this.footerLoading, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, tableHeaderHasAction: this.enableHeader &&
                 this.enableAction &&
                 this.actionButtonEnabled, total: this.total, onHiddenChange: ({ detail }) => (this._footerHidden = detail), onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this.pageSizeChange.emit(detail) })))));
     }
@@ -100820,7 +101027,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'dfd539fd9035f67cce64188ab18c7a16e8533431', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (hAsync(ThemedHost, { key: '656d83909d03bd9affa467d31830be7ddb065608', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -100952,7 +101159,7 @@ class TableContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '2f1e257f31d10d170673b1a5f3b473d85e0427e1', class: container$1() }, hAsync("slot", { key: '034cb6393f751f5a46e90fdbd07f604c65105415' })));
+        return (hAsync(Host, { key: '3daf6469b62cebd689368d36868c43045e45b9ba', class: container$1() }, hAsync("slot", { key: 'ee905a8bcd2e251d16e0af31a1609e905d41fa33' })));
     }
     static get style() { return tableContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -101131,12 +101338,12 @@ class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (hAsync(ThemedHost, { key: '4282e3a5a5036e596454dfb52c6323b80f469264' }, hAsync("div", { key: 'f4d74e1168356b9c5768332f61ddd6de85170c0f', class: footer({
+        return (hAsync(ThemedHost, { key: 'e1e80cefafca5e75a6bb65a1ef50628608b5f561' }, hAsync("div", { key: '2685019000a687c3d2cc78a959370cd11dee773e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (hAsync("p-pagination", { key: '7877e074aa9a6bf79f71ad8c17ca9e59c96c5cc8', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (hAsync("p-pagination", { key: '82c0ad2c394418fab72873164f7110f06edffa62', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -110791,13 +110998,13 @@ class TableHeader {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (hAsync(ThemedHost, { key: 'c77d8b8a5761d85fa731ac4bbf9ae704182db662' }, hAsync("div", { key: '326b6a259d665f75dbf0b31efddab55529670474', class: header() }, this.loading && (hAsync("p-loader", { key: '2023b41f25ae827ef05d9b32776f6d9b778ff244', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: '9878787e280a54674a01cd14b930298eb76602b7', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: '6451546fd33c35ff649990d83e9e689d2c049451', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: '119fbbf7e666bd4fd8d81a051bbec530d992a3e5', class: cn({
+        return (hAsync(ThemedHost, { key: '146dbcfb3f2883f5999093dff4ec5b1ae4530a0f' }, hAsync("div", { key: 'a76491ff423a939196c851da49f70cec87e914e5', class: header() }, this.loading && (hAsync("p-loader", { key: 'cefccf2e94b8e22df9506670241c5366d8d3de2e', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: 'ff9fdbec94b79217279e0e6a87511239cadf8d99', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: '9ba364568cf6ea0eb988c9ba53055ba005af60e0', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: '8e88a96fcb9a88ab8ed6ea3854821938e195bdcf', class: cn({
                 'hidden desktop-xs:flex': this.hideQuickFiltersOnMobile,
                 flex: !this.hideQuickFiltersOnMobile,
             }) }, quickFilters.map(item => (hAsync("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
             ? item.text
-            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: '789a79b292ae29db76ed9267cca90bf3a19dbe0b', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: '7f90862d3bb0c41420de733fe38c1a351c38fb99', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: 'c027c1a9fcfc608a3b7e14baca90ceb7ccbc430b', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: 'bd70812488a36ee0931b5d3c4948101d56eddcc7', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: '881aa6a3e492bbc43ce7c17ad7b92e1388c83276', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: '15966dc97bd1cee3692de32ce08d348196e0e329', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: '8bc7ef55643420221a66323cc644ca9bc9c2aac2', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: 'ae5c8db6d1adef93cd228ff86f7a266fe057c410', class: `
            w-full
            ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
@@ -110805,7 +111012,7 @@ class TableHeader {
          `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: '602f7968fd60f4ea23909d1fcf23c1d32fef3721', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'a55cf0b5e09b18b5cf7d9f1c6ab33aac6160b9ec', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '47435fd94bc6d8dced05be088e9d157fb0a46c92', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '42e42671e2b19c9f262b9a7dba9c080d1439acbd', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: '31a8d2bc0fb5f217111f0ae2aad500abee3bdf28', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: '05d011dfc818f193c96a5646456d07d745da7693', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '379ad6eb535ed7e327b2a438f482a960a546ba80', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '9037b913ef614ae681892c6fb6547d476bc8cd43', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -110975,13 +111182,13 @@ class TableRow {
      */
     isLast = false;
     render() {
-        return (hAsync(ThemedHost, { key: '4ae9344919a3b4dcd6c34fdf76828dbe3ce6b396' }, hAsync("div", { key: '1a4de3b449898d697700799b13c78042d6eff300', class: 'flex flex-col' }, hAsync("div", { key: '927396e7bf1198c6a5154e17be44c14d1afe4726', class: row({
+        return (hAsync(ThemedHost, { key: '637f078f4b17b40e8d88b17ffd01e17564dc2498' }, hAsync("div", { key: '0c5df77b50554c6f72e4a589896ee0ac5ea8065f', class: 'flex flex-col' }, hAsync("div", { key: '86cab516a54ba2a79a45fe4185e1d64ed232df04', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, hAsync("div", { key: '7f6272205310383055b3a37d51e4a83bd19557df', class: content$1({
+            }) }, hAsync("div", { key: '4a302d6d3077a31f18bad02169e9bfcf38083e4b', class: content$1({
                 variant: this.variant,
-            }) }, hAsync("slot", { key: 'f26ccd0768bee41ef2987e3e45f5a18e4a4b6e57' }), hAsync("div", { key: '75230c7b9bc9fbb52ab407c0a22b8f177fd39407', class: actions() }, hAsync("slot", { key: 'bbd6ec87b2f7e01e0e2dfc62295d1444ac1bbae5', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: '08930ffe9f0f27060d9084bc3672fd32d9dd0648' })))));
+            }) }, hAsync("slot", { key: 'b1ead41a3359d1e766c5e372f18ea17720ff86f5' }), hAsync("div", { key: '9d374cf452fe04077230f6a981fc713cf56cc6cc', class: actions() }, hAsync("slot", { key: '728d34e82e152fd1ca38db6c29cb1e40259e442f', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: 'e9ac14c677be390abaf4f5fc2218ee7a7e028954' })))));
     }
     static get style() { return tableRowComponentCss(); }
     static get cmpMeta() { return {
@@ -111081,16 +111288,16 @@ class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (hAsync(ThemedHost, { key: '4be2a6b0e22633e2d8e966077dbc353f298580ca' }, hAsync("div", { key: '7cb5afe3757df775f8a15955ed24f43bf79e2182', class: cn(`
+        return (hAsync(ThemedHost, { key: 'efb6cf4c063212207c5ea272f3ae3bbffd18e419' }, hAsync("div", { key: '2d1a85c5f4e1e4829cd45b081fcc31e46bd02773', 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,
-            }) }, hAsync("div", { key: '26038bfcbc3fa8558beedeba280639dafe759f4d', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, hAsync("div", { key: 'ebea7754c0318514557fe7d751ed2212cfcfc35f', 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,
-            }) }, hAsync("slot", { key: '249ef823b37b9a894c158f23996432fd57f6e761' })))));
+            }) }, hAsync("slot", { key: '2cba74d1d0d62f685798292b7199632aae122d67' })))));
     }
     static get style() { return tableRowActionsContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -111171,7 +111378,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(ThemedHost, { key: 'f1571a0deacd549291d1d04322a1cc80c3a0720e' }, hAsync("div", { key: '345a479a1a9236dab89f1367d46d60b8f81c06d7', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, hAsync("div", { key: '800075ff1075383ad9c879b6fd31870c1c990b5c', class: indicator({ variant: this.variant }) }), hAsync("div", { key: 'd1818b747fa164991f4554d89c134cdb3dc956b2', class: content() }, hAsync("div", { key: '66d3e58ab4014eb442ea19ba55169d0d31195f21', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '975545d9b32298494656e98168e468e5e90298ff', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '393b0ce56e3e61fda95cff12ca377bd8283b66ad', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("div", { key: '6967b09134dd543682accb499f529d17c9101d2b', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, hAsync("p-icon", { key: '39bd7d0ba6e80b6287b117ec81c73afeee1968b9', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (hAsync(ThemedHost, { key: '8163adb40afe8131c42b098a5eae37b23dc46a25' }, hAsync("div", { key: '6a8ee7423a06de0446206eb4f5b826dc3dc724b6', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, hAsync("div", { key: '207676c948f8e7e5ebd7c572899142e8220dd361', class: indicator({ variant: this.variant }) }), hAsync("div", { key: 'bfb1cefc34ac22c4b9f0c5353c5a8aa63f3823e8', class: content() }, hAsync("div", { key: 'e27bc44e3d366a71d0832176dada0b18e7a0a9f0', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '8e4d119e117c2cd5a0fb22c0e81207223a9d0831', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '17a472a839184d3d5b9786428cb2f987d7b7a2e0', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("div", { key: 'e187924e49a5b9a3a639d697cf619377054cd65a', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, hAsync("p-icon", { key: '4a03096e00847861456f310c1624da82e9defc00', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -111241,9 +111448,9 @@ class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (hAsync("div", { key: '5d77cac640925586144faefc5d3df382af793133', class: container({
+        return (hAsync("div", { key: '6c0ca1492b8b5db68b62537115baa9b8ba59a223', class: container({
                 placement: this.placement,
-            }) }, hAsync("slot", { key: '65b700d11dd0404bfb32e6361f20eb0c251f55bb' })));
+            }) }, hAsync("slot", { key: '7735e0c87c0ff212044e3358e9dc0d8c30de67ac' })));
     }
     static get style() { return toastContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -111401,11 +111608,11 @@ class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (hAsync(ThemedHost, { key: '78924c2da1482566b48d0c4508f2b2035da3f099' }, hAsync("label", { key: '08a386bd28167e1e7a83e23289f421244e289bbd', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: 'e196c415e223b7d7a9bef873636243b9a9db1f8c', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '4b4984057a6eaf8860203db442c254117e9c3ee8', checked: !!this.checked, class: toggle({
+        return (hAsync(ThemedHost, { key: 'c94da39c5cd65f7e50190bde49c5924df1c0a8a5' }, hAsync("label", { key: 'd46c44760b0aba16fd630a7a8ac92247f351db0e', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: 'ae3f73a862a2a7989aaf75033384eda0b7cb9933', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'e87e4b22d9353831bcf3c6d00587801e9c900420', 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) }), hAsync("div", { key: 'd3b1a3ff617e7c1c8e98e39bc6186517724e7a19', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), hAsync("div", { key: 'da80e9bd020c9787c396e341de05a63f3e587e7d', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), hAsync("div", { key: 'e5a274897bb29464e05fb21b78d65dba550d95fa', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'e1de8c659c7411c7d63ab9bb5d8b79f61deb66f2' })))));
+            }) })), hAsync("div", { key: '3a47695b364859d2c600941ffc544205ce074a70', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'e0e538f18f1271368c3dedb380f902b579aa8eea' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {
@@ -111536,10 +111743,10 @@ class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (hAsync(ThemedHost, { key: '20bdd1bec32da57c6726d73a07d5f82fb3acaa80', "data-filled": this.content?.length > 0 || this._hasContentSlot }, hAsync("slot", { key: '03034eaa1d19b613c4c097a378d224b79acab473', name: 'trigger' }), hAsync("div", { key: 'd1ea8eed0b2ab04117f7e2f1d3b32a710c49726c', class: popover({
+        return (hAsync(ThemedHost, { key: 'b7236e3ce5912e9ba30714da4c2e7af49086f834', "data-filled": this.content?.length > 0 || this._hasContentSlot }, hAsync("slot", { key: 'cf670f071402f8f8c8e410b0ac5cd71e04e66c83', name: 'trigger' }), hAsync("div", { key: '6070ac034b4430f7e7e34f18b057983d1a0c2f6e', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, hAsync("div", { key: '91944080d3d30625478ed2c9f56dbafe7e34c253', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (hAsync("div", { key: 'c7f95766a424908bd4dabcbf6edd0e8ac4d815d0', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? hAsync("slot", { key: '873c0139e49366b94630a5f40e56705a9ed89bf2', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, hAsync("div", { key: 'bdfd98d1aa78a4b381744740ed5f6e8ee5d892d2', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (hAsync("div", { key: '1d146ca53838e1d02026e2106ad878348ac9c668', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? hAsync("slot", { key: 'a7b9a33b688c70778870545029b19d99cbaa5cb5', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -111705,6 +111912,7 @@ registerComponents([
   Dropdown,
   DropdownMenuContainer,
   DropdownMenuItem,
+  Dropzone,
   EmptyState,
   Field,
   FieldContainer,