@paperless/core 3.19.5 → 3.20.0

package/dist/esm/p-datepicker.entry.js

@@ -224,7 +224,7 @@ const Datepicker = class {
         }
     }
     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 &&
                 dateFnsExports.format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
                 }), min: this._minDate &&
@@ -233,7 +233,7 @@ const Datepicker = class {
                 }), 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) })), 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/esm/p-divider.entry.js

@@ -62,12 +62,12 @@ const Divider = class {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, h("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn(content({
+        return (h(ThemedHost, { key: 'f7894f1597f8ce9c7ee153205531f19edd63a737' }, h("div", { key: '0cb07255b407cfbcd5bd770aa8c8ab711b30afa1', class: cn(content({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, h("div", { key: '7a6a7524d9e1fc210a808fa92ee1f213a77d4fa8', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && h("slot", { key: 'ba1bc493938f3a69a48bd2e885c6600fee2fedd6' })))));
+            }) }, h("div", { key: '5587e6bf6d2bff8d35ff4986a6f743e03de173de', class: '\n        flex items-center px-2 text-sm font-medium text-storm-400\n        empty:px-0\n        dark:text-hurricane-200\n      ' }, hasContent && h("slot", { key: '7b86f62a6276ae8a83124f055b06b9f0003ce5a7' })))));
     }
 };
 Divider.style = dividerComponentCss();

package/dist/esm/p-drawer-body_3.entry.js

@@ -12,7 +12,7 @@ const DrawerBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: 'fba5fb1b43bf01ca0a5b8fd6fa866a7313adad90' });
+        return h("slot", { key: '678b484609aec19c4ee34049332c058fc5c772ba' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss();
@@ -49,9 +49,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '9585f27aae338802a3758a3ceacc7db964f9ba9a' }, h("div", { key: '7becdc6a7b27a1276da26f5b7d01fcdde1d69872', class: container({
+        return (h(ThemedHost, { key: '8472132998ecaa6999490ec98971f1b2b0fb3997' }, h("div", { key: '8de496bb6f8566273e908c9b5fb9a01916c154f8', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '2c0c890389a8cee3da1231e86242a2f042facced' }))));
+            }) }, h("slot", { key: '1694f501eafdafd64f413f9bd9c1c23bcde62bf5' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss();
@@ -88,7 +88,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, h("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header() }, h("div", { key: '7c34db9d5c88f715dc67663c4bd59292f4d5f465', class: content() }, this.showClose && (h("p-button", { key: '65d62aac568049c275aaf0da50927aa162375291', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: '7e1809baea3e11b781292e5948dcd88de22adcbf', class: title() }, h("slot", { key: 'a197919fc325a031824cc187d9f01c02047c3cce' })), this.showClose && h("div", { key: 'a89a2a5c054a83c7998f8e3537294bb0d9a3654a', class: 'size-8' })), h("p-smile", { key: 'b6247f9b0f7dd88fe13b507507a5802bef0b518f', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '195f7c25c03cd682954618c253cfde5f53072943' }, h("div", { key: 'b56fe38fb0a2357cfa0c51ea4794a17acaa8aa3d', class: header() }, h("div", { key: '0c18dfb4aadaf9c22897c12a46241f56342e5dff', class: content() }, this.showClose && (h("p-button", { key: '4b8e4e2c9a91b528d3660724e1e617fe63e61978', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), h("div", { key: 'f74ccd274f57c3be70e24cd1c9d6ef8314e467aa', class: title() }, h("slot", { key: 'e470468c0df46c5ea61eed908dc61a4b007eb329' })), this.showClose && h("div", { key: '6a62d49e7e45ada5f92b750df86dcd65bcdc086b', class: 'size-8' })), h("p-smile", { key: '438bb4547fb9d102955b9ea27e07d1aa4276b619', class: 'dark:text-hurricane-400' }))));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss();

package/dist/esm/p-dropdown-menu-item_2.entry.js

@@ -288,19 +288,19 @@ const DropdownMenuItem = class {
      */
     autoHeight = false;
     render() {
-        return (h(ThemedHost, { key: '4ba8f69906bcf37e693ee6b58e6f2545b0b7661a' }, h("div", { key: '25e4aaff0c2c9ae87794ed8b218e049e50b3b12d', class: cn(dropdownMenuItem({
+        return (h(ThemedHost, { key: 'fc4d04685b0448a435a099896278052c0f411389' }, h("div", { key: 'f171052b074280bedbe87eede01bfd87db05cb1f', class: cn(dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true),
                 autoHeight: asBoolean(this.autoHeight ?? false),
                 enableTextWrap: this.enableTextWrap,
                 disabled: asBoolean(this.disabled),
-            })) }, this.icon && (h("p-icon", { key: '01a95197b48fdebc2ad3517bc7184dd56371e622', class: dropdownMenuItemIcon({
+            })) }, this.icon && (h("p-icon", { key: '27f9beba76b3da27b06ffbe860c2f7abc7ef3ede', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '0b6d9ec947b49d9c918dc7af3197fb78648bdf8b', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1b8a2e9bd3d0119eaa6446e3b88bf3991a5040cf', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
                 'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
             }) }, h("slot", null))) : (h("slot", null)))));
     }
@@ -413,12 +413,12 @@ const PaginationPagesItem = class {
      */
     disabled = false;
     render() {
-        return (h(ThemedHost, { key: '65e27fe59f22b3b63ae368a4918ab2e19e558aea' }, h("div", { key: 'ab68be3b7d2a9d7dba15a24ab171e9c03f9eba89', class: item({
+        return (h(ThemedHost, { key: 'ffd321ffa0bb9522728c70ef306224da33b458d2' }, h("div", { key: 'a342f24ed7c3a10be801007c026d6ff474c1c1aa', class: item({
                 variant: this.variant ?? 'default',
                 active: asBoolean(this.active),
                 hover: asBoolean(this.hover, true),
                 disabled: asBoolean(this.disabled),
-            }) }, h("slot", { key: '1492a730e70fcbb602637b4ed77b74290d1540eb' }))));
+            }) }, h("slot", { key: 'cd657281328eab0ffb8b093f61745a658af9d3f5' }))));
     }
 };
 PaginationPagesItem.style = paginationPagesItemComponentCss();

package/dist/esm/p-dropzone.entry.js

@@ -121,20 +121,20 @@ const Dropzone = class {
     }
     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',
                 `
@@ -143,7 +143,7 @@ const Dropzone = class {
          `,
             ], {
                 '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/esm/p-empty-state_8.entry.js

@@ -70,11 +70,11 @@ const EmptyState = class {
         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))))));
     }
 };
@@ -144,9 +144,9 @@ const FloatingMenuContainer = class {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: '39fda8b74e11a3b1ee40aeee4101301a7680a6ee' }, h("div", { key: 'd26f65768d8c61b632577a00f5415710b73b8e74', class: container$1({
+        return (h(ThemedHost, { key: 'fb1e5d90a2f55994104290d80c2ca660173b2646' }, h("div", { key: 'e44f381d30c5c4cfea6675f9801d222d9955981c', class: container$1({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (h(Fragment, { key: 'f298ab688db30acc900482c15034790a5dd4ca04' }, h("p", { key: '1133975449226656f722e67897c66d38c62893d1', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '83fa0bb59baed26780d634825fa2a43e8538d9f6', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: '27cecf5983e3f86fe52c7e3554f716a51ca77acc', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: '98fd091b04cd2b5eb16482ee2bad9078c4dfb42b', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
+            }) }, this.enableAmountSelected && (h(Fragment, { key: '5bc9c8a492d59c4b7707a5e96e1e540336b0421f' }, h("p", { key: '33984f558f3aac8810f777209573e2f60d6c6af3', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: 'bef78d2696ad0ab5559a8ba9932a3c3e6c1d5f7d', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: '93f150f22d2d88e647712e913c753607a5735d23', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: 'd7617683822c43b2b193b47b60fa473fafc47744', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -212,7 +212,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (h(ThemedHost, { key: 'eb7f83afc2969cb84be91c81b5112566612a3604', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (h(ThemedHost, { key: '561af3131d5290ab9738cb4f1920424ef6727f13', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -245,7 +245,7 @@ const TableContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'be24839c769bde51b4a32a0549c16b6cfe7b2b80', class: container() }, h("slot", { key: '7937037b88ac476bab9140fd0fb8a2468185a3bb' })));
+        return (h(Host, { key: '40f1c29d312321384c284e760a0d55670e87b006', class: container() }, h("slot", { key: '21adfccdd38b18e00e9335c6a3f53ee633b981f0' })));
     }
 };
 TableContainer.style = tableContainerComponentCss();
@@ -360,12 +360,12 @@ const TableFooter = class {
         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) {
@@ -10000,13 +10000,13 @@ const TableHeader = class {
         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'
@@ -10014,7 +10014,7 @@ const TableHeader = class {
          `, 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);
@@ -10156,13 +10156,13 @@ const TableRow = class {
      */
     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' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10178,16 +10178,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '8150cc809c966d7ce65f9302a898fa5a0b871c52' }, h("div", { key: 'f3819618fc035040a36c6481eddccbb80e6f159b', class: cn(`
+        return (h(ThemedHost, { key: '9e256c986a4b331627d319a517b36590418e952a' }, h("div", { key: '6943ee451a14e22626cfd225c777ec749e23a75b', class: cn(`
         flex
         before:w-4 before:bg-gradient-to-l before:from-off-white-200
       `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: '2e10f66b4a319d1ed55a39b9f6fe10baf0211b78', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: '4a4206b60e0fc5a5ff52c25fed3a705471aa8c33', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '6478fa71bf7ae5f301c97c281751083ed82fba6e' })))));
+            }) }, h("slot", { key: '896755e2e0ae1ed4b78b9fceb4bed9e62815e5a3' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss();

package/dist/esm/p-field_3.entry.js

@@ -388,8 +388,8 @@ const Field = class {
     }
     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,
@@ -400,7 +400,7 @@ const Field = class {
                 ? `${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),
@@ -412,7 +412,7 @@ const Field = class {
                 '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),
@@ -686,27 +686,27 @@ const FieldContainer = class {
     }
     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);
@@ -748,7 +748,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: '5eeb291711edeee3b0aedef613e6a0beb0ceeddf' }, h("p-tooltip", { key: 'be8b8123d9e05c58eac02b0dab3b1f62b021ee3f', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'ac53e1c0520fa58f44e85a8ce7b7738b56793894', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '60148e302099242dcd915e02e8c785316b4443c4', slot: 'content' }, h("slot", { key: '1c5b842240e2649b7ecf83c4decd3db35dc17a0d' })))));
+        return (h(ThemedHost, { key: '39379d6680fc0f1f4a3c90ffd964529dee35319e' }, h("p-tooltip", { key: '4178c9103ba04372985cfce14e8a5d621b3b9e61', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '308d56eb6dcf3485cc59cec1dfe43464bc2f0920', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '5592c1f5da17063555e1fdd48244b22875ca4a67', slot: 'content' }, h("slot", { key: '46865d4567144cb2239175a542a16a6323006cd9' })))));
     }
 };
 Helper.style = helperComponentCss();

package/dist/esm/p-floating-menu-item.entry.js

@@ -99,10 +99,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(ThemedHost, { key: '63c7d816912054a3f5a18aa8e81f5cda7b66c0c7', class: item({
+        return (h(ThemedHost, { key: 'eb814d6f0687bb321a9cda8d8bee9f79f3b218e3', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '03357ad173ba9040116dabc025b1cfe0d791b3bb', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '417830e61a02c89ec9c45eed10b976a9f8a73c04' }))));
+            }) }, this._getIcon(), h("p", { key: '082e89b49d44db0beb002b23e3186340d998d0df', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '7e8df35acb58f95165cc20d906fd8ba9cef7cf49' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

package/dist/esm/p-illustration.entry.js

@@ -223,7 +223,7 @@ const Illustration = class {
     render() {
         const illustration = illustrations[this.variant];
         const hasSize = [...this._el.classList.values()].some(val => val.match(/text-(xs|sm|base|lg|[2-79|]?xl)/));
-        return (h(Host, { key: "29276e43798615303cd45eaf6ff247a2bc61edee", class: cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
+        return (h(Host, { key: "8b5b9281ee5f5741261dc01f3286d81843946a47", class: cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
     }
 };
 Illustration.style = '.block{display:block}.text-8xl{font-size:6rem;line-height:1}*{box-sizing:border-box}';

package/dist/esm/p-info-panel.entry.js

@@ -104,10 +104,10 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h(ThemedHost, { key: '6e90d3fa10339e27158689ab6ff7f4c27e4112a5' }, h("div", { key: '290bb5cf9fbf7d9bd17d91e341012c83f76061a1', class: infopanel({
+        return (h(ThemedHost, { key: '9f78c3309b7d3fb699d224b018af652a65899654' }, h("div", { key: '72eee0bb6462c25485392a4c38da3cad6b5bd8bd', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'f30535d8f77ce76af301bd96bd6c71b645ce68da', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: 'cbff549d70f794782288c3ff59c7a7ede09962bb', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'a982772edafce6a622d02676b4ec5d36e30c31af', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '2c4295ffec4dd380af662b41fdc4d907ae090bf9', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '812ca8b8ff2e09d49602bc986b785d6a1d81e3d1', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '05a02d7363647ad0acd9ca89db7b75e83cd38bd6', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'c2825dc70562a98674bd86b7997db390988c088c', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

package/dist/esm/p-layout.entry.js

@@ -16,7 +16,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (h(Host, { key: '5e96a8306fb4c7cab4119a7ba5c70bcbdd7a4c88', class: 'variant-' + this.variant }, h("div", { key: '843970e380e0c43e74a8124a3a0081faa60f4679', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '87248ef456ff60f8468e3ad9c83f3bfc127df83c', class: 'inner-content' }, h("slot", { key: '8fe3daf6f639a8cb6b8ab40606f84fc3c92815fe', name: 'content' })), h("slot", { key: '8c9d95947c939b50851f145b6dd36dd4111b82b1', name: 'outer-content' })), h("div", { key: '43afaa2036ba6f7ac4ca355402a3dfc1840b69c0', class: 'sidebar' }, h("slot", { key: '8a3a225c1bb302cdaf70c3b16658e971bee97336', name: 'sidebar' })), h("div", { key: 'a5cfe1d264780bcc00ac4e3e09a713357788985d', class: 'topbar' }, h("slot", { key: '460057e388170134ceef77a2d737a701b9310b77', name: 'topbar' }))));
+        return (h(Host, { key: '9f8d2aa60dc26e5466e2c8190185f81245bd6f31', class: 'variant-' + this.variant }, h("div", { key: '4ec81143589698d5d28a9d979de5fdefae35251c', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '6cfcde977e26dd62ab0e89e82143920a9d01b7fb', class: 'inner-content' }, h("slot", { key: '2e345272546021ec0b6c10bc95c967fbb7c5d395', name: 'content' })), h("slot", { key: '120b6b57f6367c572360ac0f33edddcec6aee745', name: 'outer-content' })), h("div", { key: '30e5cc2ef678d68aef5495749911c11d4db0f262', class: 'sidebar' }, h("slot", { key: '7d890c8ad0112adda59eb9534905a6bad46c40fc', name: 'sidebar' })), h("div", { key: 'b7cfb05d30f8a3e452240a50fc44f64c7aa088ad', class: 'topbar' }, h("slot", { key: '3fceab204c77b72d41d9ce5a7fe958c90e4bd484', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss();

package/dist/esm/p-listing-item.entry.js

@@ -13,7 +13,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        return (h(ThemedHost, { key: '0cbd4fd727806eac35987e3251c9685489dfae57' }, h("div", { key: '1bf939b16073c30fcfa1ddbf0c1b1f94f4a4208f', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, h("p-icon", { key: '2f9bc38148605b2b8852a1bf1089476bc7ff79b8', variant: this.icon }), h("div", { key: 'b5df05be94eebc8a04d2dd7373c4f5a2bc2b946f', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'f13709285759edb53c848b03c6cd80fd552c31b6' })))));
+        return (h(ThemedHost, { key: '37664520d69991dab2651d4fa97884963d59ee43' }, h("div", { key: '8fe29d9867e6d036aba7d47f9c202c1a966ebc8a', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, h("p-icon", { key: 'a733f5e1cb1bb94ce46b22958f9e7c2b02d28c6d', variant: this.icon }), h("div", { key: 'bee96406e6b692a779110c7e8289174081c15e15', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'cf6547935c657e3b903f9a45a2845cb337ae0d55' })))));
     }
 };
 ListingItem.style = listingItemComponentCss();

package/dist/esm/p-listing-line.entry.js

@@ -9,7 +9,7 @@ const ListingLine = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(ThemedHost, { key: 'd8b5baea7c0cc99a887284ab35870ff5444de455' });
+        return h(ThemedHost, { key: 'c0946b27ec07ac65c5e2f58d8428431085922c41' });
     }
 };
 ListingLine.style = listingLineComponentCss();

package/dist/esm/p-listing.entry.js

@@ -22,10 +22,10 @@ const Listing = class {
         }
     }
     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/esm/p-modal-body_4.entry.js

@@ -41,10 +41,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (h(ThemedHost, { key: '4ed0661424c57ed84e9c2c02a82d5efa4730635d' }, h("div", { key: 'a04edf4637b1c4e55e2f27c038e6a28874cf798f', class: body({
+        return (h(ThemedHost, { key: '90041783e53a67392a258307ba13b32557690ef8' }, h("div", { key: '9280bff0062f4c5e84e6c6de2d4d6cc4458064b8', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '661938daa1f1077c6b702f5b3f24fc1034661b27' }))));
+            }) }, h("slot", { key: 'd25e2ded7b08a46e373acb876e9932193309caeb' }))));
     }
 };
 ModalBody.style = modalBodyComponentCss();
@@ -96,10 +96,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '0676421b8bd89ec3551086c1d96ada8d6831a5c5' }, h("div", { key: '2ab0566b539d275e765f6674c7fef65a22a613da', class: container({
+        return (h(ThemedHost, { key: '33c592f8c9fc7da25f3b6152a2cbe16ec0860d6b' }, h("div", { key: 'fa324eb42da3f351ba43274c1dc27b201d1ce28f', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '5cf4b886f91489e898c337c7ae8b1f0cbe23ad20' }))));
+            }) }, h("slot", { key: 'bf2cbac227bdbfb96169c24b8ec14e36b061f979' }))));
     }
 };
 ModalContainer.style = modalContainerComponentCss();
@@ -111,7 +111,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: 'f39b72e939292033480703553e50bbd1dfa83e87' }, h("div", { key: '4e111928e7e2d77dc05953df32543cd394f1aa43', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '4d46bce2251c4d7bac6ad6a8c93efd02a7b9c080', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: 'b82864f44ddb46b933fb17672a2c5f59f8d88bb7', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: '216f5773f2e5070330140d3db29fd615eb24fff2' })))));
+        return (h(ThemedHost, { key: 'b79810bfc53c314adaa5bc67e82d0152f1b77486' }, h("div", { key: 'ca7b3a371564065bac49a9db74b3272a320b3074', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '33064099aa94fbef87e013f3d215b8e81a096a9c', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: 'e408228d2227e283b200cbd621117e3580b76b7a', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: '4036a83f0ed805f317601ab187921b19e4cd4f19' })))));
     }
 };
 ModalFooter.style = modalFooterComponentCss();
@@ -149,7 +149,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: '6ff888c25d7455ffd6baf7e1dd046d8446555739' }, h("div", { key: '9b9fa9ee81f4174df2f880965afa9cc72b63e800', class: header() }, h("div", { key: 'b58b6b353afa85c5e45f71abf9c4d59b5fa42eeb', class: content() }, h("div", { key: '576edc988821e2ae50b8a11c8fc4b81fea137cb8', class: title() }, h("slot", { key: 'b9906b5af7dc8542f3d046d8ca9dccc0f8310e9d' })), this.showClose && (h("p-button", { key: 'c5da895fc9b1e6ef042a5f9d829d6e584ff23ab8', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'e0390b852e9ae3633185cdb5441d9172a07f7986', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '3a863e81578f4987eabc55b88f3532c0a7299dbe' }, h("div", { key: '4a0712dde0791f663d47971eff8046e4e7d2c600', class: header() }, h("div", { key: 'b78d2685653c7db748a3405f5b5b323adec5caf1', class: content() }, h("div", { key: 'bce9ffdca20adec7e8f0b0bc72efc22dc401cbc3', class: title() }, h("slot", { key: '5e44980677b864f3cd0cc090933859599f5d58e2' })), this.showClose && (h("p-button", { key: '5364d67717f9601e78116353f31f74a023dad473', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '92df05a00f933eb27d589c585acfbe161fbbb229', class: 'dark:text-hurricane-400' }))));
     }
 };
 ModalHeader.style = modalHeaderComponentCss();

package/dist/esm/p-navbar.entry.js

@@ -69,7 +69,7 @@ const Navbar = class {
     }
     _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;

package/dist/esm/p-navigation-item.entry.js

@@ -96,13 +96,13 @@ const NavigationItem = class {
     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' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss();

package/dist/esm/p-navigation-section.entry.js

@@ -13,7 +13,7 @@ const NavigationSection = class {
      */
     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' }))));
     }
 };
 NavigationSection.style = navigationSectionComponentCss();

package/dist/esm/p-navigation-title.entry.js

@@ -9,7 +9,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '748f1f2b55a87b484800be5b65b0b0bfa9ee32b2', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: 'fa5149117c4baf802cd7d116ab604f84678c5740' })));
+        return (h(ThemedHost, { key: '0f21da4f071efea278fb49adbfe3c49666ed3012', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: '045189f05a635b65d888bcc51c0c721858e9643a' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss();