@paperless/core 3.15.4 → 3.15.5

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

@@ -5,7 +5,7 @@ import { c as cn } from './cn-CsNqHcjL.js';
 import './clsx-ChV9xqsO.js';
 import './state-BJbOyUuL.js';
 
-const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.text-center{text-align:center}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const dropzoneComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.hidden{display:none}.h-inherit{height:inherit}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.border-white-800{--tw-border-opacity:1;border-color:rgb(228 227 227/var(--tw-border-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-positive-green-50{--tw-bg-opacity:1;background-color:rgb(234 253 227/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.py-0{padding-bottom:0;padding-top:0}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(142 179 251/var(--tw-border-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.group\\/dropzone:hover .group-hover\\/dropzone\\:opacity-50{opacity:.5}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.group\\/dropzone:hover .dark\\:group-hover\\/dropzone\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const dropzone = cva([
     'group/dropzone',
@@ -133,7 +133,10 @@ const Dropzone = class {
         `, {
                 'text-storm-300 dark:text-hurricane-300': !this._isOver,
                 'text-indigo-900 dark:text-white': this._isOver,
-            }), variant: this.icon })), this.loading && h("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && h("slot", { key: 'a617832e2305a17b33ee1672161b086bcaee3ba6' }), this.uploaded && !this._isOver && (h("div", { key: '37d5abc7d1911191ce0837da4dc75ded564015b1', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '454995571fe41257ea43b317e79926e458cc934a', variant: 'check-circle' }), h("span", { key: '6aa0a20db5a5a65f02a0d5319ec18b559ef57b7a', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: '7e75e105348ebd58c4d2183b4d5f64a410393067', class: cn([
+            }), variant: this.icon })), this.loading && h("p-loader", { key: '5f4a5818201809809a6c2bef85d7bbd3e1139d32' }), hasContent && (h("p", { key: '69b388574594142c3c1ac80ca2065a6a85e83ee7', class: cn('py-0 text-lg font-bold', {
+                'dark:text-white': !this.uploaded || this._isOver,
+                'text-storm-500': this.uploaded && !this._isOver,
+            }) }, h("slot", { key: '0987edf1c76b8f1dd75964e6aa04bc17d3d73212' }))), this.uploaded && !this._isOver && (h("div", { key: '446742d26f37d14ee5a62359ddf9338eaf475f86', class: 'flex items-center gap-2 text-positive-green-800' }, h("p-icon", { key: '0928ee47c16210c53c8ac8d7423de3e7df88dcf4', variant: 'check-circle' }), h("span", { key: 'cb4053e0b5c8e8ac20bd8ca4d63815ea24310dff', class: 'font-medium' }, this.addedString))), (!this.uploaded || this._isOver) && (h("div", { key: 'ed2ba89e89b76209146d23684ad44b206b8a6d86', class: cn([
                 'flex flex-col text-center',
                 'group-hover/dropzone:opacity-50',
                 `
@@ -142,7 +145,7 @@ const Dropzone = class {
          `,
             ], {
                 'opacity-50': this._isOver,
-            }) }, h("span", { key: '7e87b47205401f3ef2174ba8f069a59e09d84894', class: 'font-medium' }, this.dragFileString), h("span", { key: 'a474aff707224efbd3e248219c1798ac37c9e990', class: 'font-normal' }, this.orClickString)))), h("input", { key: '4d55ef7a4fc188f79383763914455d542bebce84', accept: this.acceptGroup == 'any' ? '' : 'image/*', class: 'hidden', multiple: this.allowMultiple === true ? true : undefined, ref: el => (this._fileRef = el), type: 'file', onChange: ev => this._onFileChange(ev) })));
+            }) }, h("span", { key: '12e007d074b3c3fb2cbed0a9315e7dbb81476ff5', class: 'font-medium' }, this.dragFileString), h("span", { key: '771d80f803c227f45fde9a0b2d6c7e9bd88b0298', class: 'font-normal' }, this.orClickString)))), h("input", { key: 'e1c35d57d349fedcd51d862f8ae2ce3160032c67', 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: '46f56cd16b8fb196bf0386d0eb6e00f4033ace3d' }, h("div", { key: 'b3b10b96f1e3a657b9c76982ef9330dc1909d114', class: emptyState({
+        return (h(ThemedHost, { key: '26fa195bc455389898a4fdfc85bdca67c24fca4c' }, h("div", { key: 'eb935879258a656fb36abeed6e35a78bc3dc5e5f', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '558279ba45c580a607d4227469bf60006e426da1', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '1435c5a5b1a99c9ee91f0d0140a50129345290b5', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -144,9 +144,9 @@ const FloatingMenuContainer = class {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: '6986e980b725cd752829cba968f0846463bc6059' }, h("div", { key: '9a778fdbbd37c1d2e7569987f02e99f9e35e49a9', class: container$1({
+        return (h(ThemedHost, { key: 'c90bcd31bc830cd70ccfe65bfa8fed82cff6a32c' }, h("div", { key: '07fd20383c5dbc5c4bc3d18699b045e31264d158', class: container$1({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (h(Fragment, { key: '5908b6468acef599b2447b6f9f63df86b76910dd' }, h("p", { key: '430c5262493489463a38d5c1dd5ce43b7c97185c', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '376022345f9be8e294dc5cfb84afb88d5c3fafc7', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: '51eb35eeda97cfe8e38e72182347120dafbafb46', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: 'db367176340e6757f70095b4e4d99cc955052195', icon: 'negative', onClick: ev => this.close.emit(ev) }))))));
+            }) }, this.enableAmountSelected && (h(Fragment, { key: 'a310e2feafc96eb345b6fd827e062ebb375e1ac2' }, h("p", { key: 'b29212b8bb4731496686edc0d376a7c702aac2d9', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '15c1f2cf0e57e64a53ac4aa8a8bab30a09c443fa', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: '7350b5b5de21c3004ab948649ba254a166313f36', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: '1b58c9e8b4dc9d0fc801fe07239b4fc3acba39dd', 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: '656d83909d03bd9affa467d31830be7ddb065608', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (h(ThemedHost, { key: '60664289f3bea1265629a030dc78ca4a74e86495', 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: '3daf6469b62cebd689368d36868c43045e45b9ba', class: container() }, h("slot", { key: 'ee905a8bcd2e251d16e0af31a1609e905d41fa33' })));
+        return (h(Host, { key: '2fd7fc58cab60ed34f8865794e55bdd1b51319ec', class: container() }, h("slot", { key: 'be28d0ef768363a1ae5bf38b53640322796e3e4d' })));
     }
 };
 TableContainer.style = tableContainerComponentCss();
@@ -360,12 +360,12 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: 'e1e80cefafca5e75a6bb65a1ef50628608b5f561' }, h("div", { key: '2685019000a687c3d2cc78a959370cd11dee773e', class: footer({
+        return (h(ThemedHost, { key: '02a79c59c0cc54d8f7244fcd4d494630284b79dc' }, h("div", { key: 'b6da3c41838f6c5318068385ca69ce61ec55285f', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '82c0ad2c394418fab72873164f7110f06edffa62', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '0122f9d68dea08cb1ea0b5573afcbc699a51e5f0', 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: '146dbcfb3f2883f5999093dff4ec5b1ae4530a0f' }, h("div", { key: 'a76491ff423a939196c851da49f70cec87e914e5', class: header() }, this.loading && (h("p-loader", { key: 'cefccf2e94b8e22df9506670241c5366d8d3de2e', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: 'ff9fdbec94b79217279e0e6a87511239cadf8d99', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: '9ba364568cf6ea0eb988c9ba53055ba005af60e0', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: '8e88a96fcb9a88ab8ed6ea3854821938e195bdcf', class: cn({
+        return (h(ThemedHost, { key: '2d2b4d0ff8e372b067e75ff69ce1e2e643adbc73' }, h("div", { key: '51f6e6347ef8fb47c7ffcfd1c2e26b3d8b339a3e', class: header() }, this.loading && (h("p-loader", { key: '96db3c49a8b1c9499028c0ccafda0a10f783badd', 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: '5d390fe548a9995ecce97528d1adb2cb29c6bc85', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: '4a58dc2c7fa838fd8ac52e0ca42f60af2c7c4a2d', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: '5c85d50c93fd6191d4668ed9798b303ed8720e5e', 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: '881aa6a3e492bbc43ce7c17ad7b92e1388c83276', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (h("p-field", { key: '15966dc97bd1cee3692de32ce08d348196e0e329', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: '8bc7ef55643420221a66323cc644ca9bc9c2aac2', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: 'ae5c8db6d1adef93cd228ff86f7a266fe057c410', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '7a60d8d22f9c2bbfeba624f789bf6d0fd457051d', 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: '481242c4df3e51b42a792391bc98ebc100789bbb', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'ba75f7bb2b7bcfeeba6b92f5783e6e082d43866c', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '5bbabd2494c4034a34631fdb818f45e5c9f647ed', 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: '31a8d2bc0fb5f217111f0ae2aad500abee3bdf28', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '05d011dfc818f193c96a5646456d07d745da7693', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '379ad6eb535ed7e327b2a438f482a960a546ba80', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '9037b913ef614ae681892c6fb6547d476bc8cd43', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '8d4e50475b705527be55bf6e2ba16918048b5de6', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: 'aa6e6fab68eb2e4e97c50672fab433b8b2f71d0c', 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: 'afbdd846a1f5649b1e418f5ca42d03db4b8f4727', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '9b3cac467b1db5951e1cace04f2d8fc56bd4c2a4', 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: '637f078f4b17b40e8d88b17ffd01e17564dc2498' }, h("div", { key: '0c5df77b50554c6f72e4a589896ee0ac5ea8065f', class: 'flex flex-col' }, h("div", { key: '86cab516a54ba2a79a45fe4185e1d64ed232df04', class: row({
+        return (h(ThemedHost, { key: '1b9139cb381d72eb6a14f6503f8e21c19bee4841' }, h("div", { key: 'bfa95509c2f9e38a5c91741a71a2e36bee729daa', class: 'flex flex-col' }, h("div", { key: 'fc7c8e0051b9a8b676117b1001225f04a4624fdf', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '4a302d6d3077a31f18bad02169e9bfcf38083e4b', class: content({
+            }) }, h("div", { key: 'bcb73f6e99b10220d3fc7f0b27dc13fed2b02d32', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: 'b1ead41a3359d1e766c5e372f18ea17720ff86f5' }), h("div", { key: '9d374cf452fe04077230f6a981fc713cf56cc6cc', class: actions() }, h("slot", { key: '728d34e82e152fd1ca38db6c29cb1e40259e442f', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'e9ac14c677be390abaf4f5fc2218ee7a7e028954' })))));
+            }) }, h("slot", { key: 'da29b07a752cbd0d5cf46ddccbaea4a2af3dae7a' }), h("div", { key: 'e4ebfe659c0615848800d8e45befb04f2c5c8cbd', class: actions() }, h("slot", { key: '02398de67b6c0857d3cea60228eaea956629a6b9', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '096780e3edb7907a3d495fa5fb09047499326440' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10178,16 +10178,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: 'efb6cf4c063212207c5ea272f3ae3bbffd18e419' }, h("div", { key: '2d1a85c5f4e1e4829cd45b081fcc31e46bd02773', class: cn(`
+        return (h(ThemedHost, { key: 'a148460bbfb446abc882e23b64d08e2651ee4948' }, h("div", { key: '086b9bf592037fa75dc01339557b0e7a1d5c6a6f', class: cn(`
         flex
         before:w-4 before:bg-gradient-to-l before:from-off-white-200
       `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: 'ebea7754c0318514557fe7d751ed2212cfcfc35f', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: 'ee843f943ac853c58f637e08ecab64a343c70bd8', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '2cba74d1d0d62f685798292b7199632aae122d67' })))));
+            }) }, h("slot", { key: '29774b4038414a37897f378ac97ef8c8ac52622f' })))));
     }
 };
 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: 'f985e2b3d25ebb7a9e30448fb6663d0b487f47a3' }, h("p-field-container", { key: '358983d8f8f6cb1b53e9e4c607c064fc4a27a9f0', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '155d5efc1d951ea2e08076cb58c3ce96e12f0f13', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9012ea2ac18ebbdc337ef7fc3fc79a36b1c9c720', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'f461db190f2ca1727117e062111e96c6f85728be', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '353b0153551e5e7adb23b19390a4111e0b96d0c4', name: 'error', slot: 'error' })), h("div", { key: '20152561ff55142e43b3b1cbfb151b254f145736', class: field({
+        return (h(ThemedHost, { key: 'c091460b44453403fec2ed139545107c2058f110' }, h("p-field-container", { key: '5ad9958e1dc4878a9273e494d7f7d7c9ca2d140c', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '8b81aa5b830a8aef4460f2c08858c3e2a81eed85', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '9cc7bff773a21bc9e4a55a2f7c0d02d492d8b9f5', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'd6a0c928cea41b5e6ba746d091c738fa133c77ae', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '0db80a02e54fbb01686ac8ad36e87febd408ba11', name: 'error', slot: 'error' })), h("div", { key: '225ab322efae91247e0bb329b76e53d849900c1f', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -400,7 +400,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'bca5cf5eca02b9291eb710e6c3539e23bb349d96', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '65b67b891abe8c2d75cfad116279654d1fe0e68f', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -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: '0ab5f5a94ff34eeeb76eb94cad88a4895a656bfd', class: cn(prefixAndSuffix({
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'e16a8267f833e7de13dd8f70660b4aedb78e6365', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -686,27 +686,27 @@ const FieldContainer = class {
     }
     render() {
         const { hasHeaderSlot, hasErrorSlot, helper, label, errorAndErrorIsNotBoolean, } = this._getSlotInfo();
-        let contentSlot = (h("slot", { key: '2584c934001e26c03b752112c165dc89f31db007', name: 'content', slot: 'trigger' }));
+        let contentSlot = (h("slot", { key: 'fcbc1dfe12c516061a5e8eabf0f676614c97f06c', name: 'content', slot: 'trigger' }));
         if (this.loading) {
-            contentSlot = (h("p-loader", { key: 'fe69f220c9021a637ca5bef74868f769222a635d', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
+            contentSlot = (h("p-loader", { key: 'a73229485f91321e3eca911b329f27377ab353bd', class: loader({ variant: this.variant, size: this.loadingSize }), slot: 'trigger', variant: 'ghost' }));
         }
-        return (h(ThemedHost, { key: 'cbed8c2f71c7be4f1789b3d234aafca4f9f078d9' }, h("label", { key: '4cb5fac7fe945b5f520ac83a43a7a5af6b879adc', class: cn('flex h-inherit w-inherit flex-col gap-1', {
+        return (h(ThemedHost, { key: '245c2c76893403bdc34d50e4187d5c378daaeabc' }, h("label", { key: '87b4f54b6e7caf221d695aa64e620b40c0df7cdb', class: cn('flex h-inherit w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: 'eddd1fb87a9a2d0878cd41420e88e54e31da3bd1', class: cn(`
+            }), htmlFor: this.id }, h("div", { key: '02eb63321e2d19bed8d912a9e31ed5b5c79e66b5', class: cn(`
          flex items-end justify-between gap-1
          empty:hidden
        `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: 'de0c79227552968864feee220604dc75ae7e4ecc', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: 'e3706293e4feae632d4d990adc3fb49f54c386cd', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: '7c8a9c8a5c82bda7028cd3ae2bf730425fea0eae', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: '74c6873c1972f30938ae1e328f5bda72e41c4bb6', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: 'd25f46c0e3d5085b4c4698a40076a343eeea5361', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '05e7c07902db67d4166ecdbf27625d387472bf2a', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: 'e82a559690ffc710325a753ec91a6487fea440e4', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: 'db3dbef2bfe04a903e07862fbbf147a9ced1bc4b', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: 'a26431f4d7f51d1a92f0124b3dbd89220d37d16a', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'c45674f169680c8f677dbd0f05c3cd1b54c713f5', name: 'header' })))), h("p-tooltip", { key: 'e1cd66e97f216465f0a6ebb4f7283ee934d28379', class: cn({
+            this.variant === 'write' && (h("span", { key: 'c47d4556e9efa5b949afd7849170747a0764a120', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: '09b261f9b233d32d0ec7bc6eb3b2c4b216f5f28c', name: 'header' })))), h("p-tooltip", { key: 'd5c161754feba1abcf5a142ded729a8ba67d54d9', class: cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: 'a6e72b011664317de5e09b4a2fd689e307c0d5d2', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: 'd693aed69fc08f379049b3413c31f3754b0da5a2', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -748,7 +748,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: '9f2914b0d9d5a9e89f40697fad81d9bd167e5865' }, h("p-tooltip", { key: '409c6db4657e7cdb926f931448dfcb082b742400', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'dc0a1e1e2a2ae677ab5493541bf3b4aabc12ec9b', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '7a28aeafd07af4259e1a4fcb089a4535d8c95e8f', slot: 'content' }, h("slot", { key: 'c67f0ecd91966e667398ebbe0cf5ba5e3e46bb53' })))));
+        return (h(ThemedHost, { key: '5f8735b03556aaba8b1ee3df71150e3477178cf7' }, h("p-tooltip", { key: '63367dfd6fd51ba061d252ea27a942a7e5201c40', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'a113e80bcb80d5a62923b740e739e7945c1ed3f9', 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: 'e1c98ebbb171f0c590554c1377d9cf0fb3c612ce', slot: 'content' }, h("slot", { key: 'd41c7361c2e8f30d151da7ef104ea336356bf8f2' })))));
     }
 };
 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: 'e653498fd7e06f53f8440399011a1a8ada5f67f1', class: item({
+        return (h(ThemedHost, { key: '9a8557e2c0d3b865a99c4f0bde1cb11e6b895715', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '78ccc757ffdf76c71bd293de5cafb73f1a34f56e', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '9e37c6abdd1a17f6bb8d4bb47fbc4ee278b5ce35' }))));
+            }) }, this._getIcon(), h("p", { key: '7aee07a6c5e2b4349c118f65347b108fcf6d536e', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '5e2c6c42bee7c9943f390a0f2ec715f743c933c3' }))));
     }
     _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: "50517d8d3aaaa520665e8591663654c505b08104", class: cn("block", { "text-8xl": !hasSize }), innerHTML: illustration }));
+        return (h(Host, { key: "a2c60770d048f0d970182a16a75a36dbc1c3b6f9", 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: 'effb38193e5597af8e484137f8dc758999d2c52a' }, h("div", { key: '14cb61d11f41c4ec4b34689fb20a2cd71a9204a6', class: infopanel({
+        return (h(ThemedHost, { key: '8a81b26c9bdb63a2c5d9ced3a66ee759732c56da' }, h("div", { key: '3d7e8acf5af3b0ea5dfa1fea073650447d959a51', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'a1ceeb47d24d9d108044d0078d3da39f5efb81e1', 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: '0221101d1e13cd55a8e4b7d36406e3c212dc3b79', 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: '1a23880fa9eaf54d38f13e21e241cb21fece511d', class: close(), onClick: () => this._close() }, h("p-icon", { key: '717beeeb7f1cb95688f2df6712b284280acc446c', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'e0315eadeb6e6c4dcdca64d012f2956e5d7c56e0', 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: '65210ccdf9e6fbb77cbef1bfe10b1343fa0410dc', 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: '9314c1cae519806f68c5963542cb264b24497394', class: close(), onClick: () => this._close() }, h("p-icon", { key: '65448b76b1e596ee6d47860d0fa587229130812d', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

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

@@ -83,17 +83,17 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '2dcb1d9bafb86433ad4bc24a7f1947ca52656056' }, h("div", { key: 'ce580094967f042bef6aef229b393709f0993c34', class: label({
+        return (h(ThemedHost, { key: '03d41360a16b87b97955fd230cca0928e7190890' }, h("div", { key: 'b0f97e0f426f937c6226435acac26eb17863b0c7', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '450bf31eec5f09c5b326f7819841f9b6dc155993', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: '825b6996bba84ffeb67dd8f4cfb114b0034599bf', class: cn(`
+            }) }, this.icon && (h("p-icon", { key: '1c3a7c319a85b980f66a75d6243572dcc7107961', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'fde6f8128638b90d7c13df21aa06c8345261882d', class: cn(`
           flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
           font-medium
         `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '6d71814586719b1b7898d5f46033a8d46ed63974' }))))));
+            }) }, h("slot", { key: 'e3b77b8b0d9e8062643ae8344052efee8c49fd34' }))))));
     }
 };
 Label.style = labelComponentCss();

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

@@ -16,7 +16,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (h(Host, { key: 'd01fb1020c3647bf8010bbd17419e8c66ce1c96d', class: 'variant-' + this.variant }, h("div", { key: '9ff8a4475fd1b9bea0d60c79cef445cc56441641', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '0b0538ea3608acb8ab5cfbdb68ee1094dfca142a', class: 'inner-content' }, h("slot", { key: '246a0d0513aa4e11d0c8b3a528235433c2ae5cd2', name: 'content' })), h("slot", { key: '174efaf8981ee49561f8718436da8b86b19a4550', name: 'outer-content' })), h("div", { key: '780403256ca296797290cbb4a59bd8964ccffbc4', class: 'sidebar' }, h("slot", { key: '47df9f24bdeba40201597f35f51ef3620973398f', name: 'sidebar' })), h("div", { key: '9916f3c82d19b109ea3893bb7ac6846a1e875f0c', class: 'topbar' }, h("slot", { key: 'bf0995ba0ef0db3309e9fe553e78d25ac857730d', name: 'topbar' }))));
+        return (h(Host, { key: '8cfb99be28dfec19e5ad3a065df3c0aaa8806847', class: 'variant-' + this.variant }, h("div", { key: '3002faeb3feb9194962e7c73472e58731f6fd2ef', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '44876c38af397125eedeb98c6684c3e1f8ed45da', class: 'inner-content' }, h("slot", { key: 'cb4860bdaf46a21ab5d270ffb09a210280cdcf3a', name: 'content' })), h("slot", { key: '8c3c1bd360804e9539450b38c534d951db170a99', name: 'outer-content' })), h("div", { key: 'abd33ea40a67ba92581ebaabd600298cd56dd94e', class: 'sidebar' }, h("slot", { key: '7d37dcb9ad3425e298468eca99535112c89e5083', name: 'sidebar' })), h("div", { key: 'd596e61fb1c9acd96a958cfe5a66d86dc1c9d211', class: 'topbar' }, h("slot", { key: '227d71a09deca8b359a72fad0af7287858460e05', 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: '365ba4cef81b87755dd6c18fc5238992a2b35e15' }, h("div", { key: 'b121cf8fe6e62c062583c035a0144fc9cd08f324', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, h("p-icon", { key: 'd0fea1dd0e4437ad9cbf02a5441bcbec018958a9', variant: this.icon }), h("div", { key: '9a244f968dab4b6bdc12c5ec0176b2c68917892b', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '26fe3df7e514a68a3c7813e0231e7f1aa4b13f0f' })))));
+        return (h(ThemedHost, { key: 'bf8ac64c618d840ba8bfbed6be58a705e5a64d16' }, h("div", { key: 'd78b8048a04916d106900fd5c627a45aca087052', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, h("p-icon", { key: 'eac41ca2f31a0e9ba37d983d847633850a166300', variant: this.icon }), h("div", { key: 'b4d771fcef5eba5e7e134080a9395e06da861a17', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '4d2239e7ce2b4a5500f326ca9274224519eb28a8' })))));
     }
 };
 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: '452304a157c927b7c255adc0a312a333274cd8b5' });
+        return h(ThemedHost, { key: 'dcf54d97df7922bf4b2997ad48fc0a51149e7f6d' });
     }
 };
 ListingLine.style = listingLineComponentCss();

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

@@ -22,10 +22,10 @@ const Listing = class {
         }
     }
     render() {
-        return (h("div", { key: '160a8d3db50ea8c0c6e8a982f3b274525fec55f0', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: '546443efa450db8ad951f0ef5782a0b03830a69f', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '0cb952b970dafcebc316723d4e020ceafa96f9b2', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: 'b8d1018a64f9d53b0aa418af59e97c2b6f7879ae', 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: 'c6b0129527261bdcb33df0c8cb03579aad34d04a' }, h("div", { key: '31a3f74cf3f0993808400de8165c08a5efb66f3a', class: body({
+        return (h(ThemedHost, { key: '19ef45a049650f59bf777268def81e5441039091' }, h("div", { key: '3845b96b942eabcc82a5d47cebcfb65d20f623c4', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: 'c70a0821cf3256e891f3a121e8a1381096a7c2c7' }))));
+            }) }, h("slot", { key: '18063eb9247028aec8e37d567e71ef7a2107c824' }))));
     }
 };
 ModalBody.style = modalBodyComponentCss();
@@ -96,10 +96,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: 'a106eb003b488d35b371d6ada4b92c009409ab8d' }, h("div", { key: 'ef6c764db7f715a968a1d8935b720e2dcec8fe26', class: container({
+        return (h(ThemedHost, { key: '72e732ad8caa169e9bdc001457e9f10995051127' }, h("div", { key: 'c779eb55ca98ababe8057655e8ff0174bb76fe4a', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '1361db39acb99256c403dceac65338dace60a7c5' }))));
+            }) }, h("slot", { key: 'd20e5a00f6427452a2d4a749e12911aecf8ccd45' }))));
     }
 };
 ModalContainer.style = modalContainerComponentCss();
@@ -111,7 +111,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(ThemedHost, { key: '72a0afeef3f9cc2a52f376b3196fdbd559f2ce52' }, h("div", { key: '5f36d029f6825ac5bb1af52af62b0f00fa19b412', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '32574ecdc2cc92dec54ca96d78f3542b4d7e3cbe', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: '250ea669f73f28deffc386701210bafb44cf1b23', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: '64f2943e6dc96db9ad040671d439b6b0d1c1a454' })))));
+        return (h(ThemedHost, { key: 'c630dfd24033a1fefadd906dd9bdbfd9a71e9d15' }, h("div", { key: '4fedc0bd1e80e55f58e52d94747f0f1cabab1fcb', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, h("p-divider", { key: '68eb34510f7cac49375a071f1bf2a5d8a318a78a', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), h("div", { key: '73115c8b10afd4dfcfec3f1ed1fc960a45286a69', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, h("slot", { key: 'e105aca9584dffee79ca1065d93ca192b4b50df2' })))));
     }
 };
 ModalFooter.style = modalFooterComponentCss();
@@ -149,7 +149,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'fb48ca24b32ae1718e286f0c57cf8cdfda26251e' }, h("div", { key: '4f87097383ea43e857fca75f46116678ba06c3a5', class: header() }, h("div", { key: 'c9d329f389711865008bb67a04fd95fc321d5f27', class: content() }, h("div", { key: 'b25903d7b487a0ed4fb8816867bd2544dc9bb7e5', class: title() }, h("slot", { key: '308f1264a692d4887a13a0ee46c019a27cdcd5af' })), this.showClose && (h("p-button", { key: '1cfaa62613f5d0d6fd0879a824d2de54ec08b7ce', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '4aaf965d357c1f2b97989995ff71c4c37324edff', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: 'f6a086ec3c9302e5dbeb7fb042f304a2896060b9' }, h("div", { key: 'f224679cc4c8a2818cc09c9577f3e217b4a1ca07', class: header() }, h("div", { key: '73a208c828dd41c1cf10291864ecdccf0a96c8bd', class: content() }, h("div", { key: 'e08fee990e8ac4d6d89786a7226d47fbd54b6ae6', class: title() }, h("slot", { key: '2ebc122013efc034b0714361163e2132a876606d' })), this.showClose && (h("p-button", { key: 'b14792c5164e5f24dc4aa24659718f106d21ef75', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8cf5a79ad5b83f00d6a57c69a0fbe84b854da118', class: 'dark:text-hurricane-400' }))));
     }
 };
 ModalHeader.style = modalHeaderComponentCss();

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

@@ -69,7 +69,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(ThemedHost, { key: 'e1bb3bf57d4920d2843370fcb682de7d498b54be' }, h("p-backdrop", { key: 'c8c9fe58e4ed00aeb4d1bdfa70d21b1ce21fae12', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '419073c7b8da20040630c0ced9e28f56f34e44af', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '26869f18f38fbf43aa22db4caf7ee21d5d464f62', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: '60b5a55602bbd3fac96a41e0ec2baab1afd3d20f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '8f41f249ca51849bef77626ab49f95d2c1a60d16', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '9bb4d8ab8d0388ae50e50131550113e5fa5c15c3', name: 'company' })), h("div", { key: '17b3ea1ee6614427a71815c4809ccaccb7cacf5a', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'd760dbe913b40d92b07010bb9455ce405e156b96', name: 'content' })), h("div", { key: '770f3972edb02a3543463d812f5c9bf633aa14c0', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '324f3ee9644b60a056f42671a002ed0fedbc4437', name: 'user' }))), h("div", { key: 'c703d1f913fd05bdd0e5de2844a99795020a9a2b', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'b506af77cfb440c2927ebf80a017c0c898e47ea2', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '4dfcb2a4418eca6338cc9467f4a8e8d97b34b1d9', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '591d3927f242f9facfaf9f294f15dbeac42e8b4e' }, h("p-backdrop", { key: '2046224840fd6b4226b1e9955020d3fa10cd989b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'dd5fa4c694f7de24e06147793838a28634935af1', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '28fb154b1b2ad316d7f7e257f06175b2d72e32d3', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: '8bc59b3e2838f24b31533724d234284f6b28343c', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: 'eb509e7cf61476818dd193cd49aa793071cded3b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '23148e3835fd87226a6ed115945e9a0a446b09d8', name: 'company' })), h("div", { key: '96152138d895ecfcb595b4591646ef277dd3ede5', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'c1c8af782d278271fe3975f3956c2b8170ccf585', name: 'content' })), h("div", { key: '0b5d41bee2fb35c826ebb43364e337f5e79b6722', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '481cfe7335ec0634e0e3e8dbc1a809ff89ebbd8f', name: 'user' }))), h("div", { key: 'c5fe7d40beebf951d8112fe85f5cdf3edc428ec4', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '16bfb3cb87f842c1c06e93e1baf5b75a894faafe', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '22480ac4e0c3f0b86641af18c418767b44baf79f', 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: 'af5ecc5d5485b1bbfb172794409d05e51c267a1b', class: cn('inline-block', this.class) }, h(TagType, { key: 'c88091c7b839ba181d22bff95978263443986d01', 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: '75572668b903ffacd852c765415b20deba35d4fa', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'f5499b9eb148820f73109400aa4b9d6dd29e134d', variant: this.icon })), h("span", { key: '1ee78ad5c09e916baced632233ffcc5dd8ef8347', 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: '6c39a2140f511209e6e48fcc6a8eec2c02f36610' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '46c7a53003e7e80737a82f00e82bf95bf294234a' }, this.counter)), !!this.loading && h("p-loader", { key: 'a9b88ff904559ce15a7f29020a714760e3183cd9', 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: 'adc4546240455e2a90f355a85d26a29ec7e3b6f2', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '8510c67a883e4973b9261ee63f7ef148cdbaedd4' }, this.header)), h("div", { key: '23b9cfcc54e590d5378ebd61fba0851e95ecc697', class: 'flex flex-col' }, h("slot", { key: '01521755f498890b3abf3adcdd30cf71e9ed8629' }))));
+        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: '931af33edbc3cc1f4f0195462b18fad324f3cd05', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: 'c556b9241a6b6023d88a26cc5296178f8711d622' })));
+        return (h(ThemedHost, { key: '53bc30cf82b67e849e4225d8e535eb63a533e29c', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, h("slot", { key: 'd76a74291954511761c2723f09e9ec3167d893d7' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss();

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

@@ -75,12 +75,12 @@ const Pagination = class {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h(ThemedHost, { key: '611fb4062cf7c6cd78adf2744d7694615fa8d502' }, h("div", { key: '80ebed4ee0978c78ecee629d08f7ca026e395349', class: pagination$1({
+        return (h(ThemedHost, { key: '9a30d6c7d566a90f8ac44f77fab07d2a2446c72f' }, h("div", { key: '85f2dcfc61804d63b84ad255652d446543c5c839', class: pagination$1({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '81ffbba6758be70cb681d1b778365c1f83122048' }, h("p-pagination-size", { key: 'ede0a33d15261777f8d99ce866dedb3af3d63c86', 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: '8d9956dd7d2277ea8849003e31ce2000eb88db7d', 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: 'c39df7ebd431fbcfa82eb847ff1c9a52acfc7b41', 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);
             } })))));
@@ -156,7 +156,7 @@ const PaginationPages = class {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: '3c3bdfce0f2956d896456498d5e1d82f727068c8' }, h("div", { key: 'b489b3ea0d740554fbe17d5cba60824bf7bcfc15', class: pagination({
+        return (h(ThemedHost, { key: '69bd90386aed9ebbc1b96c37eea01f2033755824' }, h("div", { key: '2afd24882dbc403728270a8e208587b0e78ea8e0', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -443,18 +443,18 @@ const PaginationSize = class {
         this._setLocales();
     }
     render() {
-        return (h(ThemedHost, { key: 'f06fc71948e4c6b7db46761fc2012051fb2bc6e0', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'f06ade5619f1ca9bbd91659da22f72fb70a08b4c', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '5d2b2f75409655d4fe731c5d016cdb016fbad675', class: trigger({
+        return (h(ThemedHost, { key: '7ecaed00bbf25b48a430d226a3a252e7ba733641', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'd145b84a98b960a82b9f8bf7edce83a5baa25557', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '256dfaa4eafa1512c28286d1e357d0120ccd79df', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '3ae4f1b391877882fccab182bffdd5d7227dd1b6', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: 'a30f124e4e9b192020b102e841193c35b2038419', 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: 'e7238dced7554a1e74d06e1dc559db8e8097fdd2', class: cn([
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: '8bbb265065044c3a7d36d0416ff0a1d40c7addb3', 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: 'f3dab35841483f0fcb7aa72106975f3573f4a08a', 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: '1e8c9bca13c0061ae8b7af889277a73ec71a99a6', 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/esm/p-profile.entry.js

@@ -33,7 +33,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (h(ThemedHost, { key: '0ec4ddefa5588f73327f78db6edb33b4a028d037' }, 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/esm/p-radio.entry.js

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