@paperless/core 3.19.5 → 3.20.0

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

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

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

@@ -133,12 +133,12 @@ export class Dropdown {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: '1c060fa3b674315b449445bc12cb7914ff809f42', class: 'relative' }, h("div", { key: '526090a21972996fe865c251ab109170b3031f2d', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'c77c6b4e01d5f8192aada325f62d416f08ef50d5', name: 'trigger' })), h("div", { key: '49300cd262ccd3f58aaea3abec9a00d210c340b8', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'c084d5a6d26f1c47b38ddcca5eae7727bc12e0e2', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'daa5ca812dc1ec72b95737a02bbff9e492ad7fe3', class: 'relative' }, h("div", { key: '9842f327983cfdc6666eaa9dd7b6010f0d13efe6', class: 'trigger', ref: el => (this._trigger = el), onClick: () => this._triggerClickHandler() }, h("slot", { key: '4195411e9dff36f800f91149544e7135d22cb44b', name: 'trigger' })), h("div", { key: '48f8874c60a8c69fa6ade61325415d5e70761748', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'ad92d728bbb379c6cc926b9b747da4cc3fc17665', allowOverflow: this.allowOverflow, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '8e05aa667dbad7c2a443dcb7c513b5049ae966e5', name: 'items' })))));
+            }), this.containerClass), "data-placement": this.placement, "data-strategy": this.strategy, fullWidth: this.applyFullWidth && !this.applyMaxWidth, maxWidth: this.applyMaxWidth, ref: el => this._load(el), role: 'popover', scrollable: this.scrollable, variant: this.variant, onClick: () => this._containerClickHandler() }, h("slot", { key: '8d131c1ee5ca981f8d5ea9931922cf5061e7d816', name: 'items' })))));
     }
     _checkButtons(active = false) {
         const buttons = this._el.querySelectorAll('p-button[slot="trigger"]');

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

@@ -115,20 +115,20 @@ export class Dropzone {
     }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(ThemedHost, { key: '3bdbd0ce35e34159cea4a25cd850f9a193a3f946' }, h("div", { key: 'ebf85859aa357664417f8086c865de8325a225fe', class: dropzone({
+        return (h(ThemedHost, { key: '7c1db4cb49b8699a6aa11ffb0b6fe4d496dabee2' }, h("div", { key: 'a059feda628b54161629ea0e05dbbfb0fa8e4aba', class: dropzone({
                 isOver: this._isOver,
                 uploaded: this.uploaded,
-            }), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (h("p-icon", { key: '6dca37d76b00f5da9f5b4b8e028c83b0578fb811', class: cn(`
+            }), onClick: () => this._uploadClick() }, !this.loading && this.showIcon && (h("p-icon", { key: '79d280c89d5274171ba689463491ab9386712353', class: cn(`
           group-hover/dropzone:text-indigo-900
           dark:group-hover/dropzone:text-indigo-700
         `, {
                 'text-positive-green-800': this.uploaded,
                 'text-storm-300 dark:text-hurricane-200': !this._isOver && !this.uploaded,
                 'text-indigo-900 dark:text-indigo-700': this._isOver,
-            }), variant: this.icon })), this.loading && h("p-loader", { key: 'b6444e1d0c4519023ba628cab29b166812b0d853' }), hasContent && (h("p", { key: 'f2e434afe8daadfe90e3b1d7257c98a610405689', class: cn('m-0 p-0 text-lg font-bold', {
+            }), variant: this.icon })), this.loading && h("p-loader", { key: '7c28c02bada55efe9d2045b3a42a7c3c2139ee76' }), hasContent && (h("p", { key: '78208423e2b95c23a5303f8fca3300e06b5b4d86', class: cn('m-0 p-0 text-lg font-bold', {
                 'dark:text-white': !this.uploaded || this._isOver,
                 'text-storm-500': this.uploaded && !this._isOver,
-            }) }, h("slot", { key: 'f7054d8e072e40e6a294b8feec5d53c6368df633' }))), this.uploaded && !this._isOver && (h("div", { key: 'ad137466b30a21dd4ba66db226968cc17a8e5f8c', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '343c6b31e638f961430b7421e44faedbc8c00e24', variant: 'check-circle' }), h("span", { key: '6ada9196c435e0642fb8528fc4ba2d28ba6b1d29', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: 'e928b7b3a1e60e699f9ecc8de2f4bc48c4162032', class: cn([
+            }) }, h("slot", { key: 'c0656e295223d620af579278f1c763eb7f368acf' }))), this.uploaded && !this._isOver && (h("div", { key: 'e5ebd90b568883a025118f3df155188b21f1f67e', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '782fc223bd7de1a5d2e7e78bce753e32160fb477', variant: 'check-circle' }), h("span", { key: '063369d8309f4d992b53d8db3165d4f9ed663992', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: 'c05af902cc62cfdbb7feea9de5aabf567c6d22f5', class: cn([
                 'flex flex-col text-center',
                 'group-hover/dropzone:opacity-50',
                 `
@@ -137,7 +137,7 @@ export class Dropzone {
          `,
             ], {
                 'opacity-50': this._isOver,
-            }) }, h("span", { key: '4533eac1b324933cc3aedaf84b8aa7954ac0b09d', class: 'font-medium' }, this.dragFileString), h("span", { key: 'bd5e993c33adc175ed2f81eee8a1c5350318df7a', class: 'font-normal' }, this.orClickString)))), h("input", { key: '6efc0733c35a09bce5b2a80de4870eb96b5e69f1', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            }) }, h("span", { key: 'c9ec4e45968281ce5c2033264ff7c972b25bd799', class: 'font-medium' }, this.dragFileString), h("span", { key: 'bc2aac22c381cdb7d5cbfaa42627f57d08cab115', class: 'font-normal' }, this.orClickString)))), h("input", { key: 'd7569817461cc246b0d17e9f8cf238ea169ad436', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
     }
     onDrop(ev) {
         const files = this._getFiles(ev);

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

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

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

@@ -105,27 +105,27 @@ export class FieldContainer {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        let contentSlot = (h("slot", { key: 'ee38d5be02a899e0d63749e4b13c17cae4711637', name: 'content', slot: 'trigger' }));
+        let contentSlot = (h("slot", { key: '5291beab9a04f71a20dc147266a4517aefc7026b', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (h("p-loader", { key: '5e445ed28e4ff1254b6c724d5bb859d37ed669b3', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (h("p-loader", { key: '7af3ba90aeecec528b526c5257f9fb53e601c795', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (h(ThemedHost, { key: 'b9e499d2dc7e962d706997c8d16f61c5252f118d' }, h("label", { key: '4233b212952fa641e2509ea1c942453e77ec5f82', class: cn('flex h-inherit w-inherit flex-col gap-1', {
+        return (h(ThemedHost, { key: '2aade5cc2ec5c8302d475aefc62b8a178027fbd0' }, h("label", { key: '5a0920e414f7f5f0333d2b5f805e016b98b19baf', class: cn('flex h-inherit w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: '20e48d5f03656193a1b837070ae750a8d4296465', class: cn(`
+            }), htmlFor: this.id }, h("div", { key: '52f9924430ca76dd5492c8c5e78a5a640e132e29', class: cn(`
          flex items-end justify-between gap-1
          empty:hidden
        `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: 'ee34ef249bb30262496793d5f8417e137313cf03', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '1a73b8c8c753253a46be784bbd03aaf515c33d3d', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: 'fe0c268b0fee3a855bcc44ef844ca8a2a727dee2', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: '14466e8a589be9b1b599750e9d94fdd507e63637', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '4af64a1df141b112f28138a1f6a01ab6016bb642', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '6aae524554e4bd91eb9e316b7b69210be1e24b32', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: '148aa5b036d4b2cd74cb8d55f653082d9fb25a35', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: '5c7df3260b6add948909d13001a8f5f1a62a296b', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: '2103c58a2d6283a3776386fc48b817b0a6c11775', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'daa792f0973fb224b65694b2b3da0bce094bc013', name: 'header' })))), h("p-tooltip", { key: 'f5a7db0a4adf1b122a1297e3216c67abd4dc824e', class: cn({
+            this.variant === 'write' && (h("span", { key: '259e21450bdd3458cba03edf5106f2e31ffb1ac1', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'dfc59d9d34107403e05a4106b76f48eaf33efe0c', name: 'header' })))), h("p-tooltip", { key: 'b92186277a5c86017167ebfe66f360c2c569ea09', class: cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '38ce560479de40f7b704bf9f7736f217286a39b8', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '40046f1ba8136dcaf7a37c11edeb8ba75b115415', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

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

@@ -371,8 +371,8 @@ export class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '26ead7c05e6305596106f154754986a05237c454' }, h("p-field-container", { key: '8828b6378d5a3e5c7c98dd52c0bc34ff7500ba02', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'c7a0344e9aec6a7e1c30e173fd5ceaf65268a912', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9a0bdbb419369c6d658d5e1b855913ffe4dd42b0', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'dc417538960faecaa20898f52138042b52fc0232', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '9e7659556f4bb3888d63ee6ca9b7d59bd7201db9', name: 'error', slot: 'error' })), h("div", { key: 'e0f979932fd5afb26e60df3656c503475bbfb43e', class: field({
+        return (h(ThemedHost, { key: '537b14741e48d7aa20121d9d4e0cb4f04fcf7eab' }, h("p-field-container", { key: 'ddb458b4fda84393779f1c2668541b09baf008a3', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '22e0fad26aa04bc18833eeb6b86822ad22a10586', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '2c451ce3554067b83effa28e7fb3afc350c07838', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '5a7b1748f39fa6716d6ea84dc822f8a91a38a255', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'b02b47a5fa9768792a1de132beccfcb94637194d', name: 'error', slot: 'error' })), h("div", { key: '1beb78cff29f30c5adad7e3cec93961caaf34b08', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -383,7 +383,7 @@ export class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '60384a989f7f7ce43dff577e5275d12d955f85ff', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '5c157f96f660ae83468219a63f08abc279dfc5cc', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -395,7 +395,7 @@ export class Field {
                 'mt-1': this.variant === 'read' && this.size === 'base',
             }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
             (this.type === 'password' && this.enablePasswordEye) ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '7bfc680f8dff73606785066d9e3ad3fbf7ad5e83', class: cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '470f92267fb2a7a44a52b58259539b2940943221', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),

package/dist/collection/components/molecules/navigation/item/navigation-item.component.js

@@ -88,13 +88,13 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: '60037e99c90aa900084ccd67a78a98b3db5625e6', class: cn('inline-block', this.class) }, h(TagType, { key: '461cf0d042eb867040573c3133b5f51e87309838', class: navigationItem({
+        return (h(ThemedHost, { key: 'ae16c9de7454fc81eabe1007ddacadc0910c30df', class: cn('inline-block', this.class) }, h(TagType, { key: '5762e034f8994b2b545254e74bda83648051f7b4', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '569400092cc3b9b6efe7097023c5f5ea0c748f4a', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '9b8f03b0ebce991312cc62d648339d2552053dca', variant: this.icon })), h("span", { key: '02aa90de89850780ab494c3d4e18843b0cbdcd6a', class: cn({
+            }), href: this.href, target: this.target }, h("div", { key: '3f8f23069bc9bb4e74f21bdaf84a5799c94c1923', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '35a783b85c8ecd4817c2d956f2146af0023ab103', variant: this.icon })), h("span", { key: '850af9f755f29426abbc6c9aec0049b2c60bc6ae', class: cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, h("slot", { key: '60440cff2953b9066e540c70e8f62a52e94de31e' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'cba0286d29ae348de152b8e391bebe657d2e38be' }, this.counter)), !!this.loading && h("p-loader", { key: '94f0ce93c19385f562c1af309fd094771ad1733a', class: 'ml-auto' }))));
+            }) }, h("slot", { key: '9ad7ed612cba22fd9e9586b2f7abb982edb7b472' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd5a732b8445a36b876835863bb5a3e01d42ad0f8' }, this.counter)), !!this.loading && h("p-loader", { key: 'd3590283a8e0bb1ed5247146fff810c841577588', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/molecules/navigation/section/navigation-section.component.js

@@ -6,7 +6,7 @@ export class NavigationSection {
      */
     header;
     render() {
-        return (h(ThemedHost, { key: 'b8d2e03813c32fa7b3e14261ef0aef67a1bd9ba9', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'a7440110aa669b2503ebfb06a84ec2b9b8dac749' }, this.header)), h("div", { key: '85f7170c056774b1c63d495be8d76a655db17c29', class: 'flex flex-col' }, h("slot", { key: '67d43e4c0737365815e7a26a0e400016239b98e8' }))));
+        return (h(ThemedHost, { key: 'aabfc291e288f02dcd4968f03899077fb318abf0', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '507af087c66bdb236bb54af09819fbda57180bf7' }, this.header)), h("div", { key: 'a6206f28cc39183855440bc575404817c9de5e3e', class: 'flex flex-col' }, h("slot", { key: '56bbabeb6a8884aaa667055ffb082753733d0c6f' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js

@@ -61,7 +61,7 @@ export class PaginationPages {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: 'e589ea86868c500398b830d85774df1282097210' }, h("div", { key: '27936247b83b4a771f4974a7946cc1eb24829d5b', class: pagination({
+        return (h(ThemedHost, { key: 'db0857b24ba35b034ba1dc8143a29cbb9de2c549' }, h("div", { key: '80bb1005d3c1694d4f7e8aa0ef9914ecee7caaac', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {

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

@@ -60,12 +60,12 @@ export class Pagination {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: 'ad344b2396e42451325894b7376ed3d690057d83' }, h("div", { key: '671608ac708b712031af5c200c3ce07e8131cb03', class: pagination({
+        return (h(ThemedHost, { key: '9a30d6c7d566a90f8ac44f77fab07d2a2446c72f' }, h("div", { key: '85f2dcfc61804d63b84ad255652d446543c5c839', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '9cdc73872c65ab22e8c9ef4158be2016181fc6ba' }, h("p-pagination-size", { key: '5e574099fa2e4236d50d7593f19fcfb8c90ecc7f', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '1c51b9320c6a18d1acbb540f0728ea3ce79e02d6' }, h("p-pagination-size", { key: '08c020039f055c1205adac0ba4f9f32922781ebf', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '6b5d9cb7d4d8067b68b2c600eaa644cf6e14e6d5', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '9e3dba15164786562aa0d912a67f57f8b2cc7366', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '0587d352bea9161f7b708221a35cc9ccec2d81ff', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'c0642155df14ece17ac84ea8a285a01b62f2bc28', 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);
             } })))));

package/dist/collection/components/molecules/pagination/size/pagination-size.component.js

@@ -79,18 +79,18 @@ export class PaginationSize {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: '42cf5dbb2f2d9fdb6a571bddc2b763b84f39024a', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'a9952f6ba7d0712fc00310dbcc5ab565291dcb02', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: 'cd819e27bdd8befc96ec722cc82179e7cb3f75eb', class: trigger({
+        return (h(ThemedHost, { key: '5e1b33344ed17b9091f9f77de65ae085832d689e', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '8084c18cb9241748daf3d4199e823083941c2624', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '43da06218c720985f7a7ab2496aa58c5250de3bf', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: 'e90cc9866f78ba047d97871ca957121110f2be10', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '6bce5c88289ba40dd11d25a9ef3bfb7268a8ccb1', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '8b308f1855c5553483eb22583ab58185de48c107', class: cn([
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'ca9506f126086f9a4ac7ecd43654cdf41fcc3cf6', class: cn([
                 'flex-shrink-0',
                 'group-hover/pagination-size-trigger:text-storm-500',
                 'dark:group-hover/pagination-size-trigger:text-white',
             ], {
                 'text-storm-300 dark:text-hurricane-200': !this.dropdownIsOpen,
                 'text-storm-500 dark:text-white': !!this.dropdownIsOpen,
-            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: '6f67fec42d1ad0093411c9e8a695577ddf9bd4cf', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), size: 'sm', variant: 'double-caret' })), h("slot", { key: '0c03ec3e9b917857a9f3b76f56c6bb7133ec988c', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }

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

@@ -28,7 +28,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: 'ac643a05aaf0376f608a9c1f590ae21594a17c18' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(ThemedHost, { key: '6d75fe9ed4ac33cfc764d9fab67484d6a9f07721' }, this._hasDropdownSlot ? (h("p-dropdown", { applyChevron: false, applyFullWidth: true, applyMaxWidth: false, manualChevron: true, placement: this.dropdownLocation, strategy: 'absolute', onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { active: this._dropdownOpen, chevron: this._dropdownOpen ? 'up' : 'down', class: 'w-full', size: 'lg', slot: 'trigger', variant: 'dropdown' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

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

@@ -23,13 +23,13 @@ export class Range {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h(ThemedHost, { key: '7ae1d611a44308f1112f9dea967961056219b2d6' }, h("div", { key: '9bd92e5e01cb76148a2e3a8fe1a232f751820870', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '3ba3b7e3d9b2f9a3a96dadffdb83771f7267c4c8', variant: 'minus' }), h("div", { key: '510d47e53583cb2aebe6acca953a9cd920533f7e', class: 'relative h-6 flex-1' }, h("input", { key: '4b25bff4c5807c58518921640ee389783db570e1', max: this.max, min: this.min, step: this.step, type: 'range', value: this.value, onInput: ev => {
+        return (h(ThemedHost, { key: '2d2460d0c69169794ca7f22f80bfe29eee2c6e72' }, h("div", { key: '7441a9994ebd42f91d0b592ab1d4345ff0da9817', class: '\n       flex w-inherit items-center gap-2 text-storm-300\n       dark:text-hurricane-200\n     ' }, h("p-icon", { key: '2dfd00d0e7042aa63223fbdb2f537f55ec5d624c', variant: 'minus' }), h("div", { key: '77dc1faecfdccf7692af8276043fa851e3febfdf', class: 'relative h-6 flex-1' }, h("input", { key: 'da4efbb82a44ee8f7924b9447abfbdb1cbebf10f', 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);
-            } }), h("div", { key: '1006c5ebbc20a7515d71351c07b19592c1b0005e', class: '\n         absolute left-0 top-1/2 z-[1] h-[2px] -translate-y-1/2 transform\n         bg-indigo-600\n       ', style: {
+            } }), h("div", { key: '19677761561399e485961a92cdf6167d8334f439', 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))`,
-            } })), h("p-icon", { key: '80ae3d942bec909938eca84c2fb3379733e0e5c6', variant: 'plus' }))));
+            } })), h("p-icon", { key: '96ecdaa05a4a710a980fab7f77a3d845f837ce5c', variant: 'plus' }))));
     }
     static get is() { return "p-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -341,8 +341,8 @@ export class Select {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: '7e8d14438dbcd4e04e0c16212331ed5f84a81687' }, h("p-field-container", { key: '85aefa5955e9dd35bafb5a5e4304e05b4cb90178', 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' }, h("p-dropdown", { key: '5abab1839f85953424513857034ef5318bf07ee5', 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) }, h("p-button", { key: '6bfb1a5374aaebf543127370bdae01982c3a72f2', 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) }, h("div", { key: 'aec19a4d60ad51080b8c2e2f9aa545e42c77dd0b', 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 (h(ThemedHost, { key: 'e558118df2ca323c56ce1af9ca940f9ab3064bf5' }, h("p-field-container", { key: '8c59c91d1962edee3ee06ca33f93e670aaf471d2', 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' }, h("p-dropdown", { key: '81ce03dc69685e18a92090628818e0ea902b9f3b', 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) }, h("p-button", { key: '71a818c2ee268b8c169cc65bcd405ab8153bacb9', 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) }, h("div", { key: '53f5fc2d15c94e96f629c6bd53e2456078f47dd3', 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)) {

package/dist/collection/components/molecules/submenu/item/submenu-item.component.js

@@ -23,15 +23,15 @@ export class SubmenuItem {
         this.activeChange.emit(this.active);
     }
     render() {
-        return (h(ThemedHost, { key: '38bbc84752e1aa8271568aad5c1fd46bfa435d9a' }, h("div", { key: 'a17fb921e57780d1ff572a3d1ba10331b045276e', class: cn([
+        return (h(ThemedHost, { key: '90bce86bc100210f8491a1a2301813046fd7de1b' }, h("div", { key: '51e0542d7e19c609fec475cbbbb0115be419fbf1', class: cn([
                 'flex items-center',
                 'h-8 w-full pl-[calc(3rem+2px)]',
                 'cursor-pointer',
                 'group/submenu-item',
-            ]) }, h("div", { key: 'd9c949c6f467524e0590a19774ae86c06e234fe5', class: cn('flex items-center gap-2 transition-colors', {
+            ]) }, h("div", { key: 'a0d12ac8717ed69491bcdf4dd08b650f39aee67c', class: cn('flex items-center gap-2 transition-colors', {
                 'text-storm-400 dark:text-hurricane-100': !this.active,
                 'text-indigo-600': this.active,
-            }) }, h("p-icon", { key: '8eed69a5fd4cef34ef69d7e5a96993289effc37e', variant: this.icon }), h("slot", { key: '5471376f37afb9566f21599ee0e86af42a00b370' })))));
+            }) }, h("p-icon", { key: '45354d39e6b24c0202bcc476c02b7b1d017f91ac', variant: this.icon }), h("slot", { key: '762d3933cb5b6145aea1c07d2c3187e5401f5a50' })))));
     }
     static get is() { return "p-submenu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/submenu/menu/submenu.component.js

@@ -145,34 +145,34 @@ export class Submenu {
         const maxHeight = submenuItems.length *
             Number.parseInt(firstItem.height.replace('px', '')) +
             16; // the margin of the content
-        return (h(ThemedHost, { key: '9f1be5fc3770c7527bc8be07510fa37d6c0e984c' }, h("div", { key: 'b6afb284861441006879d0bda9d9eb0bf86174f3', class: 'flex w-full flex-col' }, h("div", { key: '5e8e749909c8493486c352a3177b308d4cdfe05a', class: cn(header({
+        return (h(ThemedHost, { key: 'c3a6ed7e5cba465d7e338e2a99bdec41f45c736e' }, h("div", { key: 'd77a6a78c054a1f955e4f1c154a3e3a1b5d7f378', class: 'flex w-full flex-col' }, h("div", { key: 'a0067a2ed9695507201f7deaa38dcb9170a483ea', class: cn(header({
                 active: this.active,
                 open: this.open,
-            })), onClick: () => (this.open = !this.open) }, this.showIndex && (h("div", { key: '7429d46e05326a60fecf9ad0fd30ecdd03e4c148', class: indexContainer({
+            })), onClick: () => (this.open = !this.open) }, this.showIndex && (h("div", { key: '2a963f6d3a2db3bb32cb9b84a46646dec2a97934', class: indexContainer({
                 active: this.active,
                 open: this.open,
-            }) }, this.index)), h("div", { key: '0940e36702f42da9e076762191d4a11b57c3312c', class: 'flex flex-1 flex-col' }, h("p", { key: '64e34ec4598f4983a03a415c1dc893380413c51c', class: cn('m-0 text-sm', {
+            }) }, this.index)), h("div", { key: '9a42e0938ffbae07a7b1674eca31551f11eb3c6b', class: 'flex flex-1 flex-col' }, h("p", { key: '7bc3f1d8a62e8358d40a86e48e50a240ca90e861', class: cn('m-0 text-sm', {
                 'text-storm-400 dark:text-hurricane-100 dark:group-hover/submenu-header:text-white': !this.active,
                 'text-storm-500 dark:text-white': this.active,
-            }) }, this.title), h("p", { key: 'd15bb2b7035cc06d2c7f4e6a8a3566a8044ade9d', class: cn('m-0 text-xs', {
+            }) }, this.title), h("p", { key: '06412fdc6a1bf7a5f78f4a6fb2c7589d9188dc32', class: cn('m-0 text-xs', {
                 'text-storm-300 dark:text-hurricane-300': !this.active,
                 'text-storm-300 dark:text-indigo-200': this.active,
-            }) }, this.subtitle)), h("p-icon", { key: 'cba00a3d1093bb5c565a8b585e3471fe53947d10', class: cn({
+            }) }, this.subtitle)), h("p-icon", { key: '2762789b5f442e836521cd4b89f5e23d48c17634', class: cn({
                 'text-storm-500 dark:text-white': this.active,
                 'text-storm-300 dark:text-hurricane-300': !this.active,
-            }), rotate: this.open ? 180 : 0, variant: 'caret' })), h("div", { key: '2199b8bad93526ae33cae769b3c1643614c26b86', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
+            }), rotate: this.open ? 180 : 0, variant: 'caret' })), h("div", { key: 'b050ce61b92e1185797035f7977a60c0b258e6fa', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
                 maxHeight: `${this.open ? maxHeight : 0}px`,
-            } }, h("div", { key: 'cd7a456eb8ba1bb949e9891146e5260607c45153', class: cn('absolute left-6 top-0 z-0 w-px', {
+            } }, h("div", { key: '5211381342902807ced13d616fb9ac6f396f20f5', class: cn('absolute left-6 top-0 z-0 w-px', {
                 'bg-off-white-400 dark:bg-storm-500/30': !this.active,
                 'bg-indigo-100 dark:bg-hurricane-400': this.active,
             }), style: {
                 height: `${maxHeight}px`,
-            } }), h("div", { key: 'fc15b0d8cc3764b378c4fc9db70a7e164a9e287a', class: cn(`absolute left-6 top-0 z-[1] h-8 w-[2px] transform transition-all`, {
+            } }), h("div", { key: '81eb625408a052fec4e005c3774e99b5bed26035', class: cn(`absolute left-6 top-0 z-[1] h-8 w-[2px] transform transition-all`, {
                 'bg-indigo-600': this._showItemIndicator,
                 'bg-transparent': !this._showItemIndicator,
             }), style: {
                 transform: `translateY(${this._activeItemPosition}px)`,
-            } }), h("div", { key: '027e8f7c958784db540f67331f0577bb13a5a90f', class: 'z-10 my-2 flex flex-col' }, h("slot", { key: 'b3495515c0c0478a7bd4376b6cced01b89400d15', onSlotchange: () => this._slotChanged() }))))));
+            } }), h("div", { key: '68eb6a12f619fefd296a71e3573f49f7f582fa18', class: 'z-10 my-2 flex flex-col' }, h("slot", { key: 'b60634f606158986b86df75c4fc637eef7c48410', onSlotchange: () => this._slotChanged() }))))));
     }
     onWindowResize() {
         this._calculateHeaderOffset();

package/dist/collection/components/molecules/table/cell/table-cell.component.js

@@ -87,7 +87,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'eb7f83afc2969cb84be91c81b5112566612a3604', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: '622df15a7f8fe3630fd61c522024fce8829e6d3b' }, h("div", { key: '53b4229cd2c4fa1aab5ce2bc85e2403a5aabfd13', class: 'pl-8' }), h("div", { key: 'e1dd2b9db0f175b955dca47b8b5dfc7ea1a1c3e6', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: '23429ef7a9589400633a46d81998ac1b36179112', class: 'justify-start justify-end justify-center' }), h("div", { key: '79211afc47417b0661df690a77527fc91d023bad', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: 'fee4818e4e6f4eda47c288746e6bf99bab29ffc7', class: '\n         w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12\n         w-9/12 w-full\n       ' }), h("div", { key: '7dd4592dbbeca8ad7d01ed6dadaa534d8b901236', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: 'e0dab32cdae19ba7a541722bfbedaed32ff84c98', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'ea30da0da0b850236e823c1b9acf1ef0f36ca637', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: 'f716f788d2d401a46b1865c264331b953150716f', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: 'fbf093e35e8fb55c91be8a4b6e7180590111003c', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: 'e1a982004f4c794f8ec6773ebd79b83b584b372d', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: '4945eba2b25bf176df7579e1428bbb8ff77b5923', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '0623d2ee4df67c07a78a816c7ccd72c6525aa4a5', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: 'd7ac328177a81331698b4d95d92cbe6e9bebc225', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: 'b51e376d7d7d4482ad75777cbdb266033dcadac4', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: '7bdf32ee1f3f1d37be696ebfdac88b548984334d', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: '3c0417fdfe115d45c59e5568b88206ab6b1e44de', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'd56c9f810330d2ae894848305ff248844a1b9b24', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: '4610e906b3f8eed659fafeb8f2d146791557c362', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: 'cd21c4b6bac54d6b2ee0973350d799eb1db93e59', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: 'c9facda1a055ae424d0ad35fe9a15aa67220d261', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: 'd65719ece6cb880a73e566cdfb0054d16935978c', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'ff3ebf9eff355f49257466332c4a35f14339a7c8', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: 'b0eedcb7258be3f17c9888003377238ffbe76921', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: '2f59176c088a24071c2643c30b06a67048e162a3', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'e248b9cae31b5012ee42cb2c8ea4af01b8b96b9c', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
+        return (h(ThemedHost, { key: '561af3131d5290ab9738cb4f1920424ef6727f13', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false && (h(Fragment, { key: '104069f79985342e481a7dccfbb2e3495e108551' }, h("div", { key: '73887f40f8ece9056b258a4c2ebf7c8a3ed58f8a', class: 'pl-8' }), h("div", { key: 'f53f9cdc8f0a8b761a81ef8c29d715099f8fa696', class: '\n         text-storm-300 text-storm-400 text-storm-500\n         dark:text-hurricane-200 dark:text-white\n       ' }), h("div", { key: '261eda9ea4ba01fa01d761db72ca03e63b798c26', class: 'justify-start justify-end justify-center' }), h("div", { key: '0856a61f3e64f72d3e21345356879c128c81a826', class: 'font-semibold text-storm-300 text-storm-400 text-storm-500' }), h("div", { key: 'e8022b920092a63d5f620837dcd14c2e7c788db0', class: '\n         w-1/12 w-10/12 w-11/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12\n         w-9/12 w-full\n       ' }), h("div", { key: '4d594f3b04f928c9fd9a44e9674980bf6b2c5756', class: '\n         tablet:w-1/12 tablet:w-10/12 tablet:w-11/12 tablet:w-2/12 tablet:w-3/12\n         tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12\n         tablet:w-9/12 tablet:w-full\n       ' }), h("div", { key: '3506f3846929bc11b1c77af9fc1871d3c2596ba4', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '3e87563b4cb8b2bcb21514ade9fc0b81067d3fa5', class: '\n         desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/12\n         desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12\n         desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12\n         desktop-xs:w-full\n       ' }), h("div", { key: '89f9bc9321c2e30080a38a481f61b4a37e01fcce', class: '\n         desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12\n         desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12\n         desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12\n         desktop-sm:w-full\n       ' }), h("div", { key: 'f2948f7665cd228561a32866475b5bdb12370857', class: '\n         desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12\n         desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12\n         desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-full\n       ' }), h("div", { key: '59eccb77454956fd957bd18a269ac242c3c708a6', class: '\n         desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/12\n         desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12\n         desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12\n         desktop-lg:w-full\n       ' }), h("div", { key: '74a94a1740e86adc25256c215adf2c15f874065e', class: '\n         desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/12\n         desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12\n         desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12\n         desktop-xl:w-full\n       ' }), h("div", { key: '8abe40c986a3a50a9ac06828646cd63adae6704e', class: '\n         flex hidden\n         group-hover:flex group-hover:hidden\n       ' }), h("div", { key: 'b58fcd734d68aa04570d7f6e20d3988193f00beb', class: '\n         tablet:flex tablet:hidden\n         tablet:group-hover:flex tablet:group-hover:hidden\n       ' }), h("div", { key: '9cc0717d6d19dc6504abbdd559c1643b81e90943', class: '\n         desktop-xs:flex desktop-xs:hidden\n         desktop-xs:group-hover:flex desktop-xs:group-hover:hidden\n       ' }), h("div", { key: 'fade29bb0f55551ec0b4427b09884749bd9be073', class: '\n         desktop-sm:flex desktop-sm:hidden\n         desktop-sm:group-hover:flex desktop-sm:group-hover:hidden\n       ' }), h("div", { key: '4905ddf0a3c20bfd6ba73e135fc3d72feedd270a', class: '\n         desktop:flex desktop:hidden\n         desktop:group-hover:flex desktop:group-hover:hidden\n       ' }), h("div", { key: 'deb383fe4ef0577fb43cb38ebf77cb2c5edaa014', class: '\n         desktop-lg:flex desktop-lg:hidden\n         desktop-lg:group-hover:flex desktop-lg:group-hover:hidden\n       ' }), h("div", { key: '5a77299d60f2350ccb89b3210dcf3304b3057c36', class: '\n         desktop-xl:flex desktop-xl:hidden\n         desktop-xl:group-hover:flex desktop-xl:group-hover:hidden\n       ' }), h("div", { key: '32a6b9593aa4e440d0501b1448c38b6e51a5ad54', class: '\n         pr-0 pr-4\n         last-of-type:pr-0\n       ' }), h("div", { key: 'b5f11af94a34404a55ab910c7a7cf97c34149bb0', class: 'tablet:pr-0 tablet:pr-4' }), h("div", { key: '2fa5935fe932c81e903d6ab11ac11700640aab37', class: 'desktop-xs:pr-0 desktop-xs:pr-4' }), h("div", { key: 'c1d94401811f713dc80754cafd4471a1e163393b', class: 'desktop-sm:pr-0 desktop-sm:pr-4' }), h("div", { key: '515fecdd8ece6313018d7b45edcdf9954fe9f3fd', class: 'desktop:pr-0 desktop:pr-4' }), h("div", { key: 'e244aaac0c8816803021e606c35dff9c84097054', class: 'desktop-lg:pr-0 desktop-lg:pr-4' }), h("div", { key: 'b23539fedaa450390ed00eec711e71e017a09239', class: 'desktop-xl:pr-0 desktop-xl:pr-4' })))));
     }
     _getContent() {
         if (this.variant === 'loading') {

package/dist/collection/components/molecules/table/footer/table-footer.component.js

@@ -107,12 +107,12 @@ export class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '166a446120f9a346cd32cd9b750a3db756f30797' }, h("div", { key: '28d48e2f706c97a3da47c28269c0fa4551eaf5ed', class: footer({
+        return (h(ThemedHost, { key: '838cc36822e7cc8ae27663a24a3bfdc43b972e16' }, h("div", { key: '827e9b3207527766e1307962b7021e14b137173a', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '2fa3e65aab7a8d701626ff17645a9e9fc3d341fd', 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 && (h("p-pagination", { key: 'f03d3de3c10237dd966435c67b66a968b6b4a87b', 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) {

package/dist/collection/components/molecules/table/header/table-header.component.js

@@ -138,13 +138,13 @@ export class TableHeader {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (h(ThemedHost, { key: '5934545a9b79e63a584d60483a5e85d40bea840a' }, h("div", { key: '8cf4cc7921f7a639ca345d3bc7499157b00e6ca9', class: header() }, this.loading && (h("p-loader", { key: '37f231c9d95714e97a44b3590c641c4caf312248', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '79e2f32969deea9fda7734eb4b5109df72f95b12', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: 'a0fa8b99389dcac563cde033c736d742081f2ee1', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: '16667bdc75b22b4161e804bda8958a4f84193635', class: cn({
+        return (h(ThemedHost, { key: '919f2d6962e03484eebc67c1212d7b79281a869d' }, h("div", { key: '34903f732f855e8762525313a48690933920065a', class: header() }, this.loading && (h("p-loader", { key: '0bf68e8fa2ebaf85095a0ac8eadfe49553085890', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '3aea08d692a98401fb5d2460678f12203f7fd9f4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: '3135fb1229c2bc761d369c61883c162ca3b9c7a3', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: '64bb908d67d4c476ef03823cf80708142662a5a3', class: cn({
                 'hidden desktop-xs:flex': this.hideQuickFiltersOnMobile,
                 flex: !this.hideQuickFiltersOnMobile,
             }) }, quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
             ? item.text
-            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '152a9822b276490709ce27554d9b0968e92e5a02', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (h("p-field", { key: '6f09acf8280c35508f574094d770ab8c147b2eff', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'a496862587e67337f219adad7bdf3cd892522b2d', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: 'fe71e345507f80c5ea0b592361b40a16390fa828', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: 'e3633eb69ed3f3ddb0442209918f26797f093405', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (h("p-field", { key: '15fe7cbc8b837be49b44091a44feff333c0d58cb', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'e9cbe54fe98be68ee685724becab9c84ab08f30c', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '0d896bb251a90f28c78544e9cd1c4f05e92d0ddd', class: `
            w-full
            ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
@@ -152,7 +152,7 @@ export class TableHeader {
          `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '0c85b3d8e51e963aa1a9d3720e35a236cc97ace7', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '1c647066577b85ca9b0c7b660858e172920dc2bb', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '193a9d2a8bb5567033ad63485f9a9ed05fb7cdf9', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '5c6a0e789d6f4de9bf2131e3e169177d73cefbcb', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '21491e18e3c1b9815b7f90762e04287dedc33c7d', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: 'ec8f8fb78379982d84f07518fb932cb0e1aabd50', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '6418703af4de32e78bbfb0bfc1c2714db1c235d7', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c8018e5ac7ce13b11f9e83af0b0de60ce5057def', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/molecules/table/row/table-row.component.js

@@ -107,13 +107,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '98252cd216cba353cf4e169a7f9850b7f373b93e' }, h("div", { key: 'de85352410756fa4b6d555763d5811ff8e70ce67', class: 'flex flex-col' }, h("div", { key: 'c56a01847cde5b860524169165c5f44c78de9d1a', class: row({
+        return (h(ThemedHost, { key: '6afacd153aa236826889a81561d8a4cfaab68584' }, h("div", { key: '83aa5f82cdd91b6e64921493fc194305da11ef0d', class: 'flex flex-col' }, h("div", { key: '442151adebd3431c8810efc2cd4041c4b43cc0ec', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '8074d9c5617995d40dd06cc8f1e0d53f51db7fa7', class: content({
+            }) }, h("div", { key: 'e994c3629806ca1f82808fdfce127e1f17569788', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'c981dfaaa4e3f9c7ba350650e8239bf2b0f77780' }), h("div", { key: 'b51eabcfe145dc6fe263750e9a49ef84ae3ec9df', class: actions() }, h("slot", { key: 'a558a1b83cbcc339dd6223502adf978b5fd46e16', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'b5ca42d03270067f116206c9d291b520ff4db796' })))));
+            }) }, h("slot", { key: '42d02bf96ef9a8a55ab8ff861600161cf21b229f' }), h("div", { key: '750734513d1ebe567e089d4f2b7bb1a1b83d911e', class: actions() }, h("slot", { key: '6424f39c79ad42ec8f0b05c23f42f9b105aed2e3', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '65df59b62d5de884e4b1fe4ee772aef7314fe513' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,7 +61,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '7f1d26d48ba72212d4bea0047c2645d588ae9ca0' }, h("div", { key: '7a02f52c3f482c36048ddd6aa052e94522ae9eb6', 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() }, h("div", { key: '77418e7e7b8ce6cee4018d91888e14205bf37e42', class: indicator({ variant: this.variant }) }), h("div", { key: '958c676bdbb79d6fa812d3fa9a48d35e674d9390', class: content() }, h("div", { key: '4da4e4b7cb402d68083001713aeb9de9534eb2c0', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '1079c6b6be804514906615985cd1503d417fe1e7', 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 : h("slot", { name: 'header' })), h("p", { key: 'c7f0ad542870b8924d15b9e1b79cf9cb4e04645e', 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 : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'a286d1394e72cd729353443ed2a214cf884f84cf', 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        ' }, h("p-icon", { key: '9ecb91fdf9154fa881b16a5c3a028eb9dc7e5b9e', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (h(ThemedHost, { key: '008becccf14ae165e05fd1e7b8fe9e04c1f204a1' }, h("div", { key: 'e783c3d97e1c1e434a042be33c99d34b8d11ede0', 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() }, h("div", { key: 'ef643aeffdc0fc7db4ab9f6c51668afd84723b04', class: indicator({ variant: this.variant }) }), h("div", { key: '14c15d046eb741e39e952983f66f41af92cd239a', class: content() }, h("div", { key: 'f3b5ccd2ad643751f79f7be558c7b090a552e073', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '23407aac7d8311913796c8147901a4fd97b85a03', 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 : h("slot", { name: 'header' })), h("p", { key: '74f6229b2bbd5175937e5982f474fdf3fbf98984', 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 : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'd3bf57747e399938018001613d5f052550640ce8', 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        ' }, h("p-icon", { key: '52c6b8446c8a21b3d710339342773bacfdddcaa1', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/listing/listing.component.js

@@ -18,10 +18,10 @@ export class Listing {
         }
     }
     render() {
-        return (h("div", { key: '2804d4c9827b8c474be59e85929ac3e5c7a8b832', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: 'f1a202de4615b4d854fa78e27cdc77b71aa09b64', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '8c55a162dcdaca095c6e5869e204e50784e37369', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '52d133d71700c7a08cbba824844cd88a9a20adb2', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -61,7 +61,7 @@ const backdrop = cva([
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: 'bc5079cb3704d2db26d1f8be020cdf60f0a716d8' }, h("p-backdrop", { key: '8e530cc8e3823a49e32a4821416163214a16cf7c', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '965d4b28217709da09cc6eb47bda38bc452e05f7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'ee0fd8bdbcd4af099c8b8eaf84595c553cc1bfb4', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: 'e0782f8439f47613a6ec58271069bf3034289750', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '1fdfb8308644046db8023df990ea7ddd83dcf262', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '994d94f3c6e868c7998f1e99da450c0886e4bbfe', name: 'company' })), h("div", { key: 'c047c41e1d3ca938a9f92272bde090179d14b086', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '552845f3097fa92eee1a37ac02d158f9edde72d5', name: 'content' })), h("div", { key: 'dd477e40950e95ff28dc18f31d337d978693cac8', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '767b851a061a0e573e8215aa6727b7618c610d1e', name: 'user' }))), h("div", { key: '0264c176351bdb91606fe45aabb193b982f62a65', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'c7ed3bd86467f165cf2902c39851aa374997892c', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: 'df81ccf93abf33a58c03c4a5c1ee49cbfcee70a6', name: 'topbar' }))));
+        return (h(ThemedHost, { key: 'fe2de332dfdc64399f90e88e1595bcb7ca95a901' }, h("p-backdrop", { key: 'c2f8a860ee2026cc0430fe2b3557119010e02f9b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'c01fe9cc8d2a3342e7358b298a1e7807e7612019', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '78535c4470591c2ae2fe9464902bd4f54baa12bd', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: '6d50a2f05639094b429c616820272e7ce744ab72', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '93a332c6fa4046dab5a3bf8d4dd2de5f8d909d3a', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '49e41e442a8b33f826fb210578c9169981b4062d', name: 'company' })), h("div", { key: '2def55a3be3a2220058f1cf61a61cae73ef793b2', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '9eca0f94e4eb271ea1c3ac625213f6a2271e0ca2', name: 'content' })), h("div", { key: 'c5b9d2be190f64059f03dcfba0f094d797bad910', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '521d4b932bbb0bfcc5512e2b79f620c2db659e29', name: 'user' }))), h("div", { key: '657811cf4dfe72bd0d2935e773ea1d7fbbd45373', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '81357f0eef70cce8f73e7c96eb7a7fe68fc4ae7d', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: 'db2742453f251f54f8fb94f1ea3c18e628b883ca', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;