@paperless/core 3.8.2 → 3.10.0

package/hydrate/index.js

@@ -11599,10 +11599,10 @@ class Accordion {
      */
     isOpen;
     render() {
-        return (hAsync(ThemedHost, { key: '36d39106bf27e5005cfdd96f062e89d3be88dbef' }, hAsync("div", { key: '3e08603b16cb1e63be370f3f69bf302d55a73a6d', class: 'flex w-full flex-col' }, hAsync("div", { key: 'b434652c2acda88e09f87d7099cc10d87dba2799', class: cn('flex cursor-pointer items-center gap-2', {
+        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', {
                 '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: '1b56837e3c8c799e8c950cb435c1a41b1b34a93e', class: 'flex shrink-0', rotate: this.open ? 0 : -90, variant: 'caret' }), hAsync("p", { key: '8e009479a0e30100ec50e0336758c67ef8b775e0', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), hAsync("p-divider", { key: '4b7029e11b60b2493b21a89fd377e42e9c6dbaf1', class: 'flex-1' })), this.open && (hAsync("div", { key: '1e7b7f6b9d4d3983e77eee7ba02f6bb1f7a53819', class: 'mt-4' }, hAsync("slot", { key: 'e7ea3de6a43120e5533f8f6f320eb6714bbae73a' }))))));
+            }), 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() {
         if (!this.closeable && this.open) {
@@ -11739,27 +11739,27 @@ class Attachment {
     _fileRef;
     _cameraFileRef;
     render() {
-        let prefix = (hAsync("p-icon", { key: 'dd6a4fddd6e60cafff196b0229b125bc4475837f', class: 'text-storm-300', variant: 'attachment' }));
+        let prefix = (hAsync("p-icon", { key: '1c80587e39c1a195137110971a5ab8e55e279a62', class: 'text-storm-300', variant: 'attachment' }));
         if (this.error) {
-            prefix = (hAsync("p-icon", { key: '3afb112898ac70c5c07f36d1824f9ef982994185', class: 'text-negative-red-500', variant: 'warning' }));
+            prefix = (hAsync("p-icon", { key: '1a7d9cd50636935865f0c418b396e190d245f495', 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: 'a60e9e326e5c70edb39e2c16353e30638ed04fbb' }, hAsync("p-field-container", { key: '95255c8b0648f11d336fb5bb74e230bc8a15499e', error: this.error, forceShowTooltip: !!this.error?.length, helper: this.helper, label: this.label, required: this.required, variant: 'write' }, hAsync("div", { key: 'c6bb34cd296d4159c5cc1941af8a80d46b5b387e', class: 'flex w-full items-start gap-2', slot: 'content' }, hAsync("div", { key: 'b208ca920c5ff5b240d8226551b791d239ebf2c6', class: attachment({
+        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({
                 click: this.mode === 'write' && !this.value?.length,
                 error: !!this.error?.length,
-            }), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '8235dce3bc34299e779d435749ee27f40360e1be', class: cn(baseText, `
+            }), onClick: () => this._uploadClick() }, prefix, hAsync("span", { key: '887bf7f40ceaebe0f5491bad5b09bddfa87a406b', class: cn(baseText, `
            peer
            empty:hidden
            dark:text-white
-         `) }, this.value), hAsync("span", { key: '9227af7beb22f08663854ad118269879f5dc28d2', class: cn(baseText, `
+         `) }, this.value), hAsync("span", { key: '103249ccca7ec5b41752263534cfbb47ed0af123', class: cn(baseText, `
            hidden
            peer-empty:block
-         `) }, this.placeholder)), hAsync("p-tooltip", { key: '461c9426b1068552248d9a99810157a5dc437d35', class: 'w-8', content: this.mode === 'read'
+         `) }, this.placeholder)), hAsync("p-tooltip", { key: '8791959427c3e811d4c650d030f0354b6f53d442', class: 'w-8', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, hAsync("p-button", { key: 'a61a19eca51f65b887cb5bc30c707903acdbed5e', disabled: this.loading, icon: this.mode === 'read'
+                    : this.uploadTooltip }, hAsync("p-button", { key: 'bf55fc4ca413b095aa6448df20287175dbd7a514', disabled: this.loading, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -11770,7 +11770,7 @@ class Attachment {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isTouch &&
-            !this.value?.length && (hAsync("p-tooltip", { key: '92eb29f63074268f3787fdd338bf52ab538652a4', class: '\n           w-8\n           desktop-xs:hidden\n         ', content: this.cameraTooltip }, hAsync("p-button", { key: 'd16292a48b3b65b88d3102ae9fd2a0b88905b117', icon: 'camera', iconOnly: true, slot: 'trigger', variant: 'secondary', onOnClick: () => this._cameraClick() }))))), hAsync("input", { key: '8d4671d6374ff5c71a159113351fa2f8aabde9d7', 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: 'd5d605e25ff006625eab9e3bd91c804f376f8945', 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: '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) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write' || this.value?.length) {
@@ -12811,7 +12811,7 @@ class ButtonGroup {
         this._checkButtons();
     }
     render() {
-        return (hAsync(Host, { key: '0194482014cf63bb2b1b232f3a535dbc38fe3943', class: 'flex items-center' }, hAsync("slot", { key: '29f15517952e4eea497b805c089a858d556394ab' })));
+        return (hAsync(Host, { key: 'd0c4d09c70b2140832b4a0ed05725dae641642c1', class: 'flex items-center' }, hAsync("slot", { key: '9ee836e72eeda929067bbb805d6127b4537cb66f' })));
     }
     slotchange() {
         this._checkButtons();
@@ -88156,7 +88156,7 @@ class Calendar {
         }
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'b14ca11713b5ee2c0a5775230987b1654a3c58cc' }, hAsync("div", { key: '467ce8181c5cbbec87de1ae4817ed47183dca8e8', class: calendar$1({ variant: this.variant }) }, this._getView())));
+        return (hAsync(ThemedHost, { key: 'af9b580a84030d4aca0e983eb1b12239875f0f55' }, hAsync("div", { key: '81e938439eac92733ac0901caed9d441b762ed88', class: calendar$1({ variant: this.variant }) }, this._getView())));
     }
     _checkTodayButton() {
         if (this._maxDate && dateFnsExports.isAfter(this._today, this._maxDate)) {
@@ -88904,13 +88904,13 @@ class ContentSlider {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'bf8924e96712792ca4cc1e41962dca8cc86f1a5e' }, hAsync("div", { key: '7ab2192a27ea1a65f74462a1975880a2d32a7314', class: `
+        return (hAsync(Host, { key: 'd732accc688b1df8c288d5ecd1025fa0b15007af' }, hAsync("div", { key: 'bef92d3a68be80802dd9b62c2ffd8fbda0b5c72d', 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: 'aa95fdb7ddcaf647947584ae4282822251be5136', class: 'inner-slider', ref: ref => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, hAsync("slot", { key: 'cffb458194bbdf342e3840aa174469809e282be5', onSlotchange: () => this._slotChange() }))), hAsync("div", { key: '51e08fcb4c2ae6296c1e5042445e40ad28610e84', class: `
+            }, 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: `
        indicator
        ${this.hideMobileIndicator && 'hidden'}
      ` }, this._filteredItems.map((_, i) => (hAsync("div", { class: `
@@ -91961,7 +91961,7 @@ class Cropper {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (hAsync(ThemedHost, { key: '52a057456517492463f371277934b7e486dc5b79' }, this._loaded && (hAsync("cropper-canvas", { key: 'a6322cc2fe70a66d880e7346b203dce27f8c9c5b', 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: '10b5a28a47fcf404b7a715750407420bf565ed3c', alt: 'Picture', crossorigin: 'anonymous', ref: ref => this._setImageRef(ref), src: this.value, scalable: true, translatable: true }), hAsync("cropper-shade", { key: '72e99381cd0275245d7e09cad083743116bf2466', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), hAsync("cropper-selection", { key: '00294b6423488b070b998039e3bb096cdc1f621b', "aspect-ratio": '1', "initial-coverage": '0.7', ref: ref => (this._selectionRef = ref) }), hAsync("cropper-handle", { key: '08bec65589e6f90042a0502f0def27e60383565d', action: 'move', plain: true }))), hAsync("p-range", { key: '95c2c0305abbdd03271d1c02d6a8bcf896037a71', 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: '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) })));
     }
     _setImageRef(ref) {
         if (this._imageRef || !ref) {
@@ -92291,7 +92291,7 @@ class Datepicker {
         }
     }
     render() {
-        return (hAsync("p-dropdown", { key: 'e329571548f7fc670ea27b9096e43179bf575f48', 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: '5904684c137055d5b2eb25890363ee8b458ce9ff', 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: '18243b5177bf1ccafc938199d17303a13e9c0a2d', 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: '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 &&
                 dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
                 }), min: this._minDate &&
@@ -92300,7 +92300,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: '72072c39f6b9f4234c39474084e10625bb739ff4', slot: 'items', tabIndex: -1 }, hAsync("p-calendar", { key: '374b07930dfaa7f1c1cfdf528fd0b53158d482bc', 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: '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) }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -94468,12 +94468,12 @@ class Dropdown {
         this._checkItems();
     }
     render() {
-        return (hAsync(Host, { key: 'bedacfe4315ca3990dd8b87c32dbae364722666d', class: 'relative' }, hAsync("div", { key: 'd10200cc877f7ab3dcd3ba012b6ca9c6d622cee3', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, hAsync("slot", { key: '9b5929215afd8d87b966edad2a1093af1e80107a', name: 'trigger' })), hAsync("div", { key: '11ab8f42724bd08e60dd2b492b6e88384be92312', class: 'relative w-full' }, hAsync("p-dropdown-menu-container", { key: '1cfd2dd29d735f2f4fa7afe6cb3f6a8a0acb3b11', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        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({
                 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: '024950445590c6fe467cf729b0df8e8eaa87241b', 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: '84dc0c48a92c957de785d4323bd719b020f20212', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');
@@ -95131,11 +95131,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: 'e156e226af805d55fb5d1ea617d5e219d8d265b7' }, hAsync("div", { key: '417385b03f1494ba500540abf53b202a00140eb2', class: emptyState({
+        return (hAsync(ThemedHost, { key: 'c992e849c678678864c5f9cfec46f3c48c1eb20c' }, hAsync("div", { key: '3cb20168072cb532d3cefb9b955d3e51f673276d', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (hAsync("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', 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: '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 &&
             (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(); }
@@ -95159,7 +95159,7 @@ class EmptyState {
     }; }
 }
 
-const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/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))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-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-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/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\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
+const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-indigo-300{--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/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))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.hover\\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(47 111 240/var(--tw-text-opacity,1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-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-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/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\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}`;
 
 const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relative'], {
     variants: {
@@ -95432,6 +95432,10 @@ class Field {
      * Wether the field is in loading state
      */
     loading = false;
+    /**
+     * Wether to enable or disable the password eye toggle
+     */
+    enablePasswordEye = true;
     /**
      * The placeholder of the input
      */
@@ -95515,11 +95519,13 @@ class Field {
     get _el() { return getElement(this); }
     _focused = false;
     _nonce = nonce(5);
+    _type = 'text';
     _internals;
     _inputRef;
     _lastValue;
     componentDidLoad() {
         this._checkAutoFocus();
+        this._type = this.type;
     }
     formResetCallback() {
         this.value = null;
@@ -95533,8 +95539,8 @@ class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, hAsync("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', 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: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), hAsync("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
+        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({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -95545,7 +95551,7 @@ class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '68b8e1d339630c881583ea40fecb9cb414be1537', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -95555,16 +95561,31 @@ class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (hAsync("p-icon", { class: cn('flex', {
                 '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.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
+            }), 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({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
-                isText: typeof suffix === 'string',
+                isText: typeof suffix === 'string' && this.type !== 'password',
                 isTextarea: this.type === 'textarea',
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: cn('flex', {
+            }), {
+                'cursor-pointer': this.type === 'password' && this.enablePasswordEye,
+                'hover:text-indigo-700 dark:hover:text-indigo-300': this.type === 'password',
+            }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'end') ||
+            (this.type === 'password' && this.enablePasswordEye) ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (suffix)))))));
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.type === 'password'
+                ? this._type === 'text'
+                    ? 'eye-closed'
+                    : 'eye'
+                : this.icon, onClick: () => {
+                if (this.type !== 'password' || !this.enablePasswordEye) {
+                    return;
+                }
+                this._type = this._type === 'text' ? 'password' : 'text';
+            } })) : (suffix)))))));
     }
     watchvalue(value) {
         if (!this._inputRef) {
@@ -95663,7 +95684,7 @@ class Field {
         if (this.type === 'textarea') {
             return (hAsync("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties }));
         }
-        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this.type, ...props, ...properties }));
+        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this._type, ...props, ...properties }));
     }
     _setInputRef(ref) {
         this._inputRef = ref;
@@ -95728,6 +95749,7 @@ class Field {
             "value": [8],
             "label": [1],
             "loading": [4],
+            "enablePasswordEye": [4, "enable-password-eye"],
             "placeholder": [1],
             "helper": [1],
             "required": [516],
@@ -95745,7 +95767,8 @@ class Field {
             "focusMethod": [1, "focus-method"],
             "optionalTemplate": [16],
             "_focused": [32],
-            "_nonce": [32]
+            "_nonce": [32],
+            "_type": [32]
         },
         "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"], [2, "keyup", "handleKeyup"], [2, "keydown", "handleKeydown"]],
         "$lazyBundleId$": "-",
@@ -96758,17 +96781,17 @@ class Label {
      */
     keepMobileContent = false;
     render() {
-        return (hAsync(ThemedHost, { key: '11f93a805b545dbdf3d8f7f07d2ba9d9b72f9465' }, hAsync("div", { key: '1947c9e35ae05a8ffda7d35c4f72edf8edd6eb78', class: label({
+        return (hAsync(ThemedHost, { key: '104ee5d95a9a998e9ff5d50a0319db1131dd49a9' }, hAsync("div", { key: 'd0d2d11eab222b5183d5a835b3bd2fb195295552', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (hAsync("p-icon", { key: '5531821ffd0f42ab9ed8c6eca76e8f1537bcb976', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (hAsync("div", { key: 'acefad061d0e66e1404fb3847b0853069179b306', class: cn(`
+            }) }, 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(`
           flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
           font-medium
         `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, hAsync("slot", { key: 'b96c6e958fb8786e078fa9cbdeb1daac494ef9f3' }))))));
+            }) }, hAsync("slot", { key: 'd8ef0efd720dbb24690ef5b354277eb84ede8921' }))))));
     }
     static get style() { return labelComponentCss(); }
     static get cmpMeta() { return {
@@ -96804,7 +96827,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("div", { key: 'f4f768d25ef24a2b9bdb88b82b92a33b0b56de8e', class: 'sidebar' }, hAsync("slot", { key: 'd41956627e6e05ba9019b67be36a277e5c7387b2', name: 'sidebar' })), hAsync("div", { key: '4fb25385d7c9178567563e07ce188f0bd70c5083', class: 'topbar' }, hAsync("slot", { key: 'edd613f693d2dc2f216d591368b4a2f656866dc8', name: 'topbar' }))));
+        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' }))));
     }
     static get style() { return layoutComponentCss(); }
     static get cmpMeta() { return {
@@ -96839,10 +96862,10 @@ class Listing {
         }
     }
     render() {
-        return (hAsync("div", { key: 'bd62a9cb5f45d0be1bf09636a4d576a70a4350fb', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (hAsync("div", { key: '6530812142c92d48d2dc3a10456b6740545579dd', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, hAsync("slot", { key: 'c762354f8f1f0023a6a73bff00fc5333431c8226', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, hAsync("slot", { key: 'a9870a9992cc0cdaa49351e06fbde5bb77a717c5', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {
@@ -96922,7 +96945,7 @@ class ListingItem {
      */
     icon = 'placeholder';
     render() {
-        return (hAsync(ThemedHost, { key: 'e2b07cadde155cc5f8e89c305001f60d6f59ae30' }, hAsync("div", { key: 'f6a73a4819c9e79d321940e2eaac315c2a5c4071', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, hAsync("p-icon", { key: '70ae7063fd9e6971014b0c980fa0044a06a07480', variant: this.icon }), hAsync("div", { key: '163a4b15c05122af8608b877a974fbbb9213823f', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, hAsync("slot", { key: '9d9c2d335873477597dc37547c71af01befda87d' })))));
+        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' })))));
     }
     static get style() { return listingItemComponentCss(); }
     static get cmpMeta() { return {
@@ -96944,7 +96967,7 @@ class ListingLine {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(ThemedHost, { key: 'c86403715338caf974046a01d48cb11ff916f6fc' });
+        return hAsync(ThemedHost, { key: '426ab43c59f453b7de8a9afba7557fa3881ba27b' });
     }
     static get style() { return listingLineComponentCss(); }
     static get cmpMeta() { return {
@@ -97194,10 +97217,10 @@ class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (hAsync(ThemedHost, { key: '4f460cc8150f3610e72bdeb18040abe0be4f88a6' }, hAsync("div", { key: '5c6027a2eb2aa2efe427acd5b5ff621c0908a794', class: body({
+        return (hAsync(ThemedHost, { key: '06a01a093a588ff044166e148241bea144d042b6' }, hAsync("div", { key: '4d1ff6b9ce773a7351eaa5f995b6689db77aba23', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, hAsync("slot", { key: 'fbb1db79d47487b2fa20f98f3233fb04fa8c3782' }))));
+            }) }, hAsync("slot", { key: '639b2567411b02f35f9e41e10ef2d20a8c9ea9db' }))));
     }
     static get style() { return modalBodyComponentCss(); }
     static get cmpMeta() { return {
@@ -97260,10 +97283,10 @@ class ModalContainer {
      */
     closing = false;
     render() {
-        return (hAsync(ThemedHost, { key: '8ed1013a9a1216531efe3e94181c106584d3f407' }, hAsync("div", { key: '2bfb6ca7cc65b070beed31244654a102f9036255', class: container$2({
+        return (hAsync(ThemedHost, { key: '572e0905e2cc55937daa24c01570e248df5a3733' }, hAsync("div", { key: '6db7371a89b0ec0cf805b276c4a8a03d105c9101', class: container$2({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '38ae19861439e290af0109bea1015f9fb862ed15' }))));
+            }) }, hAsync("slot", { key: '3a0620c68847c7c846f0290471a04037ea946b26' }))));
     }
     static get style() { return modalContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -97286,7 +97309,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'db7731369d6e62f4e6cd9a45d49202c1d9600284' }, hAsync("div", { key: 'a0ef39283aa6a636ccf2e2aed077c5e4b78be0b2', 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: '307cc08feaf5555108d153a8b956ced52a24848b', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), hAsync("div", { key: '1e21b3ceb5e1eb58115b3d46c2c36771c8f0842e', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, hAsync("slot", { key: 'f383532efab19f9810097b2712c18184b18967a1' })))));
+        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' })))));
     }
     static get style() { return modalFooterComponentCss(); }
     static get cmpMeta() { return {
@@ -97332,7 +97355,7 @@ class ModalHeader {
      */
     close;
     render() {
-        return (hAsync(ThemedHost, { key: 'dbb51f33774127b65d699fba9053651fd98509bb' }, hAsync("div", { key: 'b3d864bbf0b006ce7247c282f889c4500bb6c379', class: header$1() }, hAsync("div", { key: 'd8b71c2d987b85e946b4c49372561290ff1ae54d', class: content$3() }, hAsync("div", { key: 'acb36bfe313501f90a9f034de27cbcc2909d1256', class: title() }, hAsync("slot", { key: '4a7b12ebae3fbe321a47a9e0e00572b3e2bc01bc' })), this.showClose && (hAsync("p-button", { key: '069df47301c8ce0790ca61d8141f21fcc3191258', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: 'ab9cdfc56527962b7414b574fde67dbb4c046f29', class: 'dark:text-hurricane-400' }))));
+        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' }))));
     }
     static get style() { return modalHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -97412,7 +97435,7 @@ class Navbar {
     }
     _show = false;
     render() {
-        return (hAsync(ThemedHost, { key: '814b399715eba8a9f4c81ed550431b8b3cc29d39' }, hAsync("p-backdrop", { key: '59c99e5c8ce0dbacae386da8ceb4a7a23b4778bd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '815fcb1b40cfdbe3a4bd47676b374254073254df', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: 'a078f18dcc8885db9bd3661cc227adccaf30b8c1', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, hAsync("p-button", { key: 'be1fbb0ee3d1455f4af3b5399a52c38a760ddb1f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: 'c4b1d03bb1c5fd109b99e3d587873b3f47ab1350', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: 'a981dbc4d887d420cb8b5c7c69fee4795cb07272', name: 'company' })), hAsync("div", { key: '035880f4bb9d321c3d4f9d5fb6df34191ba1be13', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '0d75492d278db82db0a62a4717c94df59a02349c', name: 'content' })), hAsync("div", { key: '66e0a56030477a2e3c8b1706f698114e85b88fe6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, hAsync("slot", { key: '7ad2e2db299e914b8977f8c300d636d317c06741', name: 'user' }))), hAsync("div", { key: '70be960e812e2b4904a3045193ca16fc2391e4a6', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '19b70f87d40558f633d5d9d8b42b60ba4c999826', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: 'c980989054dc51e2e54bf5d032895e297742fe61', name: 'topbar' }))));
+        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' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -97523,13 +97546,13 @@ class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (hAsync(ThemedHost, { key: '4ae6c89f2d7534c698b816955488c73bd358d70e', class: cn('inline-block', this.class) }, hAsync(TagType, { key: '911611a89bf9c250328e5b5397d65b5c65970a74', class: navigationItem({
+        return (hAsync(ThemedHost, { key: 'df75595509e2f081dbc13a244a77c07293d67bc1', class: cn('inline-block', this.class) }, hAsync(TagType, { key: 'f6ad06191bdb4049387e1235a3a303718d8f6cc7', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, hAsync("div", { key: 'bfdc1882c4bedcd1ee2672b7112737eacbb4ad26', class: navigationItemIconContainer({ active }) }, hAsync("p-icon", { key: 'be619184b36c520b9e0b7b60963bffdec115b773', variant: this.icon })), hAsync("span", { key: 'db23af321af6eebca65534c183451920932756d3', class: cn({
+            }), 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({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, hAsync("slot", { key: 'a555a9e414129555e1375b97f7f8e222fd412fe5' })), !!this.counter && this.counter !== '0' && (hAsync("p-badge", { key: 'a6014594a3c7969cd44705420e285ea81478ac42' }, this.counter)), !!this.loading && hAsync("p-loader", { key: '1755e9547e0fe49a6c9c7f254350ed21f74bca25', class: 'ml-auto' }))));
+            }) }, 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' }))));
     }
     static get style() { return navigationItemComponentCss(); }
     static get cmpMeta() { return {
@@ -97563,7 +97586,7 @@ class NavigationSection {
      */
     header;
     render() {
-        return (hAsync(ThemedHost, { key: '8fb1c4a553d9c4a5326c1692f50913be4d9865dc', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (hAsync("p-navigation-title", { key: 'e5d53c6cc8c05cfb0a0566b94ceebe1a894f77b3' }, this.header)), hAsync("div", { key: 'a29814e605c46668e89773b1e7d3540aabd8c3ae', class: 'flex flex-col' }, hAsync("slot", { key: '683d1571c171719465093efc4d6c9d7dcb3ddeb5' }))));
+        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' }))));
     }
     static get style() { return navigationSectionComponentCss(); }
     static get cmpMeta() { return {
@@ -97585,7 +97608,7 @@ class NavigationTitle {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'c265a1688d2e50bbd288e93227d5cfd9e37b453f', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, hAsync("slot", { key: 'e274095b3c138155d6370559eb691a77461b647d' })));
+        return (hAsync(ThemedHost, { key: 'd9a91ac9c57ee12ef797652c5c9977780410999b', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, hAsync("slot", { key: '23ebacfa95e6011fe4788c474fa085100e9f77d3' })));
     }
     static get style() { return navigationTitleComponentCss(); }
     static get cmpMeta() { return {
@@ -97664,12 +97687,12 @@ class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (hAsync(ThemedHost, { key: '21cd272621360d4d505510c1faa0991e58cedd3a' }, hAsync("div", { key: '2eff06826af604b9a8b640bd18b416b934c3dba8', class: pagination$1({
+        return (hAsync(ThemedHost, { key: '3f1b6ea1ac6b1ddae922000ee90b9796287de51b' }, hAsync("div", { key: '28561b81a9717cfc6ed3301215f47962349fccd2', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (hAsync(Fragment, { key: 'd40e819bfb23ef1ce37df622c349c747c5e30430' }, hAsync("p-pagination-size", { key: '8b974865374b5e1de9b7dc6649472f85a9b09333', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, 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.hideOnSinglePage &&
-            this._hasPaginationPages && (hAsync("p-divider", { key: '941d0fb3dedd42c1cfead1f95008fd81e5ea135d', 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: 'dbe42788b40a0c071ef466e7a0896d269cb7d7c9', 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: '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 = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));
@@ -98095,12 +98118,12 @@ class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'fdbf0f1aec5ae8ab321271a9bdd4fefdeb593e82' }, hAsync("div", { key: '5423125b36ec6cc43e765cf3ae6a521173b400db', class: item$2({
+        return (hAsync(ThemedHost, { key: 'de5e24d94b1b427e74f3f7ac6dc919af16e30833' }, hAsync("div", { key: 'fc8b4687cd1dec165e0afeab54c63d629216a45d', class: item$2({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, hAsync("slot", { key: 'eb0c56fada9cef2fa607b7225bad86afbca7f760' }))));
+            }) }, hAsync("slot", { key: '3ef68f1aae1ff4b00c85b689f1572fde0b0ffb70' }))));
     }
     static get style() { return paginationPagesItemComponentCss(); }
     static get cmpMeta() { return {
@@ -98267,7 +98290,7 @@ class Profile {
     }
     render() {
         const content = this._getContent();
-        return (hAsync(ThemedHost, { key: 'ca4c5879a59946cdbbab9a802fbf62547194aaa9' }, 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: '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)));
     }
     slotchange() {
         this._checkDropdownSlot();
@@ -98433,11 +98456,11 @@ class Radio {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (hAsync(ThemedHost, { key: 'a025b6f97c4108930c0838a19182adfed4eba8ee' }, hAsync("label", { key: '03276b35d1c84c26ca072a913c55379050f11562', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: '120eae5ce9ef7518d3c03c6f66ebdf05f7e436e4', class: 'relative flex flex-shrink-0 items-center' }, hAsync("input", { key: 'aa26f35acabd82de06afc0db1728f19b4806ec3d', checked: this.checked, class: radio({
+        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({
                 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: 'ae58f21ad97d3073a5c782b0ad57250d1b9d7c77', 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: 'a970e7f1ba92c651547ffc22cf46a2616f9afe74', class: circle$2({
                 disabled: asBoolean(this.disabled),
-            }) })), hAsync("div", { key: '9a562a2180ed71d3ed454111510e293bacc77fae', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'c44f22182c19509aeafd753392421ae74efd5c34' })))));
+            }) })), hAsync("div", { key: '70dbf28fe32544bd8d682e1ffb92c51fc1668b89', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'bf8f0d91d9a793461a69a60e62b5f115c512eec1' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {
@@ -98501,13 +98524,13 @@ class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (hAsync(ThemedHost, { key: 'ae78cbe140c926f4c15da133c99dd2b84ff1060f' }, hAsync("div", { key: '27a1f144fa8c1fa7c62ffb9b6300ce4f7b5d032c', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, hAsync("p-icon", { key: '353b493c7deb2a8de7b461dd5e78bf7af41ffbd2', variant: 'minus' }), hAsync("div", { key: 'afb0b67c052ef23f0a85c5ed2b4286f3769114f2', class: 'relative h-6 flex-1' }, hAsync("input", { key: '664649a633ea007d101dd7ef9a5dc528cd503bce', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        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 => {
                 const value = ev.target.value;
                 this.value = Number.parseFloat(value);
                 this.valueChange.emit(value);
-            } }), hAsync("div", { key: 'aa3025e342179b0b046835aba388737e4d723986', 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: 'f85cae57ba6cd94c279ccac2753505018f8543d4', 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: '7b7c6f55fe81458e96f8edf67f1fc47a028d707b', variant: 'plus' }))));
+            } })), hAsync("p-icon", { key: 'c3e848da38711448a667d945be7d8303daaac7db', variant: 'plus' }))));
     }
     static get style() { return rangeComponentCss(); }
     static get cmpMeta() { return {
@@ -98532,7 +98555,7 @@ class SegmentContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(ThemedHost, { key: '1a1008baf7277eddba9c4e618755cd1acbe9a841' }, hAsync("div", { key: '890325242b0b67849d871082b5199e0a89a7e418', 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: '781298086637577844b1dfcb08e13e477573bf54' }))));
+        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' }))));
     }
     static get style() { return segmentContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -98618,11 +98641,11 @@ class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? hAsync("slot", { name: 'description' }) : null;
-        return (hAsync(ThemedHost, { key: 'fb365ffba7e5d105956b9ffbfa4b3effdeec27b2' }, hAsync("div", { key: '54736bcb97a642dc66a9c94451e0b3b6bb18d0d3', class: segmentItem({
+        return (hAsync(ThemedHost, { key: '9cacc2fc44b09b61fa9f4255655532367f196714' }, hAsync("div", { key: '3da0adac76bedca0f7fa372ce0a55b0065b23556', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (hAsync("p-icon", { key: '5eca3c0638d613f947e320a0ee89867c6fb468ae', class: cn('mb-1', {
+            }) }, this.icon && (hAsync("p-icon", { key: 'f7cceea832a26f412114f0fbc682f8f3209e6390', 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(`
@@ -99003,8 +99026,8 @@ class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (hAsync(ThemedHost, { key: 'c15b8ad5b4581bc9d73caec74094d05a5eccdc87' }, hAsync("p-field-container", { key: '79a06c8be8884124cccdb17baf8d386d34f01e47', 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: '9844250bac67e239336290deb4203ae6ecf62be4', 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: 'c33d47717e74742095e0bb6597ed74393782924a', 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: 'b8153f212f6fbcaf9654f71cd15cfe274b95125c', 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: '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()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -99428,7 +99451,7 @@ class Smile {
      */
     variant = 'modal';
     render() {
-        return (hAsync(Host, { key: '6c99a0206e831d9122665ca9f17c1f533a9c8bc2', class: smile({ variant: this.variant }) }, hAsync("div", { key: 'f157da0f0fae32f1355533d6a9fafe69c73a3309', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (hAsync(Host, { key: '0545b8bae681f5984cacf62b152d2c764e7cf87c', class: smile({ variant: this.variant }) }, hAsync("div", { key: '724b4e4562f061b6ba924c31fbcd659dc34664ad', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
     static get style() { return smileComponentCss(); }
     static get cmpMeta() { return {
@@ -99840,19 +99863,19 @@ class StepperItem {
      */
     active = false;
     render() {
-        return (hAsync(ThemedHost, { key: '59225e7cf6387dc74870532f93d41f017ac2b917' }, hAsync("div", { key: '3405b371edfc473077228b13dfb6642af24ca7b3', class: item$1({
+        return (hAsync(ThemedHost, { key: '9d14fbaba748a5c3b3badb2acadc546d0fddecd6' }, hAsync("div", { key: '8f3ea2218946ecc43350d7735eb00b30a80c3c70', class: item$1({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, hAsync("div", { key: 'd4c559d9f794406bd0c967a0b8d02437b1fa5770', class: circle$1({
+            }) }, hAsync("div", { key: 'f665d1035086830a04263b85e5edf54dd787e7dc', class: circle$1({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), hAsync("div", { key: 'e62cac677b32c265bafaa4f7e0844dae1fdee71b', class: content$2({
+            }) }, this.number), hAsync("div", { key: '32fa7d79a96901d358d7e3655916dc4c97a52d6c', class: content$2({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, hAsync("slot", { key: '853a7664d61bd16d5e0da555bf779a250ba9c15f' })))));
+            }) }, hAsync("slot", { key: 'c2163dfee0a700e2eca1131c2345bacd7d7b3735' })))));
     }
     static get style() { return stepperItemComponentCss(); }
     static get cmpMeta() { return {
@@ -99887,7 +99910,7 @@ class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return hAsync(ThemedHost, { key: '565c695a3d5b50dc3930eccbf76524b902cd9504' });
+        return hAsync(ThemedHost, { key: 'd3a40a22a7a3802034362a15225ba5f8d03e961f' });
     }
     static get style() { return stepperLineComponentCss(); }
     static get cmpMeta() { return {
@@ -99910,7 +99933,7 @@ class TabContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, hAsync("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, hAsync("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), hAsync("p-divider", { key: '153374f8cc24d554a8beeef4fdaa30a93173d3fc', 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: '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     ' })));
     }
     static get style() { return tabContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -99965,7 +99988,7 @@ class TabItem {
      */
     active = false;
     render() {
-        return (hAsync(ThemedHost, { key: '68381d5e607b93bd36eaac21b4548f1a8cbe1169' }, hAsync("div", { key: 'fe0d645f2421de9d8f0c3c2b008125b9c70244d4', class: item({ active: this.active }) }, hAsync("slot", { key: 'bba769a606b49e9f5eab7f47a3bdd263bbc34f3f' }))));
+        return (hAsync(ThemedHost, { key: 'ffaaafe7b95a1ddd7350bdf399f793d569b6d955' }, hAsync("div", { key: '8adf76224ba8a47afac946bcc6e77cf29033dc47', class: item({ active: this.active }) }, hAsync("slot", { key: '44609cace6aede2846c27485e499e763c90bc751' }))));
     }
     static get style() { return tabItemComponentCss(); }
     static get cmpMeta() { return {
@@ -100795,7 +100818,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'f6abd4c007ae672b8d3bba899ee69ceaf5c258a3', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (hAsync(ThemedHost, { key: 'dfd539fd9035f67cce64188ab18c7a16e8533431', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -100927,7 +100950,7 @@ class TableContainer {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '60a213b1b9d9fdd01e4ead844cc0c45f97492474', class: container$1() }, hAsync("slot", { key: '533b69a0e5118d466159c106cfbf6ae058b9a7f2' })));
+        return (hAsync(Host, { key: '2f1e257f31d10d170673b1a5f3b473d85e0427e1', class: container$1() }, hAsync("slot", { key: '034cb6393f751f5a46e90fdbd07f604c65105415' })));
     }
     static get style() { return tableContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -101106,12 +101129,12 @@ class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (hAsync(ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, hAsync("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
+        return (hAsync(ThemedHost, { key: '4282e3a5a5036e596454dfb52c6323b80f469264' }, hAsync("div", { key: 'f4d74e1168356b9c5768332f61ddd6de85170c0f', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (hAsync("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', 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: '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) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -110942,13 +110965,13 @@ class TableRow {
      */
     isLast = false;
     render() {
-        return (hAsync(ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, hAsync("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, hAsync("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
+        return (hAsync(ThemedHost, { key: '4ae9344919a3b4dcd6c34fdf76828dbe3ce6b396' }, hAsync("div", { key: '1a4de3b449898d697700799b13c78042d6eff300', class: 'flex flex-col' }, hAsync("div", { key: '927396e7bf1198c6a5154e17be44c14d1afe4726', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, hAsync("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content$1({
+            }) }, hAsync("div", { key: '7f6272205310383055b3a37d51e4a83bd19557df', class: content$1({
                 variant: this.variant,
-            }) }, hAsync("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), hAsync("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, hAsync("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
+            }) }, 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' })))));
     }
     static get style() { return tableRowComponentCss(); }
     static get cmpMeta() { return {
@@ -111048,16 +111071,16 @@ class TableRowActionsContainer {
      */
     checked = false;
     render() {
-        return (hAsync(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, hAsync("div", { key: '5a0480d4df301d4aa395f87fc93b2e068b9f79f4', class: cn(`
+        return (hAsync(ThemedHost, { key: '4be2a6b0e22633e2d8e966077dbc353f298580ca' }, hAsync("div", { key: '7cb5afe3757df775f8a15955ed24f43bf79e2182', 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: '6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, hAsync("div", { key: '26038bfcbc3fa8558beedeba280639dafe759f4d', 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: '27f6a9bf20a79fc58b63412aa0943278408e6f90' })))));
+            }) }, hAsync("slot", { key: '249ef823b37b9a894c158f23996432fd57f6e761' })))));
     }
     static get style() { return tableRowActionsContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -111138,7 +111161,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(ThemedHost, { key: '8d36846b85c4e661ccd81533ac05eb6a651bedb6' }, hAsync("div", { key: '5a60824f6868fa38893b7e451850f6e181caa95c', 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: 'c3ebd2eecb1f3378176653bfe7ae96bd9b7b4b13', class: indicator({ variant: this.variant }) }), hAsync("div", { key: '89ce39565adb3958a12551d5021f7ab86c9babb5', class: content() }, hAsync("div", { key: '9c833a877f81b34c53ff73378b799fad436e76fd', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '7ec87f298e4dda01ff689f877d436c726abef8a5', 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: '08c6c263d6ce9915b055fc24e4b0aca7d2b7bfc2', 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: '111084df846674e17f00ec8c7902a099f05a1e58', 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: '660342af8a7f33cdd2495cf03fd54fe8923babc8', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        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 })))))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -111208,9 +111231,9 @@ class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (hAsync("div", { key: 'bd21d7bd4c72892795945f527a55d244c74a3e8a', class: container({
+        return (hAsync("div", { key: '5d77cac640925586144faefc5d3df382af793133', class: container({
                 placement: this.placement,
-            }) }, hAsync("slot", { key: 'c822ef2a7a7269a926b0e6d416d3f584e133e668' })));
+            }) }, hAsync("slot", { key: '65b700d11dd0404bfb32e6361f20eb0c251f55bb' })));
     }
     static get style() { return toastContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -111368,11 +111391,11 @@ class Toggle {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (hAsync(ThemedHost, { key: 'a112d0ed2ec3daa865c559d44c587d20f76822f3' }, hAsync("label", { key: '36c971bf96e575e59f0e4ad39e1d917f255abaf9', class: 'flex items-center justify-start gap-2', htmlFor: id }, hAsync("div", { key: '5081f38fa7bfd14664f71c837db04473892c13b0', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, hAsync("input", { key: '219ab4b5bb5e444e51987898e59c8c31a69b3d1a', checked: !!this.checked, class: toggle({
+        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({
                 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: '9182edb7d27559da52a34e5481ac505c0bdd1d9b', class: circle({
+            }), 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),
-            }) })), hAsync("div", { key: 'c3cff9609226e9e5ed671e9ed46506b8d996788f', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'b140f22e50a8030d3a9deba673e0d0c078e7b064' })))));
+            }) })), hAsync("div", { key: 'e5a274897bb29464e05fb21b78d65dba550d95fa', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, hAsync("slot", { key: 'e1de8c659c7411c7d63ab9bb5d8b79f61deb66f2' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {
@@ -111503,10 +111526,10 @@ class Tooltip {
         this._cleanup = null;
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'd6eed2d0ae314f5bc0c956df0360c7c3affe5349', "data-filled": this.content?.length > 0 || this._hasContentSlot }, hAsync("slot", { key: '68a50b13f23fbb9ff40b83d6a1f1cbad56a12add', name: 'trigger' }), hAsync("div", { key: '6d4726e4663fe88a8758485c55ee003fca9e9c59', class: popover({
+        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({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, hAsync("div", { key: '9ded5ee86411c2d35b3ef4b75894740b5a9db814', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (hAsync("div", { key: 'fe330950d9662c415e99d1594581c096b5210cd7', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? hAsync("slot", { key: '9ec941819d62d3fcca4edf9262d704644fb0f294', name: 'content' })))));
+            }), "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' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {